html,
body {
font-family: 'Verdana', sans-serif;
font-size: 12px;
color: #515974;
line-height: 24px;
height: 100% !important;
margin-bottom: 0px !important;
}

body[style] {
height: 100%;
}

.cnt_mgtop {
margin-top: 70px;
}

a:focus,
a:hover {
color: #005ea2;
text-decoration: none;
}

.wj-header {
background-color: #fdbe36;
color: #444;
font-weight: bold;
}

.report-grid .wj-cell {
height: 24px !important;
padding-top: 1px !important;
padding-bottom: 1px !important;
}

.wj-cell .form-control {
    height: 20px !important;
    padding: 2px 4px !important;
}

.wj-grouppanel {
padding: 8px !important;
}

.wj-grouppanel .wj-cell {
height: 28px !important;
padding: 1px 16px !important;
}

/*input date field related styles*/
.input-group .wj-content {
border-radius: 0px !important;
padding: 0px;
display: inline-grid !important;
}

.sidebarnav .input-group .wj-content {
display: table-cell !important;
}

#gvFlagValues .input-group .wj-content {
display: grid !important;
}

.input-group:not(.wj-inputdatetime) .wj-input-group .wj-form-control {
padding: 8px 12px !important;
}

.input-group .wj-inputdatetime .wj-input-group .wj-form-control {
padding: 9px 12px !important;
}

#gvFlagValues .input-group .wj-input-group .wj-form-control {
padding: 0px 12px !important;
}

.input-group .wj-input-group .wj-input-group-btn .wj-glyph-calendar::after {
font-size: 6px;
}

.wj-glyph-calendar, .wj-glyph-clock {
transform: none!important;
}

.wj-grouppanel {
background-color: #f4f4f4!important;
}

.wj-flexgrid .wj-btn {
height: auto !important;
}

.sidebarnav .input-group .wj-input-group .wj-form-control {
padding: 0px 12px !important;
}
/*End*/

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover {
color: #fff;
background-color: #005ea2 !important;
border-color: #005ea2 !important;
}

.btn-primary.focus,
.btn-primary:focus {
color: #fff;
background-color: #005ea2 !important;
border-color: #0070c0 !important;
}

.fixed .main-sidebar {
position: fixed;
}

input[type="text"] {
z-index: 1021 !important;
}

#nav #ui-datepicker-div[style] {
z-index: 1021 !important;
}

.wj-columnfiltereditor .wj-control [style] {
margin-bottom: 0px !important;
}

.wj-control,
.wj-tooltip,
.wj-control .wj-btn-group > .wj-btn.wj-btn-default,
.wj-control .wj-input-group-btn > .wj-btn.wj-btn-default,
.wj-control .wj-btn {
color: inherit !important;
}

.slimScrollBar[style] {
background: #005ea2 !important;
width: 5px !important;
position: absolute;
top: 46px;
opacity: 0.5;
display: block;
border-radius: 7px;
z-index: 99;
right: 1px;
height: 227.273px;
}

.slimScrollBarH {
background: #005ea2 !important;
height: 5px !important;
position: absolute;
opacity: 0.5;
display: block;
border-radius: 7px;
z-index: 99;
bottom: 1px;
left: 0px;
width: 40px !important;
}

.sidebar .layout-boxed html,
.layout-boxed body {
height: 100%;
}


/*Error Modal Pop up */
.error {
color: #ff0000;
font-size: 12px;
font-weight: 500;
}

.success {
color: green;
font-size: 12px;
font-weight: 500;
}


/*Ajax Loading Image */
#overlay {
display: block;
position: fixed;
z-index: 9999999;
background-image: url(../images/ajax-loader.gif);
background-color: black;
opacity: 0.7;
background-repeat: no-repeat;
background-position: center;
left: 0;
bottom: 0;
right: 0;
top: 0;
}

#overlay2, #overlay3, #overlay4, #overlay5, #overlay6 {
display: block;
position: fixed;
z-index: 9999999;
background-image: url(../images/ajax-loader.gif);
background-color: black;
opacity: 0.7;
background-repeat: no-repeat;
background-position: center;
left: 0;
bottom: 0;
right: 0;
top: 0;
}

#overlay2 p, #overlay3 p, #overlay4 p, #overlay5 p, #overlay6 p {
top: 50%;
position: absolute;
left: 50%;
transform: translate(-50%,200%);
color: #77a0ba;
}

@media only screen and (min-width: 501px) and (max-width: 600px) {
#overlay2 p, #overlay3 p, #overlay4 p, #overlay5 p, #overlay6 p {
font-size: 12px;
}
}

@media only screen and (min-width: 421px) and (max-width: 500px) {
#overlay2 p, #overlay3 p, #overlay4 p, #overlay5 p, #overlay6 p {
font-size: 11px;
}
}

@media only screen and (min-width: 385px) and (max-width: 420px) {
#overlay2 p, #overlay3 p, #overlay4 p, #overlay5 p, #overlay6 p {
font-size: 10px;
}
}

@media only screen and (min-width: 341px) and (max-width: 385px) {
#overlay2 p, #overlay3 p, #overlay4 p, #overlay5 p, #overlay6 p {
font-size: 9px;
}
}

@media (max-width: 340px) {
#overlay2 p, #overlay3 p, #overlay4 p, #overlay5 p, #overlay6 p {
font-size: 8px;
}
}
/*End Ajax Loading Image */

/*Ajax Loading Image for dashboard*/
.overlay-dashboard-chart {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 2;
background-color: #f6f8fe;
background-image: url(../images/chart-loader.gif);
opacity: 0.7;
background-repeat: no-repeat;
background-position: center;
border-radius: 4px;
}
/*End Ajax Loading Image for dashboard*/

@-ms-viewport {
width: auto !important;
}

@-ms-viewport {
width: auto !important;
}

.fixed .main-header,
.fixed .main-sidebar,
.fixed .left-side {
position: fixed;
}

.fixed .main-header {
top: 0;
right: 0;
left: 0;
border-bottom: 1px solid #0070c0;
}

.fixed .content-wrapper,
.fixed .right-side {
padding-top: 70px;
}

@media (max-width: 767px) {
.fixed .content-wrapper,
.fixed .right-side {
padding-top: 140px;
}
}

.fixed.layout-boxed .wrapper {
max-width: 100%;
}

@media (max-width: 480px) {
.fixed .content-wrapper {
padding-top: 160px;
}
}

.margin0 {
margin-bottom: 0px !important;
}

.not_visible {
display: none;
}

.select-bar {
width: 100%;
padding: 10px 10px;
border-bottom: 1px solid #4d9bd3;
}

.select-bar select {
height: 35px;
width: 100%;
border: 1px solid #fff;
border-radius: 3px;
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
background-color: #fff !important;
transition: background-color 5000s ease-in-out 0s;
background-image: none;
color: rgb(0, 0, 0);
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:active,
input:-webkit-autofill:focus {
background-color: #FFFFFF !important;
}

input[type=radio] {
outline: none !important;
outline-color: transparent !important;
border: 0px !important;
-webkit-box-shadow: none;
}

input:-webkit-autofill {
+label

{
@extend .active;
}

}

/* Layout */
.wrapper {
height: 100%;
position: relative;
overflow-x: hidden !important;
overflow-y: auto !important;
display: block !important;
}

.wrapper:before,
.wrapper:after {
content: " ";
display: table;
}

.wrapper:after {
clear: both;
}

.layout-boxed .wrapper {
width: 100%;
min-height: 100%;
position: relative;
}

.img-responsive {
display: inline-block;
}

.layout-boxed .content-wrapper, .layout-boxed .right-side {
min-height: calc(100% - 70px);
background-color: #d9e5ff;
z-index: 1030;
margin-left: 0;
}

.layout-boxed .content {
position: relative;
margin: 0px;
padding: 30px;
z-index: 1030;
left: 0;
top: 0;
}

.break_text {
word-break: break-word;
}
/*
* Content Wrapper - contains the main content
*/
.content-wrapper,
.right-side,
.main-footer {
-webkit-transition: -webkit-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
-moz-transition: -moz-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
-o-transition: -o-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out;
margin-left: 235px;
z-index: 820;
}

.layout-top-nav .content-wrapper,
.layout-top-nav .right-side,
.layout-top-nav .main-footer {
margin-left: 0;
}

@media (max-width: 767px) {
.content-wrapper,
.right-side,
.main-footer {
margin-left: 0;
}
}

@media (min-width: 768px) {
.sidebar-collapse .content-wrapper,
.sidebar-collapse .right-side,
.sidebar-collapse .btm_navbar,
.sidebar-collapse .main-footer {
margin-left: 0;
}
}

@media (max-width: 767px) {
.sidebar-open .right-side {
-webkit-transform: translate(235px, 0);
-ms-transform: translate(235px, 0);
-o-transform: translate(235px, 0);
transform: translate(235px, 0);
}
}

.content-wrapper,
.right-side {
min-height: 100%;
background-color: #d9e5ff;
z-index: 1030;
}

.main-footer {
background: #d9e5ff;
padding: 15px;
color: #444;
border-top: 1px solid #d9e5ff;
position: fixed;
bottom: 0px;
right: 0;
left: 0;
}

body.hold-transition .content-wrapper,
body.hold-transition .right-side,
body.hold-transition .main-footer,
body.hold-transition .main-sidebar,
body.hold-transition .left-side,
body.hold-transition .main-header .navbar,
body.hold-transition .main-header .logo {
/* Fix for IE */
-webkit-transition: none;
-o-transition: none;
transition: none;
}

/* Content */
.content_dashboard {
min-height: 250px;
margin-right: auto;
margin-left: auto;
padding-left: 30px;
padding-right: 30px;
padding-top: 30px;
padding-bottom: 30px;
}

.content {
position: fixed;
left: 235px;
right: 0px;
height: calc(100% - 180px);
min-height: calc(100% - 180px);
margin-right: auto;
margin-left: auto;
margin-left: 30px;
margin-right: 30px;
margin-top: 30px;
margin-bottom: 30px;
top: 137px;
z-index: 1030;
}

.content_adminconfiguration {
position: absolute;
left: 235px;
right: 0px;
height: calc(100% - 130px);
min-height: calc(100% - 130px);
overflow-y: auto;
overflow-x: hidden;
margin-right: auto;
margin-left: auto;
margin-left: 30px;
margin-right: 30px;
margin-top: 30px;
margin-bottom: 30px;
}

.content_adminconfiguration .box {
margin-bottom: 0px !important;
}

.content_adminconfiguration .box.box-height {
min-height: calc(100vh - 130px);
}

.content_adminconfiguration .box-body {
padding: 30px 15px 0px !important;
}

.content_adminconfiguration #locationsetup .box-body {
padding: 11px 11px !important;
}

.sidebar-collapse .content {
position: fixed;
left: 0px;
right: 0px;
}

.sidebar-collapse .content_adminconfiguration {
position: absolute;
left: 0px;
right: 0px;
}

/* H1 - H6 font */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: 'Verdana', sans-serif;
}

/* General Links */
a {
color: #0070c0;
}

a:hover,
a:active,
a:focus {
outline: none;
text-decoration: none;
color: #005ea2;
}

/*
* Radio style
* ----------------------
*/
.radio {
padding-left: 20px;
line-height: 20px;
}

.radio label {
display: inline-block;
vertical-align: middle;
position: relative;
padding-left: 5px;
}

.radio label::before {
content: "";
display: inline-block;
position: absolute;
width: 17px;
height: 17px;
left: 0;
margin-left: -20px;
border: 1px solid #cccccc;
border-radius: 50%;
background-color: #fff;
-webkit-transition: border 0.15s ease-in-out;
-o-transition: border 0.15s ease-in-out;
transition: border 0.15s ease-in-out;
}

.radio label::after {
display: inline-block;
position: absolute;
content: " ";
width: 11px;
height: 11px;
left: 3px;
top: 3px;
margin-left: -20px;
border-radius: 50%;
background-color: #555555;
-webkit-transform: scale(0, 0);
-ms-transform: scale(0, 0);
-o-transform: scale(0, 0);
transform: scale(0, 0);
-webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
-moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
-o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}

.radio input[type="radio"] {
opacity: 0;
z-index: 1;
cursor: pointer;
}

.radio input[type="radio"]:focus + label::before {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}

.radio input[type="radio"]:checked + label::after {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}

.radio input[type="radio"]:disabled {
cursor: not-allowed;
}

.radio input[type="radio"]:disabled + label {
opacity: 0.65;
}

.radio input[type="radio"]:disabled + label::before {
cursor: not-allowed;
}

.radio.radio-inline {
margin-top: 0;
}

.radio-primary input[type="radio"] + label::after {
background-color: #0070c0;
}

.radio-primary input[type="radio"]:checked + label::before {
border-color: #0070c0;
}

.radio-primary input[type="radio"]:checked + label::after {
background-color: #0070c0;
}

.checkbox label,
.radio label {
cursor: default !important;
}

/*
* Checkbox style
* ----------------------
*/
.checkbox {
padding-left: 20px;
}

.checkbox label {
display: inline-block;
vertical-align: middle;
position: relative;
padding-left: 5px;
line-height: 16px;
}

.checkbox label::before {
content: "";
display: inline-block;
position: absolute;
width: 17px;
height: 17px;
left: 0;
margin-left: -20px;
border: 1px solid #cccccc;
border-radius: 0px;
background-color: #fff;
-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

.checkbox label::after {
display: inline-block;
position: absolute;
width: 16px;
height: 16px;
left: 0;
top: 0;
margin-left: -20px;
padding-left: 3px;
padding-top: 1px;
font-size: 11px;
color: #555555;
}

.checkbox input[type="checkbox"],
.checkbox input[type="radio"] {
opacity: 0;
z-index: 1;
cursor: pointer;
}

.checkbox input[type="checkbox"]:focus + label::before,
.checkbox input[type="radio"]:focus + label::before {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}

.checkbox input[type="checkbox"]:checked + label::after,
.checkbox input[type="radio"]:checked + label::after {
font-family: "FontAwesome";
content: "\f00c";
}

.checkbox input[type="checkbox"]:indeterminate + label::after,
.checkbox input[type="radio"]:indeterminate + label::after {
display: block;
content: "";
width: 10px;
height: 3px;
background-color: #555555;
border-radius: 2px;
margin-left: -16.5px;
margin-top: 7px;
}

.checkbox input[type="checkbox"]:disabled,
.checkbox input[type="radio"]:disabled {
cursor: not-allowed;
}

.checkbox input[type="checkbox"]:disabled + label,
.checkbox input[type="radio"]:disabled + label {
opacity: 0.65;
}

.checkbox input[type="checkbox"]:disabled + label::before,
.checkbox input[type="radio"]:disabled + label::before {
background-color: #eeeeee;
cursor: not-allowed;
}

.checkbox.checkbox-circle label::before {
border-radius: 50%;
}

.checkbox.checkbox-inline {
margin-top: 0;
}

.checkbox-primary input[type="checkbox"]:checked + label::before,
.checkbox-primary input[type="radio"]:checked + label::before {
background-color: #005da2;
border-color: #005da2;
}

.checkbox-primary input[type="checkbox"]:checked + label::after,
.checkbox-primary input[type="radio"]:checked + label::after {
color: #fff;
}

input[type="checkbox"].styled:checked + label:after,
input[type="radio"].styled:checked + label:after {
font-family: 'FontAwesome';
content: "\f00c";
}

input[type="checkbox"] .styled:checked + label::before,
input[type="radio"] .styled:checked + label::before {
color: #fff;
}

input[type="checkbox"] .styled:checked + label::after,
input[type="radio"] .styled:checked + label::after {
color: #fff;
}

/*
* Component: Main Header
* ----------------------
*/
.main-header {
position: relative;
z-index: 1032;
}

.main-header .navbar {
-webkit-transition: margin-left 0.3s ease-in-out;
-o-transition: margin-left 0.3s ease-in-out;
transition: margin-left 0.3s ease-in-out;
margin-bottom: 0;
margin-left: 235px;
border: none;
min-height: 70px;
border-radius: 0;
}

.main-header .navbar-custom-menu,
.main-header .navbar-right {
float: right;
}

@media (max-width: 991px) {
.main-header .navbar-custom-menu a,
.main-header .navbar-right a {
color: inherit;
background: transparent;
}
}

@media (max-width: 767px) {
.main-header .navbar-right {
float: none;
}

.navbar-collapse .main-header .navbar-right {
margin: 7.5px -15px;
}

.main-header .navbar-right > li {
color: inherit;
border: 0;
}
}

.sidebar-toggle {
position: absolute;
left: 235px;
top: 50%;
margin-top: -115px;
z-index: 1030;
float: left;
background-color: transparent;
background-image: url(../images/menu1.png);
background-repeat: no-repeat;
background-size: 100% 100%;
width: 29px;
height: 53px;
margin-top: -30px;
display: block;
}

.panel-sidebar-toggle {
position: absolute;
right: -26px;
bottom: 10%;
z-index: 1030;
float: left;
background-color: transparent;
background-image: url(../images/left.png);
background-repeat: no-repeat;
background-size: 100% 100%;
width: 21px;
height: 40px;
display: block;
}

.panel-sidebar-left-arrow {
background-image: url(../images/left.png);
}

.panel-sidebar-right-arrow {
background-image: url(../images/right.png);
}

.sidebar-mini.sidebar-collapse .sidebar-toggle {
background-image: url(../images/menu2.png);
}

.sidebar-mini.sidebar-open .sidebar-toggle {
background-image: url(../images/menu1.png);
}

.sidebar-toggle .icon-bar {
display: none;
}

.main-header .navbar .nav > li.user > a > .fa,
.main-header .navbar .nav > li.user > a > .glyphicon,
.main-header .navbar .nav > li.user > a > .ion {
margin-right: 5px;
}

.main-header .navbar .nav > li > a > .label {
position: absolute;
top: 9px;
right: 7px;
text-align: center;
font-size: 9px;
padding: 2px 3px;
line-height: .9;
}

.main-header .logo {
-webkit-transition: width 0.3s ease-in-out;
-o-transition: width 0.3s ease-in-out;
transition: width 0.3s ease-in-out;
display: block;
float: left;
height: 70px;
line-height: 70px;
text-align: center;
width: 235px;
padding: 0px;
overflow: hidden;
}

.main-header .navbar-brand {
color: #fff;
}

.navbar .title-bar h1 {
margin: 0;
font-size: 14px;
color: #fff;
font-weight: bold;
line-height: 0px;
display: block;
padding-left: 0px;
}

.navbar .title-bar span {
color: #fff;
font-weight: 100;
font-size: 10px;
padding-left: 0px;
}

.title-bar {
width: 60%;
position: relative;
top: 35px;
margin-left: 10px;
}

.client_logo {
position: absolute;
top: 0;
right: 15px;
}

@media (max-width: 991px) {
.title-bar {
width: 60%;
float: left;
}

.navbar .title-bar h1 {
font-size: 14px;
}

.navbar .title-bar span {
padding-left: 0px;
}
}

@media (max-width: 768px) {
.title-bar {
width: 60%;
float: left;
}

.navbar .title-bar h1 {
padding-left: 0px;
}
}

@media (max-width: 640px) {
.title-bar {
width: 60%;
float: left;
}

.navbar .title-bar span {
color: #fff;
font-weight: bold;
font-size: 10px;
padding-left: 0px;
height: 14px;
display: inline-block;
}

.navbar-custom-menu {
display: block;
float: left !important;
}

.navbar-custom-menu > .breadcrumb {
padding-left: 0px;
}

.fixed .content-wrapper,
.fixed .right-side {
padding-top: 140px;
}

.main-sidebar,
.left-side {
padding-top: 155px !important;
}
}

@media (max-width: 480px) {
.fixed .content-wrapper,
.fixed .right-side {
padding-top: 182px;
}

.navbar-custom-menu {
display: block;
float: left !important;
}
}

@media (max-width: 420px) {
.title-bar {
width: 60%;
}

.navbar .title-bar h1 {
font-size: 14px;
}
}

.breadcrumb > .active {
color: #fff;
}

.navbar form {
line-height: 70px;
}

.navbar form select {
font-family: inherit;
font-size: inherit;
line-height: inherit;
width: 100%;
height: 30px;
border-radius: 4px;
border: 1px solid #fff;
}

.navbar-custom-menu > .breadcrumb {
float: right;
background: transparent;
margin-top: 0;
margin-bottom: 0;
font-size: 12px;
padding: 7px 5px;
position: absolute;
top: 15px;
right: 30px;
border-radius: 2px;
}

.navbar-custom-menu > .breadcrumb > li > a {
color: #fff;
text-decoration: none;
display: inline-block;
}

.navbar-custom-menu > .breadcrumb > li > a > .fa,
.navbar-custom-menu > .breadcrumb > li > a > .glyphicon,
.navbar-custom-menu > .breadcrumb > li > a > .ion {
margin-right: 5px;
}

.navbar-custom-menu > .breadcrumb > li + li:before {
content: '>\00a0';
}

.breadcrumb > li + li:before {
padding: 0 5px;
color: #1d9eff;
content: "/\00a0";
}

@media (max-width: 991px) {
.navbar-custom-menu > .breadcrumb {
position: relative;
margin-top: 0px;
top: 15px;
right: 30px;
float: none;
background: transparent;
padding-left: 10px;
}

.navbar-custom-menu > .breadcrumb li:before {
color: #1d9eff;
}
}

.navbar-toggle {
color: #fff;
border: 0;
margin: 0;
padding: 15px 15px;
}

@media (max-width: 991px) {
.navbar-custom-menu .navbar-nav > li {
float: left;
}

.navbar-custom-menu .navbar-nav {
margin: 0;
float: left;
}

.navbar-custom-menu .navbar-nav > li > a {
padding-top: 15px;
padding-bottom: 15px;
line-height: 20px;
}
}

@media (max-width: 767px) {
.main-header {
position: relative;
}

.main-header .logo,
.main-header .navbar {
width: 100%;
float: none;
}

.main-header .navbar {
margin: 0;
}

.main-header .navbar-custom-menu {
float: right;
margin-top: 10px;
}
}

@media (max-width: 991px) {
.navbar-collapse.pull-left {
float: none !important;
}

.navbar-collapse.pull-left + .navbar-custom-menu {
display: block;
position: absolute;
top: 0;
right: 40px;
}
}

/*
* Component: Sidebar
* ------------------
*/
.main-sidebar,
.left-side {
position: absolute;
top: 0;
left: 0;
bottom: 0;
padding-top: 70px;
min-height: 100%;
width: 235px;
z-index: 1031;
-webkit-transition: -webkit-transform 0.3s ease-in-out, width 0.3s ease-in-out;
-moz-transition: -moz-transform 0.3s ease-in-out, width 0.3s ease-in-out;
-o-transition: -o-transform 0.3s ease-in-out, width 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;
}

@media (max-width: 767px) {
.main-sidebar,
.left-side {
padding-top: 140px;
}
}

@media (max-width: 480px) {
.main-sidebar,
.left-side {
padding-top: 160px;
}
}

@media (max-width: 767px) {
.main-sidebar,
.left-side {
-webkit-transform: translate(-235px, 0);
-ms-transform: translate(-235px, 0);
-o-transform: translate(-235px, 0);
transform: translate(-235px, 0);
}
}

@media (min-width: 768px) {
.sidebar-collapse .main-sidebar,
.sidebar-collapse .left-side {
-webkit-transform: translate(-235px, 0);
-ms-transform: translate(-235px, 0);
-o-transform: translate(-235px, 0);
transform: translate(-235px, 0);
}
}

@media (max-width: 767px) {
.sidebar-open .main-sidebar,
.sidebar-open .left-side {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
}

.sidebar-form input:focus {
border-color: transparent;
}

.user-panel {
position: relative;
width: 100%;
padding: 19px 10px 19px 10px;
border-bottom: 1px solid #4d9bd3;
display: flex;
align-items: center;
}

.user-panel:before,
.user-panel:after {
content: " ";
display: table;
}

.user-panel:after {
clear: both;
}

.user-panel > .image > img {
width: 100%;
max-width: 45px;
height: auto;
border: 2px solid #fff;
}

.user-panel > .info {
border-bottom: 1px solid #0070c0;
}

.user-panel > .info > p {
font-weight: 600;
margin-bottom: 9px;
}

.user-panel > .info > a {
text-decoration: none;
padding-right: 5px;
margin-top: 3px;
font-size: 11px;
}

.user-panel > .info > a > .fa,
.user-panel > .info > a > .ion,
.user-panel > .info > a > .glyphicon {
margin-right: 3px;
}

.sidebar-menu {
list-style: none;
margin: 0;
padding: 0;
}

.sidebar-menu > li {
position: relative;
margin: 0;
padding: 0;
}

.sidebar-menu > li > a {
padding: 8px 5px 8px 15px;
display: block;
font-size: 12px;
}

.sidebar-menu > li > a > .fa,
.sidebar-menu > li > a > .glyphicon,
.sidebar-menu > li > a > .ion {
width: 20px;
}

.sidebar-menu > li .label,
.sidebar-menu > li .badge {
margin-right: 5px;
}

.sidebar-menu > li .badge {
margin-top: 3px;
}

.sidebar-menu li.header {
padding: 10px 25px 10px 15px;
font-size: 12px;
}

.sidebar-menu li > a > .fa-angle-left,
.sidebar-menu li > a > .pull-right-container > .fa-angle-left {
width: auto;
height: auto;
padding: 0;
margin-right: 10px;
line-height: 28px;
}

.sidebar-menu li > a > .fa-angle-left {
position: absolute;
top: 50%;
right: 10px;
margin-top: -8px;
}

.sidebar-menu li.active > a > .fa-angle-left,
.sidebar-menu li.active > a > .pull-right-container > .fa-angle-left {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}

.sidebar-menu li.active > .treeview-menu {
display: block;
}

.sidebar-menu .treeview-menu {
display: none;
list-style: none;
padding: 0;
margin: 0;
}

.sidebar-menu .treeview-menu > li {
margin: 0;
}

.sidebar-menu .treeview-menu > li > a {
padding: 8px 5px 8px 40px;
display: block;
font-size: 12px;
}

.sidebar-menu .treeview-menu > li.active > a,
.sidebar-menu .treeview-menu > li:hover > a,
.sidebar-menu .treeview-menu > li:active > a {
padding-left: 37px !important;
padding-top: 7px !important;
}

.sidebar-menu .treeview-menu .treeview-menu > li > a {
padding: 8px 5px 8px 60px;
display: block;
font-size: 12px;
}

.sidebar-menu .treeview-menu .treeview-menu > li.active > a,
.sidebar-menu .treeview-menu .treeview-menu > li:hover > a,
.sidebar-menu .treeview-menu .treeview-menu > li:active > a {
    padding-left: 57px !important;
    padding-top: 7px !important;
}

.sidebar-menu .treeview-menu > li > a > .fa,
.sidebar-menu .treeview-menu > li > a > .glyphicon,
.sidebar-menu .treeview-menu > li > a > .ion {
width: 20px;
}

.sidebar-menu .treeview-menu > li > a > .pull-right-container > .fa-angle-left,
.sidebar-menu .treeview-menu > li > a > .pull-right-container > .fa-angle-down,
.sidebar-menu .treeview-menu > li > a > .fa-angle-left,
.sidebar-menu .treeview-menu > li > a > .fa-angle-down {
width: auto;
}

/*
* Component: Dropdown menus
* -------------------------
*/

/*Dropdowns in general*/
.dropdown-menu {
border-color: #eee;
-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, .175);
box-shadow: 0 4px 8px rgba(0, 0, 0, .175);
padding: 0px;
font-size: 12px;
}

.dropdown-menu > li > a {
color: #777;
padding: 0px 10px;
line-height: 30px
}

.dropdown-menu > li > a > .glyphicon,
.dropdown-menu > li > a > .fa,
.dropdown-menu > li > a > .ion {
margin-right: 10px;
}

.dropdown-menu > li > a:hover {
background-color: #e1e3e9;
color: #333;
}

.dropdown-menu > .divider {
background-color: #eee;
}

/*
* Component: Form
* ---------------
*/
.form-control {
border-radius: 0;
box-shadow: none;
border-color: #d2d6de;
font-size: 12px;
}

.form-control:focus {
border-color: #0070c0;
box-shadow: none;
}

.form-control::-moz-placeholder,
.form-control:-ms-input-placeholder,
.form-control::-webkit-input-placeholder {
color: #bbb;
opacity: 1;
}

.form-control:not(select) {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

@media only screen and (min-width: 768px) and (max-width: 900px) {
.alignform .col-sm-2 {
width: 30% !important;
margin-bottom: 15px;
}

.alignform .col-sm-4 {
width: 70% !important;
margin-bottom: 15px;
}
}

/* Input group */
.input-group .input-group-addon {
border-radius: 0;
border-color: #d2d6de;
background-color: #fff;
}

/*
* Component: Box
* --------------
*/
.box {
position: relative;
border: 1px solid #e1e7f0;
border-radius: 4px;
background: #ffffff;
margin-bottom: 30px;
width: 100%;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.box.box-primary {
border-top: 2px solid #0070c0;
}

.box.collapsed-box .box-body,
.box.collapsed-box .box-footer {
display: none;
}

.box-header {
color: #515974;
display: block;
padding: 10px 15px;
position: relative;
}

.box-header.with-border {
border-bottom: 1px solid #e1e7f0;
}

.collapsed-box .box-header.with-border {
border-bottom: none;
}

.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion,
.box-header .box-title {
display: inline-block;
font-size: 12px;
font-weight: bold;
margin: 0;
line-height: 1;
}

.box-header center h6 {
margin-top: 0px;
margin-bottom: 0px;
}

.box-header center h6#totalsales {
margin-top: 5px !important;
margin-bottom: 0px;
}

.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion {
margin-right: 5px;
}

.box-header > .box-tools {
position: absolute;
right: 10px;
top: 5px;
}

.box-header > .box-tools [data-toggle="tooltip"] {
position: relative;
}

.box-header > .box-tools.pull-right .dropdown-menu {
right: 0;
left: auto;
}

.box-header > .box-tools .dropdown-menu > li > a {
color: #444 !important;
}

.btn-box-tool {
padding: 5px;
font-size: 12px;
background: transparent;
color: #97a0b3;
}

.open .btn-box-tool,
.btn-box-tool:hover {
color: #606c84;
}

.btn-box-tool.btn:active {
box-shadow: none;
}

.box-body {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
padding: 11px 11px;
}

.no-header .box-body {
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}

.box-footer {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
border-top: 1px solid #f4f4f4;
padding: 10px;
background-color: #ffffff;
}

/*
* Component: Button
* -----------------
*/
.btn {
border-radius: 3px;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid transparent;
font-size: 12px;
}

.btn.uppercase {
text-transform: uppercase;
}

.btn.btn-flat {
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border-width: 1px;
}

.btn:active {
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn:focus {
outline: none;
}

.btn.btn-file {
position: relative;
overflow: hidden;
}

.btn.btn-file > input[type='file'] {
position: absolute;
top: 0;
right: 0;
min-width: 100%;
min-height: 100%;
font-size: 100px;
text-align: right;
opacity: 0;
filter: alpha(opacity=0);
outline: none;
background: white;
cursor: inherit;
display: block;
}

.btn-default {
background-color: #f4f4f4;
color: #444;
border-color: #ddd;
}

.btn-default:hover,
.btn-default:active,
.btn-default.hover {
background-color: #e7e7e7;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.hover {
color: #fff;
background-color: #0070c0 !important;
border-color: #0070c0 !important;
}

.btn-primary {
    background: linear-gradient(135deg, #002B55, #00BFFF);
    border: 1px solid #0070c0;
    min-width: 100px;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary.hover {
background-color: #0070c0;
border: 1px solid #0070c0;
}

.btn-success {
background-color: #57c059;
border-color: #4cb24e;
}

.btn-success:hover,
.btn-success:active,
.btn-success.hover {
background-color: #4cb24e;
}

.btn-danger {
background-color: #f45b63;
border-color: #e74f57;
}

.btn-danger:hover,
.btn-danger:active,
.btn-danger.hover {
background-color: #e74f57;
}

/*
* Component: Table
* ----------------
*/
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
border-top: 1px solid #e4e5e7;
}

.table > thead > tr > th {
border-bottom: 2px solid #e4e5e7;
}

.table tr td .progress {
margin-top: 5px;
}

.table-bordered {
border: 1px solid #e4e5e7;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
border: 1px solid #e4e5e7;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
border-bottom-width: 2px;
}

.table.no-border,
.table.no-border td,
.table.no-border th {
border: 0;
}

.table > thead > tr {
background-color: #eaeef4;
}

.table > tbody > tr:nth-child(even) {
background-color: #ecf1fb;
}

/* .text-center in tables */
table.text-center,
table.text-center td,
table.text-center th {
text-align: center;
}

.table.align th {
text-align: left;
}

.table.align td {
text-align: right;
}

/*
* Component: Label
* ----------------
*/
.label-default {
background-color: #d2d6de;
color: #444;
}

/*
* Component: modal
* ----------------
*/
.modal {
background: rgba(0, 0, 0, 0.3);
}

.modal-content {
border-radius: 0;
-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
border: 0;
}

.modal-header .close {
margin-top: 4px;
color: #fff;
background: #d9534f;
width: 20px;
height: 20px;
border-radius: 20px;
font-size: 14px;
font-weight: 300;
opacity: 1;
text-align: center;
line-height: 20px;
vertical-align: middle;
display: flex;
justify-content: center;
}

.modal-backdrop {
z-index: -1;
}

.modal-content .form-horizontal label {
font-weight: normal;
}

.modal {
overflow-y: auto;
}

.modal-open {
overflow: auto;
}

.modal-open[style] {
padding-right: 0px !important;
}

@media (min-width: 768px) {
.modal-content {
-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
}
}

.modal-header {
background-color: #0070c0;
border-bottom-color: #0070c0;
color: #fff;
padding: 10px;
}

h4.modal-title {
font-size: 14px !important;
}

.modal-footer {
border-top-color: #f4f4f4;
}

/*****sprites*****/
.sprite {
background: url('../images/sprite.png') no-repeat;
width: 25px;
height: 20px;
display: inline-block;
position: relative;
top: 3px;
}

.sprite-financial {
background-position: -6px -6px;
}

.sprite-sales {
background-position: -6px -43px;
}

.sprite-servers {
background-position: -6px -78px;
}

.sprite-customers {
background-position: -5px -113px;
}

.sprite-debtors {
background-position: -6px -147px;
}

.sprite-custom {
background-position: -6px -184px;
}

.sprite-esetup {
background-position: -5px -221px;
}

.sprite-audit {
background-position: -6px -257px;
}

.sprite-datainout {
background-position: -206px -331px;
}

.sprite-documentation {
background-position: -6px -294px;
}

/*** financial_submenu*****/
.sprite-global {
background-position: -85px -5px;
}

.sprite-storewide {
background-position: -48px -7px;
}

.sprite-location {
background-position: -47px -35px;
}

.sprite-pos {
background-position: -47px -79px;
}

.sprite-server {
background-position: -47px -113px;
}

.sprite-payouts {
background-position: -47px -149px;
}

.sprite-zregister {
background-position: -166px -365px;
}

.sprite-dailyvat {
background-position: -166px -436px;
}

.sprite-sitdowntakeaway {
background-position: -166px -403px;
}

/*** sales_submenu*****/
.sprite-group {
background-position: -87px -42px;
}

.sprite-dept {
background-position: -87px -78px;
}

.sprite-hsales {
background-position: -87px -222px;
}

.sprite-chourly {
background-position: -87px -258px;
}

.sprite-plu {
background-position: -88px -293px;
}

.sprite-salespivotreport {
background-position: -47px -502px;
}

.sprite-salesperwaitron {
background-position: -126px -404px;
}

/*** server_submenu*****/
.sprite-clock {
background-position: -126px -7px;
}

.sprite-finan {
background-position: -126px -41px;
}

.sprite-tips {
background-position: -127px -78px;
}

.sprite-declaration {
background-position: -88px -367px;
}

/*** customer_submenu*****/
.sprite-activity {
background-position: -126px -222px;
}

.sprite-performance {
background-position: -126px -150px;
}

.sprite-dutyfree {
background-position: -91px -331px;
}

.sprite-setup {
background-position: -127px -186px;
}

/*** debtors_submenu*****/
.sprite-purchases {
background-position: -126px -260px;
}

.sprite-statements {
background-position: -126px -331px;
}

/*** enterprise_submenu*****/
.sprite-company-setup {
background-position: -167px -6px;
}

.sprite-language-translation {
background-position: -166px -42px;
}

.sprite-user-management {
background-position: -167px -78px;
}

.sprite-location-setup {
background-position: -168px -115px;
}

.sprite-company-lookup {
background-position: -167px -151px;
}

.sprite-items {
background-position: -167px -186px;
}

.sprite-inventory {
background-position: -167px -222px;
}

.sprite-time-slots {
background-position: -167px -259px;
}

.sprite-report-settings {
background-position: -167px -293px;
}

.sprite-license {
background-position: -168px -329px;
}

.sprite-location-level {
background-position: -206px -7px;
}

.sprite-location {
background-position: -206px -43px;
}

.sprite-language-setup {
background-position: -206px -77px;
}

.sprite-translate {
background-position: -206px -114px;
}

.sprite-free-function {
background-position: -206px -260px;
}

.sprite-fixed-function {
background-position: -206px -296px;
}

/*** audit_submenu*****/
.sprite-receipts {
background-position: -47px -183px;
}

.sprite-exceptions {
background-position: -47px -218px;
}

.sprite-turnoverdeclaration {
background-position: -124px -435px
}

.sprite-adtlog {
background-position: -47px -255px;
}

.sprite-eventlog {
background-position: -47px -291px;
}

/*** datainout_submenu*****/
.sprite-purgedata {
background-position: -204px -367px;
}

.sprite-importadt {
background-position: -206px -402px;
}

.sprite-reimportadt {
background-position: -206px -469px;
}

/*** possetup_submenu*****/
.sprite-possetup {
background-position: -48px -367px;
}

.sprite-taxrates {
background-position: -48px -331px;
}

.sprite-kpgroup {
background-position: -6px -366px;
}

.sprite-strip {
background-position: -6px -434px;
}

.sprite-striplinks {
background-position: -6px -401px;
}

.sprite-displaygrouplinks {
background-position: -6px -468px;
}

.sprite-displaygroups {
background-position: -6px -502px;
}

.sprite-flaggroups {
background-position: -48px -435px;
}

.sprite-flags {
background-position: -48px -403px;
}

.sprite-flagvalues {
background-position: -48px -469px;
}

.sprite-publish {
background-position: -6px -331px;
}

.sprite-copydata {
background-position: -87px -403px;
}

/*****other****/
.sprite-settings {
background-position: -246px -7px;
}

.sprite-changepwd {
background-position: -246px -40px;
}

.sprite-logout {
background-position: -246px -77px;
}

.settings:hover .sprite-settings {
background-position: -246px -113px;
}

.settings:active .sprite-settings {
background-position: -246px -113px;
}

.changepwd:hover .sprite-changepwd {
background-position: -246px -147px;
}

.changepwd:active .sprite-changepwd {
background-position: -246px -147px;
}

.logout:hover .sprite-logout {
background-position: -246px -183px;
}

.logout:active .sprite-logout {
background-position: -246px -183px;
}

/***contectmenu icons ****/
.sprite-add {
background-position: -285px -113px;
}

.sprite-edit {
background-position: -285px -183px;
}

.sprite-delete {
background-position: -285px -147px;
}

.add:hover .sprite-add {
background-position: -285px -6px;
}

.edit:hover .sprite-edit {
background-position: -285px -77px;
}

.delete:hover .sprite-delete {
background-position: -285px -42px;
}

.jstree-contextmenu li a:first-child {
display: none !important;
}

/**********sidebar icons**************/

/** other **/
.myform {
margin-bottom: 30px;
}

.myform label {
font-weight: normal;
}

.myform p.form-title {
font-weight: 700;
font-size: 14px;
margin-bottom: 20px;
}

.myform .btn {
margin-bottom: 5px;
}

.formbtn {
margin-top: 20px;
text-align: center;
}

.checkbox,
.radio {
margin: 0px;
}

.btn-table {
padding: 1px 5px;
min-width: 100%;
}

.btn-table i {
margin-right: 5px;
}

.location_btns i {
margin-right: 5px;
}

.location_btns > .btn {
margin-bottom: 15px;
display: block;
}

table.dataTable thead th,
table.dataTable thead td {
padding: 10px 18px;
border-bottom: 1px solid #e4e5e7 !important;
}

table.dataTable.no-footer {
border-bottom: 1px solid #e4e5e7 !important;
}

table.dataTable {
border: 1px solid #dddddd !important;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
background: transparent !important;
}

.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
height: 35px;
padding: 5px 10px;
line-height: 1.5;
border-radius: 0px;
font-size: 12px;
}

.btn-info {
color: #fff;
background-color: #0070c0;
border-color: #0070c0;
}

.uploaded_img {
text-align: left;
margin-left: -15px;
}

.uploaded_img img {
padding: 4px;
border: 1px solid #ddd;
}

/********* General *****************/
@media (max-width: 980px) {
.btm_navbar #nav > li > a {
text-align: left;
padding-left: 30px;
}

.navbar h1 {
font-size: 22px;
}

.cnt_mgtop {
margin-top: 0px;
}

.content {
position: inherit;
left: 235px;
right: 0px;
}

.layout-boxed .content {
position: relative;
margin: 0px;
padding: 30px;
z-index: 1030;
left: 0;
top: 0;
}
}

@media (max-width: 767px) {
.sidebar-toggle {
display: block;
}

.navbar .title-bar h1 {
padding-left: 0px;
}

.content_adminconfiguration {
position: inherit;
left: 0px;
right: 0px;
}

.uploaded_img {
text-align: left;
margin-left: -15px;
margin-top: 15px;
}
}

@media (max-width: 640px) {
.sidebar-toggle {
display: block;
}

.content_adminconfiguration {
position: inherit;
left: 0px;
right: 0px;
margin-top: 0px;
}

.content_dashboard {
padding-top: 0px;
}
}

@media (max-width: 640px) and (min-width: 540px) {
.navbar-custom-menu > .breadcrumb {
padding-left: 3px;
}
}

@media (max-width:560px) {
.main-header .sidebar-toggle {
padding: 12px 15px;
}

.fixed .content-wrapper,
.fixed .right-side {
padding-top: 181px;
}

.main-header .navbar-custom-menu {
margin-top: 15px;
}

.client_logo {
position: relative;
left: 10px;
padding: 0px 0px 6px 0px;
}

.title-bar {
position: relative;
width: 95%;
top: 20px;
margin-left: 10px;
}
}

@media (max-width:480px) {
.navbar-custom-menu > .breadcrumb {
top: 0px;
right: 0px;
}

.navbar h1 {
font-size: 24px;
line-height: 50px;
}

.navbar-custom-menu > .breadcrumb {
top: 5px;
right: 7px;
}

.main-header .navbar-custom-menu {
float: left;
}

.content_adminconfiguration {
position: inherit;
left: 0px;
right: 0px;
margin-top: 0px;
}

.content_dashboard {
padding-top: 0px;
}
}

@media (max-width:375px) {
.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion,
.box-header .box-title {
font-size: 12px;
}
}

#ReportPrintDocument {
display: none;
}

@media print {
#ReportPrintDocument {
display: block;
}
}

@media (max-width:767px) {
.padding-bottom-15 {
padding-bottom: 15px !important;
}
}

#pivot_options hr{
margin-top:0px;
margin-bottom:10px;
}

#pivot_options label,
#pivot_options select {
font-size:12px!important;
}

#pivot_options .form-horizontal .control-label{
text-align:left;
}

#nav ul.parentul#ulpivotoptions {
min-width: 295px;
}

#RePrintBillForm .form-group {
margin-left: 0px !important;
}

.pr-15 {
padding-right: 15px!important;
}

.pl-15 {
padding-left: 15px !important;
}

@media (min-width: 768px) {
.panel-container {
display: flex;
flex-direction: row;
overflow: hidden;
}

.panel-left {
flex: 0 0 auto;
min-width: 300px;
width: 300px;
}

.splitter {
flex: 0 0 auto;
width: 5px;
background: #0460a8;
min-height: 200px;
cursor: col-resize;
}

.panel-right {
flex: 1 1 auto;
}
}

@media (max-width: 767px) {
.splitter {
display: none;
}
}