@font-face {font-family: 'regular';src: url('../fonts/regular.eot');src: local('☺'), url('../fonts/regular.woff') format('woff'), url('../fonts/regular.ttf') format('truetype'), url('../fonts/regular.svg') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'heading';src: url('../fonts/heading.eot');src: local('☺'), url('../fonts/heading.woff') format('woff'), url('../fonts/heading.ttf') format('truetype'), url('../fonts/heading.svg') format('svg');font-weight: normal;font-style: normal;}
.dz-remove{display:none !important}

html, body {height: 100%}
body {font-family:'regular',Sans-Serif;font-weight: 400;overflow-x: hidden;overflow-y: auto;font-size: 14px;color: #000000;}
.layout-boxed html, .layout-boxed body {height: 100%}
.wrapper {height: 100%;position: relative;}
.wrapper:before, .wrapper:after {content: " ";display: table}
.wrapper:after {clear: both}
.layout-boxed .wrapper {max-width: 1250px;margin: 0 auto;min-height: 100%;box-shadow: 0 0 8px rgba(0,0,0,0.5);position: relative}
.layout-boxed {background: url('../img/boxed-bg.jpg') repeat fixed;}
.content-wrapper, .main-footer {-webkit-transition: -webkit-transform .3s ease-in-out, margin .3s ease-in-out;-moz-transition: -moz-transform .3s ease-in-out, margin .3s ease-in-out;-o-transition: -o-transform .3s ease-in-out, margin .3s ease-in-out;transition: transform .3s ease-in-out, margin .3s ease-in-out;z-index: 820}
.layout-top-nav .content-wrapper, .layout-top-nav .main-footer {margin-left: 0}
a {transition: all 0.3s ease-out 0s;}
a:hover, a:active, a:focus {outline: none;text-decoration: none;transition: all 0.3s ease-out 0s;}
.content-wrapper {min-height: 100%;background-color: #fff;z-index: 800}
.main-footer {background: #fff;padding: 10px 15px;color: #000000;font-size: 12px;border-top: 1px solid #d2d6de;border-top: 1px solid rgba(66, 59, 116, 0.15);}
.fixed .main-header, .fixed .main-sidebar, .fixed .left-side {position: fixed}
.fixed .main-header {top: 0;right: 0;left: 0}
.fixed .content-wrapper, .fixed .right-side {padding-top: 50px}
.fixed.layout-boxed .wrapper {max-width: 100%}
.fixed .wrapper {overflow: hidden}
.hold-transition .content-wrapper, .hold-transition .right-side, .hold-transition .main-footer, .hold-transition .main-sidebar, .hold-transition .left-side, .hold-transition .main-header .navbar, .hold-transition .main-header .logo, .hold-transition .menu-open .fa-angle-left {-webkit-transition: none;-o-transition: none;transition: none}
.content {padding: 14px;margin-right: auto;margin-left: auto;padding-left: 14px;padding-right: 14px;}
h2 {font-size: 30px;}
h3 {font-size: 25px;}
h4 {font-size: 22px;}
h5 {font-size: 18px;}
h6 {font-size: 14px;margin-bottom: 10px;}
h1,h2,h3,h4,h5,h6,strong{font-family:heading;}
a {color: #000000;text-decoration: none;}
a:hover, a:active, a:focus {outline: none;text-decoration: none;color: #000000}
.page-header {margin: 10px 0 20px 0;font-size: 22px}
.no-wrap,.no-wrap td, .no-wrap th {white-space: nowrap}
b{font-weight:500;color:#595959;}
.page-header>small {color: #666;display: block;margin-top: 5px}
.main-header {position: relative;max-height: 120px;z-index: 1030}
.main-header .navbar {-webkit-transition: margin-left .3s ease-in-out;-o-transition: margin-left .3s ease-in-out;transition: margin-left .3s ease-in-out;margin-bottom: 0;border: none;min-height: 60px;border-radius: 0;display: inherit;}
.main-header .navbar.blue-bg {background:linear-gradient(to bottom, #86a8d1, #cad9eb);-webkit-box-shadow: 0 5px 15px rgb(57 98 254 / 2%), 0 3px 6px rgb(117 108 254 / 12%);box-shadow: 0 5px 15px rgb(57 98 254 / 2%), 0 3px 6px rgb(117 108 254 / 12%);}
.layout-top-nav .main-header .navbar {margin-left: 0}
.main-header .logo img{width:80px;    padding: 10px 0px;}
.main-header .navbar {padding: 0;}
.main-header .navbar .navbar-nav {display: block;margin-right:40px;float:right}
.main-header .navbar .navbar-nav > li {float: left;display: block;margin:10px 0px 0px}
.main-header .navbar .navbar-nav > li span{color:#000}
.main-header .brand-name{background:#fff;text-align:center;margin:0px;border-top-left-radius:10px;}
.main-header .brand-name img{width:100%;padding:22px 0px;}

.main-header .navbar .navbar-nav > li > a {padding:23px 20px 15px 20px;line-height: 14px;}
.main-header .navbar .navbar-nav > li > a i {font-size: 14px;}
.main-header .navbar .navbar-nav > li > a.dropdown-toggle::after {border-left: 0;border-right: 0;border-top: 0; content:;margin: 0;display: inherit;}
.main-header .navbar .navbar-nav > li > a.dropdown-toggle img{width:20px;border-radius:50%}
.img-circle {border-radius: 50%;}
.icon-circle {border-radius: 100%;height: 36px;width: 36px;line-height: 38px;text-align: center;color: #FFF;}
.main-header .blue-bg .navbar-nav > li > a {color: #000;}
.main-header .navbar-nav > li > a.sidebar-toggle {float: left;background-color: transparent;background-image: none;padding: 5px 10px !important;font-family: fontAwesome;font-size: 22px;}
.sidebar-toggle{display:none}
.main-header .sidebar-toggle:before {content: "\f0c9"}
.main-header .sidebar-toggle:hover {color: #fff}
.main-header .sidebar-toggle:focus, .main-header .sidebar-toggle:active {background: transparent}
.main-header .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 .3s ease-in-out;-o-transition: width .3s ease-in-out;transition: width .3s ease-in-out;display: block;float: left;text-align: center;width: 180px;padding: 0 14px;font-weight: 300;overflow: hidden}
.main-header .logo .logo-lg {display: block}
.main-header .logo .logo-lg img{margin: 2px auto;display: block;width:50px;height:50px}
.main-header .logo .logo-mini {display: none}
.main-header .navbar-brand {color: #000000}
.content-header {position: relative;padding: 14px 14px 0 14px}
.content-header.sty-one {background: #fff;margin-bottom: 15px;position: relative;padding: 20px 15px;background-color: #fff;border: 0px solid rgba(255,255,255,.125);border-radius: 0;box-shadow: 0 5px 15px rgb(57 98 254 / 2%), 0 3px 6px rgb(117 108 254 / 12%);}
.content-header>h1 {text-transform: uppercase;margin: 0;font-size:12px;color:#000000;}
.content-header>h1>small {font-size: 10px;color:#999;display: inline-block;padding-left: 4px;font-weight: 300}
.content-header>.breadcrumb {float: right;background: transparent;margin-top: 0;margin-bottom: 0;font-size: 14px;padding: 7px 5px;position: absolute;top: 14px;right: 10px;border-radius: 2px;line-height: 1;text-transform: uppercase;}
.content-header>.breadcrumb>li {display: inline-block;color: #000000;font-size: 12px;}
.content-header>.breadcrumb>li>a {color: #000000;text-decoration: none;display: inline-block}
.content-header>.breadcrumb>li>a>.fa, .content-header>.breadcrumb>li>a>.glyphicon, .content-header>.breadcrumb>li>a>.ion {margin-right: 5px}
.content-header>.breadcrumb>li.sub-bread {color: #000000;}
.navbar-toggle {color: #fff;border: 0;margin: 0;padding: 14px 14px}
.main-sidebar {position: absolute;top: 0;left: 0;padding-top: 60px;min-height: 100%;width: 180px;background: #000000;z-index: 810;box-shadow: 0 5px 15px rgb(57 98 254 / 2%), 0 3px 6px rgb(117 108 254 / 12%);}
.sidebar {padding-bottom: 10px}
.sidebar-form input:focus {border-color: transparent}
.sidebar-menu {list-style: none;margin: 0;padding:0px}
.sidebar-menu>li {position: relative;margin: 0;padding: 5px 0px 0px;text-align: center;}
.sidebar-menu>li:hover{background-color: #4a4542;}
.sidebar-menu>li>a {padding:5px;display: block;font-size: 12px;color: #fff;text-transform: uppercase;}
.sidebar-menu > li.active > a {border-left: solid 3px #fff;}
.sidebar-menu>li>a>.fa, .sidebar-menu>li>a>.glyphicon, .sidebar-menu>li>a>.ion {width: 20px;font-size:14px;display: block;margin: 0px auto 10px;}
.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 14px;font-size: 14px;border-bottom: solid 1px #404b59;border-top: solid 1px #404b59;color: #68707c;}
.sidebar-menu li>a>.fa-angle-left, .sidebar-menu li>a>.pull-right-container>.fa-angle-left {width: auto;height: auto;padding: 0;margin-right: 10px;-webkit-transition: transform .5s ease;-o-transition: transform .5s ease;transition: transform .5s ease}
.sidebar-menu li>a>.fa-angle-left {position: absolute;top: 50%;right: 10px;margin-top: -8px;display:none}
.sidebar-menu .menu-open>a>.fa-angle-left, .sidebar-menu .menu-open>a>.pull-right-container>.fa-angle-left {-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg)}
.sidebar-menu .active>.treeview-menu {display: block}

.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right), .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {display: block !important;position: absolute;width: 185px;left: 50px}
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li.menu-open a span {top: 0;margin-left: -3px !important;padding: 14px 5px 14px 20px;background-color: inherit}
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>a>span {top: 0;margin-left: 0px;padding: 14px 5px 14px 20px;background-color: inherit}
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>a>.pull-right-container {position: relative !important;float: right;width: auto !important;left: 180px !important;top: -22px !important;z-index: 900}
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>a>.pull-right-container>.label:not(:first-of-type) {display: none}
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {top: 44px;margin-left: 0}
.sidebar-expanded-on-hover .main-footer, .sidebar-expanded-on-hover .content-wrapper {margin-left: 50px}
.sidebar-expanded-on-hover .main-sidebar {box-shadow: 3px 0 8px rgba(0,0,0,0.125)}
.sidebar-menu, .main-sidebar .user-panel, .sidebar-menu>li.header {white-space: nowrap;overflow: hidden}
.sidebar-menu:hover {overflow: visible}
.sidebar-form, .sidebar-menu>li.header {overflow: hidden;text-overflow: clip}
.sidebar-menu li>a {position: relative}
.sidebar-menu li>a>.pull-right-container {position: absolute;right: 10px;top: 50%;margin-top: -7px}
.fixed .control-sidebar {position: fixed;height: 100%;overflow-y: auto;padding-bottom: 50px}
.dropdown-menu {box-shadow: none;border-color: #eee}
.dropdown-menu>li {width: 100%;}
.dropdown-menu>li>a {color: #fff;padding: 6px 20px;display: block;font-size: 14px;}
.dropdown-menu>li>a>.glyphicon, .dropdown-menu>li>a>.fa, .dropdown-menu>li>a>.ion {margin-right: 10px}
.dropdown-menu>li>a:hover {color: #fff}
.dropdown-menu>.divider {background-color: #fff}
.navbar-nav > .user-menu > .dropdown-menu {border-top-left-radius: 0;border-top-right-radius: 0;border-top-width: 0;padding: 1px 0 0;width: 180px;background:#000000}
.navbar-nav > .user-menu > .dropdown-menu, .navbar-nav > .user-menu > .dropdown-menu > .user-body {border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header {height: 110px;padding: 10px;text-align: center;}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > .user-img {margin-right: 10px;width: 80px;}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > .user-img img {border-radius: 4px;}
.profile-picture {width: 60px;float:left;}
.profile-picture img {border-radius: 50px;height:50px;width:50px;object-fit: cover;border: 1px solid #ddd;}
.right-profile{float:left}
.right-profile i{padding-left:10px;}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {color: #000000;font-size: 17px;margin-top: 10px;z-index: 5;}
.navbar-nav>.user-menu .user-image {float: left;width: 25px;height: 25px;border-radius: 50%;margin-right: 10px;margin-top: -2px}
.open:not(.dropup)>.animated-dropdown-menu {backface-visibility: visible !important;-webkit-animation: flipInX .7s both;-o-animation: flipInX .7s both;animation: flipInX .7s both}
.navbar-custom-menu>.navbar-nav>li {position: relative}
.navbar-custom-menu>.navbar-nav>li>.dropdown-menu {position: absolute;right: 0;left: auto}
.btn-group-vertical .btn.btn-flat:first-of-type, .btn-group-vertical .btn.btn-flat:last-of-type {border-radius: 0}
.box {position: relative;border-radius: 3px;background: #fff;width: 100%;box-shadow: 0 1px 1px rgba(0,0,0,0.1)}
.info-box {border:1px solid #ddd;display: block;text-align:center;background: #000000;width: 100%;box-shadow: 0 1px 1px rgba(0,0,0,0.1);margin-bottom: 30px;padding: 14px;color: #fff;}
.info-box a{color:#fff;text-transform:uppercase}

.table{width:100%;border-right: 1px dashed #eceeef;border-bottom: 1px dashed #eceeef;}
.table tr th{padding:10px 15px;color:#fff;background-color: #514943;border: .1rem solid #8a837f;border-left-color: transparent;font-size:12px;font-family:heading}
.table tr td{padding:10px 15px;color:#000000;border-left: 1px dashed #eceeef;font-size: 12px;}

.pagination{float:right;}
.pagination>li>a {position: relative;float: left;padding: 6px 14px;margin-left: -1px;line-height: 1.42857143;color: #000000;text-decoration: none;background-color: #fff;border: 1px solid #000000;}
.pagination>li.active a {z-index: 3;color: #fff;cursor: default;background-color: #000000;border-color: #000000;}
.pagination.pagination-flat>li>a {border-radius: 0 !important}

.box-widget {border: none;position: relative}
.widget-user .widget-user-header {padding: 20px;height: 150px;border-top-right-radius: 3px;border-top-left-radius: 3px}
.user-profile-box{padding:60px 20px 50px 20px;border-radius:3px;background:url(../img/user-bg.jpg) no-repeat center top;}
.full-wid{width:100%;}
.treeview-menu {display: none;list-style: none;padding: 0;margin: 0;padding-left: 5px}
.treeview-menu .treeview-menu {padding-left: 20px}
.treeview-menu>li {margin: 0}
.treeview-menu>li>a {padding:5px 10px;display: block;font-size: 12px;color: #fff;text-transform:uppercase}
.treeview-menu>li>a:hover, .treeview-menu>li.active a {color: #fff;}
.treeview-menu>li>a>.fa, .treeview-menu>li>a>.glyphicon, .treeview-menu>li>a>.ion {width: 20px}
.treeview-menu>li>a>.pull-right-container>.fa-angle-left, .treeview-menu>li>a>.pull-right-container>.fa-angle-down, .treeview-menu>li>a>.fa-angle-left, .treeview-menu>li>a>.fa-angle-down {width: auto}
.main {height: 400px;overflow: hidden;padding : 10px;margin-bottom: 10px;border: 1px solid #e3e3e3;-webkit-border-radius: 4px;   -moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);}

@media (max-width:991px) {
.main-header .navbar-custom-menu a, .main-header .navbar-right a {color: inherit;background: transparent}
.content-header>.breadcrumb {position: relative;margin-top: 5px;top: 0;right: 0;float: none;background: #fff;padding-left: 10px}
.content-header>.breadcrumb li:before {color: #97a0b3}
.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: 14px;padding-bottom: 14px;line-height: 20px}	
.navbar-collapse.pull-left {float: none !important}
.navbar-collapse.pull-left+.navbar-custom-menu {display: block;position: absolute;top: 0;right: 40px}
.navbar-custom-menu>.navbar-nav {float: right}
.navbar-custom-menu>.navbar-nav>li {position: static}
.navbar-custom-menu>.navbar-nav>li>.dropdown-menu {position: absolute;right: 5%;left: auto;border: 1px solid #ddd;background: #fff}

}
@media (max-width:767px) {
.content-wrapper, .main-footer {margin-left: 0}
.sidebar-collapse .content-wrapper, .sidebar-collapse .main-footer {margin-left: 0}
.sidebar-open .content-wrapper, .sidebar-open .main-footer {-webkit-transform: translate(180px, 0);-ms-transform: translate(180px, 0);-o-transform: translate(180px, 0);transform: translate(180px, 0)}
.fixed .content-wrapper, .fixed .right-side {padding-top: 100px}
.main-header .navbar-right {float: none}
.navbar-collapse .main-header .navbar-right {margin: 7.5px -14px}
.main-header .navbar-right>li {color: inherit;border: 0}
.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}	
.main-sidebar {padding-top: 120px}	
.main-sidebar {-webkit-transform: translate(-180px, 0);-ms-transform: translate(-180px, 0);-o-transform: translate(-180px, 0);transform: translate(-180px, 0)}
.sidebar-collapse .main-sidebar {-webkit-transform: translate(-180px, 0);-ms-transform: translate(-180px, 0);-o-transform: translate(-180px, 0);transform: translate(-180px, 0)}
.sidebar-open .main-sidebar {-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0);transform: translate(0, 0)}
.sidebar-toggle{display:block}
.sidebar-menu>li{padding:5px 0px;text-align:left}
.sidebar-menu>li>a>.fa, .sidebar-menu>li>a>.glyphicon, .sidebar-menu>li>a>.ion {width: 20px;font-size:14px;display: inline-block;margin: 0px auto;}
}
@media (min-width:768px) {
.sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .right-side, .sidebar-mini.sidebar-collapse .main-footer {margin-left: 50px !important;z-index: 840}
.sidebar-mini.sidebar-collapse .main-sidebar {-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0);transform: translate(0, 0);width: 50px !important;z-index: 850}
.sidebar-mini.sidebar-collapse .sidebar-menu>li {position: relative}
.sidebar-mini.sidebar-collapse .sidebar-menu>li>a {margin-right: 0}
.sidebar-mini.sidebar-collapse .sidebar-menu>li:not(.treeview)>a>span {/*border-bottom-right-radius: 4px*/}
.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu {padding-top: 5px;padding-bottom: 5px;background: #1a2028;}
.sidebar-mini.sidebar-collapse .main-sidebar .user-panel>.info, .sidebar-mini.sidebar-collapse .sidebar-form, .sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span, .sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu, .sidebar-mini.sidebar-collapse .sidebar-menu>li>a>.pull-right, .sidebar-mini.sidebar-collapse .sidebar-menu li.header {display: none !important;-webkit-transform: translateZ(0)}
.sidebar-mini.sidebar-collapse .main-header .logo {width: 50px}
.sidebar-mini.sidebar-collapse .main-header .logo>.logo-mini {display: block;margin-left: -14px;margin-right: -14px;font-size: 18px}
.sidebar-mini.sidebar-collapse .main-header .logo>.logo-lg {display: none}
.sidebar-mini.sidebar-collapse .main-header .navbar {margin-left: 50px}
.login-box, .register-box {width: 90%;margin-top: 20px}
.navbar-nav>.user-menu .user-image {float: none;margin-right: 0;margin-top: -8px;line-height: 10px}
}
@media only screen and (max-width: 479px) {
.hidden-xs {display: none;}
.main-header .navbar .navbar-nav > li > a {padding: 23px 18px 22px 18px;}
.main-header .navbar .navbar-nav > li.p-ph-res > a {padding: 22px 18px 21px 18px;}
}


.owl-theme .owl-controls{text-align: center;}
.owl-item.loading{min-height: 150px;background: url(../img/AjaxLoader.gif) no-repeat center center}
.owl-carousel .owl-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.owl-carousel{position: relative;width: 100%;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor: pointer;}
.owl-theme .owl-buttons i{margin-top: 2px;color: #ddd;}
.owl-theme .owl-controls .owl-buttons div {position: absolute;}
.owl-theme .owl-controls .owl-buttons .owl-prev{left: 0px;top: 40%;background:#3f3f3f}
.owl-theme .owl-controls .owl-buttons .owl-next{right: 0px;top: 40%;background:#3f3f3f}
.owl-carousel .owl-video-tn {background-size: cover;padding-bottom: 56.25%;padding-top: 25px;}
.owl-video-frame {position: relative;padding-bottom: 56.25%;padding-top: 25px;height: 0;}
.owl-video-frame iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.owl-dots {text-align: center;margin-top: 20px;}
.owl-dot {display: inline-block;}
.owl-dot span {width: 11px;height: 11px;background-color: #ccc;border-radius: 50%;display: block;margin: 5px 3px;}
.owl-dot.active span {background-color: #0c6cd3;}
.owl-item{margin:0px;padding:0px;}
.owl-prev i{content:'\e992';font-family:'icomoon';width: 45px;height: 45px;background-color: rgba(0,0,0,.8);position: absolute;border-radius: 50%;color:#fff;padding-top: 15px;left:0px;}
.owl-next i{content:'\e991';font-family:'icomoon';width: 45px;height: 45px;background-color: rgba(0,0,0,.8);position: absolute;border-radius: 50%;color:#fff;padding-top: 15px;right:0px;}
.owl-buttons{margin:0px;display:none}
.owl-carousel:hover .owl-buttons{display:block;}
.owl-pagination{position:relative;margin:20px 0px; width: 100%; float: left; text-align: center;}
.owl-pagination .owl-page{display: inline-block; background: #704C52; margin: 0 2px;width: 15px;height: 15px;opacity: 1;border:1px solid #ddd;box-shadow: inset 0 0 0 6px #fff;border-radius: 50%;line-height: 0;transition: all 0.3s;}
.owl-pagination .owl-page.active{margin: 0 3px; background: #fff;box-shadow: inset 0 0 0 6px #704C52;}

.loginpage{text-align:center;}
.loginpage .wrapper {background: linear-gradient(to bottom, #86a8d1, #cad9eb);position: absolute;left: 0;width: 100%;overflow: hidden;height:100%}
.loginpage .form {padding:50px 0px;position: relative;z-index: 11; max-width: 360px;margin: 10% auto;text-align: center;}
.loginpage .form input[type=text],.loginpage .form input[type=password]{    display: inline-block;-webkit-appearance: none;-moz-appearance: none;appearance: none;outline: 0;width: 250px;border-radius: 3px;padding: 10px 14px;margin: 0 auto 10px auto;display: block;text-align: center;font-size: 14px;-webkit-transition-duration: 0.25s;transition-duration: 0.25s;background:#c6d9f1;color:#000000;border-radius:5px;border:1px solid #c6d9f1;}
.loginpage .form button {-webkit-appearance: none; -moz-appearance: none;appearance: none;outline: 0;background-color: #000000;border: 0;padding: 10px 14px;color: #fff;border-radius: 3px;width: 250px;cursor: pointer;font-size: 14px;-webkit-transition-duration: 0.25s;transition-duration: 0.25s;text-transform:uppercase}
.loginpage .form .first-row{padding-top:50px;}
.loginpage .form .second-row img,.loginpage .form .first-row img{width:40px;    display: inline-block;margin-right:15px;}
.loginpage .form .input{display: inline-block;}
.loginpage .form img{width:100px;}
.loginpage input[type="submit"]{padding-left:50px;outline: 0;width: 100px;border-radius: 3px;padding: 5px 10px;margin: 0 auto 10px auto;display: block;text-align: center;font-size: 14px;  background: linear-gradient(to bottom, #4a90e2, #357ABD);border: 1px solid #2d6ba3; border-radius: 10px;box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.3);cursor: pointer;transition: transform 0.2s, box-shadow 0.2s;display:inline-block}
.loginpage .validate-popup {margin: 0px 0px 15px 50px;transition: opacity ease 400ms;cursor: pointer;color: #ff0000;font-size: 10px;text-transform:uppercase;line-height: 1;padding: 8px 12px;}
.banner img{width:100%;}

.btn{cursor:pointer;background:#000000;color:#fff;border:1px solid #000000;font-size:12px;}
.btn:hover{cursor:pointer;background:#000000;color:#fff;}
.panel-heading{display:block;width:100%;margin-bottom:15px;}

.panel-heading .filter{border: 1px solid #d9d9d9;color: #000;margin: 0px;border-radius: 0;outline: none;padding: 10px 15px;font-size: 12px;width:100px;text-align:center;cursor:pointer;float:left;margin-bottom:20px;}
.panel-heading .filter i{padding-right:10px;	}
.panel-heading .btn{background:#ff0000 !important;border:1px solid #ff0000;float:right;padding:0px;border-radius:0px;}
.panel-heading .btn a{font-size:14px;font-family:heading;color:#fff;padding: 10px 20px;display: block;}

.panel-heading .filterbar-panel {width: 100%;padding: 10px 20px;display: block;clear: both; background: #eee;border: 1px solid #ddd;display: none;}
.panel-heading .filterbar-panel label{font-family:heading;font-size:12px}
.panel-heading .filterbar-panel .filterbtn{display:block;background:#ff0000;font-family:heading;font-size:12px;padding:10px 25px;margin-top:15px;outline:none;border:0px;color:#fff;text-transform:uppercase;cursor:pointer}
.panel-heading .filterbar-panel #startdate,.panel-heading .filterbar-panel #enddate,.panel-heading .filterbar-panel #datefrom,.panel-heading .filterbar-panel #dateto,.panel-heading .filterbar-panel #modifieddate,.panel-heading .filterbar-panel #createdate{background-image: url(../img/date.png);background-size: 15px 15px;background-position: 5px 8px;background-repeat: no-repeat;}
.panel-heading .filterbar-panel select option{height:100px;}

.notifications{background:#fff;padding:10px 0px 5px;}
.notifications p{color:#ff0000;margin:0px;}

.main-menu-box{padding:15px;background:#fff;margin:15px 0px;background-color: #fff;border: 0px solid rgba(255, 255, 255, .125);border-radius: 0;box-shadow: 0 5px 15px rgb(57 98 254 / 2%), 0 3px 6px rgb(117 108 254 / 12%);}
.main-menu-box .box{text-align:center;padding:10px}
.main-menu-box .box img{width:80px;height:80px;margin:0px auto 15px;display:block;}


.form label{font-family:heading;font-size:12px}
.form .checkbutton{display:inline-block;background:#ff0000;cursor:pointer;font-family:heading;font-size:12px;padding:10px 25px;margin-top:15px;outline:none;border:0px;color:#fff;text-transform:uppercase}
.form .submitbutton{display:block;background:#ff0000;cursor:pointer;font-family:heading;font-size:12px;padding:10px 25px;margin-top:15px;outline:none;border:0px;color:#fff;text-transform:uppercase}

.success-box-panel{background:rgba(0,0,0,0.8);width: 100%;padding: 0px;margin: 0px;padding: 0px;height: 100%;position: fixed;z-index: 1111;top: 0;}
.success-box-panel i{color:#fff;font-size:22px;}
.success-box-panel label{display:none}
.success-box-panel .success-box{position: absolute;width: 25%;position: fixed;top:50px;left: 40%;height:180px;background:#B0DB7D;text-align: center;padding: 25px 0px;}
.success-box-panel .success-box p{color:#fff;font-size:16px;}
.success-box-panel .success-box .closebutton{background:#fff;width:100px;margin:0px auto 15px;outline:none;border:1px solid #B0DB7D}
.success-box-panel .success-box .closebutton a{color: #000;display: block;width: 100%;padding: 5px 0px;}

.payments{width:100%;}
.payments tr td{padding:5px 20px;width:50%;border:1px solid #000000;text-transform:uppercase;}
.paymentsitem{width:100%;margin-top:20px;}
.paymentsitem tr td{padding:10px 20px;width:50%;border:1px solid #000000;text-transform:uppercase;}


.ms-options-wrap,.ms-options-wrap * {box-sizing: border-box;}
.ms-options-wrap > button:focus,.ms-options-wrap > button {display: block;width: 100%;padding: 12px 25px;font-size: 12px;line-height: 1.25;color: #000;background-color: #f7f7f7;border: 1px solid #ddd;outline: none;margin-bottom: 15px;text-align:left}
.ms-options-wrap > button > span {display: inline-block;}
.ms-options-wrap > button[disabled] {background-color: #e5e9ed;color: #808080;opacity: 0.6;}
.ms-options-wrap > button:after {content: ' ';height: 0;position: absolute;top: 60%;right: 25px;width: 0;border: 6px solid rgba(0, 0, 0, 0);border-top-color: #999;margin-top: -3px;}
.ms-options-wrap.ms-has-selections > button {color: #000000;}
.ms-options-wrap > .ms-options {position: absolute;left: 15px;height: 150px;width: 95%;top:70px;background: #fff;z-index: 2000000;border: 1px solid #ddd;overflow: auto;visibility: hidden;}
.ms-options-wrap.ms-active > .ms-options {visibility: visible}
.ms-options-wrap > .ms-options > .ms-search input {width: 100%;padding: 4px 5px;border: none;border-bottom: 1px groove;outline: none;}
.ms-options-wrap > .ms-options .ms-selectall {display: inline-block;font-size: .9em;text-transform: lowercase;text-decoration: none;}
.ms-options-wrap > .ms-options .ms-selectall:hover {text-decoration: underline;}
.ms-options-wrap > .ms-options > .ms-selectall.global {margin: 4px 5px;}
.ms-options-wrap > .ms-options > ul,.ms-options-wrap > .ms-options > ul > li.optgroup ul {list-style-type: none;padding: 0;margin: 0;}
.ms-options-wrap > .ms-options > ul li.ms-hidden {display: none;}
.ms-options-wrap > .ms-options > ul > li.optgroup {padding: 5px;}
.ms-options-wrap > .ms-options > ul > li.optgroup + li.optgroup {border-top: 1px solid #aaa;}
.ms-options-wrap > .ms-options > ul > li.optgroup .label {display: block;padding: 5px 0 0 0;font-weight: bold;}
.ms-options-wrap > .ms-options > ul label {position: relative;display: inline-block;width: 100%;padding: 4px 4px 4px 20px;margin: 1px 0;border: 1px dotted transparent;}
.ms-options-wrap > .ms-options.checkbox-autofit > ul label,.ms-options-wrap > .ms-options.hide-checkbox > ul label {padding: 4px;padding-left: 25px;}
.ms-options-wrap > .ms-options > ul label.focused,.ms-options-wrap > .ms-options > ul label:hover {background-color: #efefef;border-color: #999;}
.ms-options-wrap > .ms-options > ul li.selected label {background-color: #efefef;border-color: transparent;padding-left: 25px;}
.ms-options-wrap > .ms-options > ul input[type="checkbox"] {margin: 0 5px 0 0;position: absolute;left: 4px;top: 7px;}
.ms-options-wrap > .ms-options.hide-checkbox > ul input[type="checkbox"] {position: absolute !important;height: 1px;width: 1px;overflow: hidden;clip: rect(1px 1px 1px 1px);clip: rect(1px, 1px, 1px, 1px);}

.content-wrapper {background-color: #f1f2f7;z-index: 800;padding: 15px;}
.content {padding: 15px;margin: 5px auto;background: #fff;border: 1px solid #dbe1e8;}
.nowrap{white-space:nowrap}
.remove {padding: 15px;margin: 5px auto;border: 1px solid #dbe1e8;}
.remove .alert{color:#fff;text-align:center;background: #000;}
.remove .alert a{background:#fff;color:#ff0000;height:20px;padding: 8px 20px 10px;}
.remove .alert .submit{display:inline-block;width:150px;}


.orderstop{text-transform:uppercase;margin-bottom:20px;width:100%}
.orderstop td{font-size:12px;padding:5px 0px;}
.orderstop td strong{display:block;font-size:14px;}
.orderstop td span{padding:5px 20px;}

.detail{padding:50px 0px 0px;}
.detail p{font-size:10px;line-height:1;}
.detail p strong{text-transform:uppercase}

.orders{text-transform:uppercase;margin-bottom:20px;width:100%}
.orders td{font-size:12px;padding:5px 0px;}
.orders td strong{display:block;font-size:14px;}
.orders td span{padding:5px 20px;}
.ordersitem{text-transform:uppercase;width:100%;margin-top:50px;}
.ordersitem th{padding:5px 10px;border:1px solid #eee;background:#ddd;font-size:12px;}
.ordersitem td{padding:15px 10px;border:1px solid #eee;font-size:10px}

.table th{text-transform:uppercase;color:#000000}
.table .btn {margin:0px 5px}

.upload_box{margin:0 auto;padding: 20px 0 0 0;width: 500px;height: 70px;}
.file_browser{width: 161px; height: 38px;background:url("../img/select_files.png") no-repeat;float: left;}
.hide_broswe{opacity:0;-moz-opacity:0;filter:alpha(opacity:0);width:160px;padding:5px;cursor:pointer;}
.file_upload{width: 128px;height: 38px;float: left;margin: 0 0 0 60px;}
.upload_button{background:url("../img/upload_files.png") no-repeat;width: 130px;height: 40px;text-indent: -1000000px;border: 0px;cursor:pointer;}
.file_boxes{margin:0 auto;width: 500px;}
.bx_main{width: 500px;float: left;}
.bx_1{width: 40px;height: 36px;border: 1px solid #ddd;background-color: #eeeeee;text-align: center;float: left;padding: 8px;margin: 3px 0 0 0;}
.bx_2{width: 390px;height: 36px;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;background-color: #eeeeee;text-align: left;float: left;padding: 4px 0 0 10px;font-size: 11px;color: #000000;line-height: 15px;margin: 3px 0 0 0;}
.bx_3{width: 40px;height: 36px;border: 1px solid #ddd;background-color: #eeeeee;text-align: center;float: left;padding: 10px;margin: 3px 0 0 0;}
.fname{font-size: 11px;color: #000000;line-height: 11px;}
.fsize{font-size: 10px;color: #000000;}
.file_upload_main_wrapper {width: 788px;height:auto;margin: 0 auto;border: solid 1px #cbcbcb; background-color: #FFF; box-shadow: 0 0 15px #cbcbcb;-moz-box-shadow: 0 0 15px #cbcbcb;-webkit-box-shadow: 0 0 15px #cbcbcb;}
#file_system_displayer_container {padding: 10px;margin: 0 auto;}
#file_system_displayer_header {color: #000000;font-family: Verdana, Geneva, sans-serif;font-size:11px;text-align:left;}
#header_file_names {text-align:left;float: left;width: 466px;padding:5px;border:1px solid #ddd;background:#F6F6F6;box-shadow: 0 0 15px #cbcbcb;-moz-box-shadow: 0 0 15px #cbcbcb;-webkit-box-shadow: 0 0 15px #cbcbcb;}
#header_file_size {width: 99px;float: left;text-align:left;padding:5px;border:1px solid #ddd;border-left:0px solid #ddd;background:#F6F6F6;box-shadow: 0 0 15px #cbcbcb;-moz-box-shadow: 0 0 15px #cbcbcb;-webkit-box-shadow: 0 0 15px #cbcbcb;}
#header_file_last_date_modified {width: 90px;float: left;text-align:left;padding:5px;border:1px solid #ddd;border-left:0px solid #ddd;background:#F6F6F6;box-shadow: 0 0 15px #cbcbcb;-moz-box-shadow: 0 0 15px #cbcbcb;-webkit-box-shadow: 0 0 15px #cbcbcb;}
#header_file_remove {width: 88px;float: left;padding:5px;border:1px solid #ddd;border-left:0px solid #ddd;border-right:0px solid #ddd;background:#F6F6F6;box-shadow: 0 0 15px #cbcbcb;-moz-box-shadow: 0 0 15px #cbcbcb;-webkit-box-shadow: 0 0 15px #cbcbcb;text-align:center;}
.hove_this_link span { color:#ddd; }
.hove_this_link:hover { background-color:#DBE6FE; }
.hove_this_link:hover span { color:#000000; }
#files_left {width: 460px;float:left;cursor:pointer;font-size:11px;text-align:left;padding:8px;height:16px;border-right:1px solid #ddd;}
#files_size_left {width: 93px;float: left;font-size:10px;text-align:left;padding:8px;height:16px;border-right:1px solid #ddd;}
#files_time_left {width: 84px;float: left;font-size:10px;text-align:left;padding:8px;height:16px;border-right:1px solid #ddd;}
#files_remove_left {width: 83px;float: left;font-size:11px;text-align:left;padding:8px;height:16px;text-align:center;color:blue;}
.files_remove_left_inner:hover{cursor:pointer;text-decoration:underline;}
.blue { background-color: #E9F0FF; }
.white { background-color:#FFFFFF; }
.browse_file_box{ font-weight:bold; font-size:12px;text-align:center;background:#f2f2f2 url('../img/browse_file_by_vasplus_programming_blog.png') no-repeat 12px 9px;color:green;border:1px solid #ddd;height:30px;cursor: default;width:106px;-moz-border-radius:5px; -webkit-border-radius:5px;float:left; }
.general_button {  background-color: #7fbf4d;  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7fbf4d), color-stop(100%, #63a62f));  background-image: -webkit-linear-gradient(top, #7fbf4d, #63a62f);  background-image: -moz-linear-gradient(top, #7fbf4d, #63a62f);  background-image: -ms-linear-gradient(top, #7fbf4d, #63a62f);  background-image: -o-linear-gradient(top, #7fbf4d, #63a62f);  background-image: linear-gradient(top, #7fbf4d, #63a62f);  -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;  border: 1px solid #63a62f;box-shadow: 0 2px 3px #666666;-moz-box-shadow: 0 2px 3px #666666;-webkit-box-shadow: 0 2px 3px #666666;  color: #fff;font-size:12px;  text-align: center;  text-shadow: 0 -1px 0 #4c9021;  min-width: 70px;  width: auto;  padding:8px;padding-left:12px; padding-right:12px;  text-decoration:none;  margin-right:30px;}
.general_button:hover {background-color: #76b347;background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #76b347), color-stop(100%, #5e9e2e));background-image: -webkit-linear-gradient(top, #76b347, #5e9e2e);background-image: -moz-linear-gradient(top, #76b347, #5e9e2e);background-image: -ms-linear-gradient(top, #76b347, #5e9e2e);background-image: -o-linear-gradient(top, #76b347, #5e9e2e);background-image: linear-gradient(top, #76b347, #5e9e2e);box-shadow: 0 2px 3px #666666;-moz-box-shadow: 0 2px 3px #666666;-webkit-box-shadow: 0 2px 3px #666666;cursor: pointer; }

.form-group input[type=text], .form-group select{display: block;width: 100%;padding: .5rem .75rem;font-size: 12px;line-height: 1.25;color: #464a4c;background-color: #fff;background-image: none;-webkit-background-clip: padding-box;background-clip: padding-box;border: 1px solid rgba(0,0,0,.15);border-radius: .25rem;-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;outline:none}
.empty{background:#D33C44;color:#fff;width:100%;text-align:center;padding:10px 0px;}
#btnAdd{cursor:pointer;background: #000000;outline: none;border: none;padding: 5px 20px;font-family: regular;text-transform: uppercase;letter-spacing: 2px;color: #fff;-webkit-box-shadow: 0 4px 5px rgba(0,0,0,.3);-moz-box-shadow: 0 4px 5px rgba(0,0,0,.3);box-shadow: 0 4px 5px rgba(0,0,0,.3); text-shadow: 0 1px 1px rgba(255,255,255,.35);text-align:center;float:left;font-size:12px;margin: 10px 0px;}
#btnDelete{cursor:pointer;background: #000000;outline: none;border: none;padding: 5px 20px;font-family: regular;text-transform: uppercase;letter-spacing: 2px;color: #fff;-webkit-box-shadow: 0 4px 5px rgba(0,0,0,.3);-moz-box-shadow: 0 4px 5px rgba(0,0,0,.3);box-shadow: 0 4px 5px rgba(0,0,0,.3); text-shadow: 0 1px 1px rgba(255,255,255,.35);text-align:center;float:left;font-size:12px;display:none;margin: 10px;}



.minimumstock{background:#eee!important;color:#000!important}
.minimumstock td{color:#000!important}
.minimumstock td .edit{background:#fff;color:#000000}

.form-group label{font-size:12px;}
.form-group label a{color:#fff;background:red;padding:5px 10px;margin-left:15px;}

.category{color:#00b297;font-size:12px;text-transform:uppercase;font-weight:bold;letter-spacing:1px;display:block;}
.assetmake{color:#1bbae1;font-size:12px;text-transform:uppercase;font-weight:bold;display:block;}
.model{color:#1D2939;font-weight: bold;text-transform:uppercase}
.regdno{color:#f44336 ;text-transform:uppercase;font-weight:bold;display:block;text-transform:uppercase}
.formtransaction{}
.formtransaction label{font-family:heading;text-transform:uppercase;font-size:12px;}
.formtransaction .denominations{background:#f4f4f4;color:#000;text-align:center;padding:10px;border:1px solid #ddd;text-transform:uppercase;font-family:heading;font-size:12px;margin-bottom:25px;}
.formtransaction .denominationsrow{margin:50px 0px;}
.formtransaction .denominationsrow .col-md-12{padding:0px;}
.formtransaction .denominationsrow label{width:100px;}
.formtransaction .denominationsrow .input{display:inline-block}
.formtransaction .denominationsrow select,.formtransaction .denominationsrow input[type=text]{width:200px;background:#f4f4f4;padding:5px 10px;border-radius:none;border:1px solid #000;}
.formtransaction .denominationsrow .submit{display:inline-block}
.formtransaction .totalpayment{display:inline-block;background:#f4f4f4;color:#000;padding:10px !important;margin-left:15px;border:1px solid #ddd;width:100px !important;    cursor: no-drop;text-align:center}
.formtransaction .totalpayment:hover{border:none;border:1px solid #ddd;}
.formtransaction .totalpayment:focus{border:none;border:1px solid #ddd;}

.formtransaction input[type=submit] {-webkit-appearance: none; -moz-appearance: none;appearance: none;outline: 0;background-color: #ff0000;border: 0;padding: 10px 14px;color: #fff;width: 120px;cursor: pointer;font-size: 14px;-webkit-transition-duration: 0.25s;transition-duration: 0.25s;text-transform:uppercase}
.formtransaction .submit{width:100px;display:inline-block;margin-right:15px;}
.paymentsummary{width:30%;}
.paymentsummary td{width:100%;padding:5px 10px;border:1px solid #ddd}

.report-box .box a{width:100%;display:block;padding:10px;background:#0070c0;color:#fff}

@media print{
.content-header{display:none}	
.main-footer{display:none}	
.navbar-custom-menu{display:none}	
.main-header .blue-bg .navbar-nav > li > a{display:none;}
.filter,.main-sidebar{display:none}
@page { margin: 0; }
body { margin: 1.6cm; }	
}	


.dashboard-box{margin: 5px auto;background:#fff;border: 0px solid rgba(255,255,255,.125);border-radius: 0;box-shadow: 0 5px 15px rgb(57 98 254 / 2%), 0 3px 6px rgb(117 108 254 / 12%);}
.dashboard-box strong{display:block;background:#f2f2f2;color:#000000;text-transform:uppercase;padding:10px 15px;text-align:left;font-weight: normal;}
.dashboard-box .data{padding: 15px;}
.dashboard-box .data .user-login table{width:100%;border:1px solid #ddd}
.dashboard-box .data .user-login table tr{width:100%;}
.dashboard-box .data .user-login table tr th{padding:10px 5px;border-bottom:1px solid #ddd;font-size:12px;}
.dashboard-box .data .user-login table tr:nth-child(even){background:#fff}
.dashboard-box .data .user-login table tr:nth-child(odd){background:#f9f9f9}
.dashboard-box .data .user-login table tr td{padding:5px;font-size:12px;}
.dashboard-box .data .user-login table tr td strong{background:#17a2b8;color:#fff;padding: 5px 0px;text-align: center;}
.dashboard-box .data .user-login table tr td strong a{color:#fff;font-size:12px;}

.dashboard-box .order-box{padding:20px 0px;text-align:center;border: 0px solid rgba(255,255,255,.125);border-radius: 0;box-shadow: 0 5px 15px rgb(57 98 254 / 2%), 0 3px 6px rgb(117 108 254 / 12%);}
.dashboard-box .order-box .title{font-size:16px;display:block;text-transform: uppercase;text-align:center;margin-bottom:15px;color:#000000;color:#7a7e96;font-size:12px;}
.dashboard-box .order-box span{font-size:26px;display:block;text-align:center;color:#000000}

.thumb{width:80px;margin:10px;display:inline-block;position:relative;border:2px solid #f4f4f4}
.thumb img{width:100%}
.thumb span{position: absolute;top: 0px;right: 0px;font-size: 10px;background: #000000;color: #fff;padding: 5px;cursor:pointer}

.content-header.sty-three {background: #fff;margin: 0px;position: relative;padding: 0px;background-color: #fff;border: 0px solid rgba(255,255,255,.125);border-radius: 0;box-shadow: 0 5px 15px rgb(57 98 254 / 2%), 0 3px 6px rgb(117 108 254 / 12%);}

.order-menu{margin:0px;padding:0px;}
.order-menu li{display:inline-block;}
.order-menu li a{padding:10px 50px;color:#fff;background:#000000;display: block;}
.order-menu li a:hover{background:#ff0000}

#remark{margin-bottom:15px;}
.invoice h1{text-align:right;font-size:18px;}
.invoice h2{text-align:center;font-size:18px;margin:20px 0px;text-transform:uppercase}
.invoice p{margin-bottom:5px;font-size:12px;}
.invoice p strong{padding-right:10px;display:inline-block}
.invoice-logo{text-align:right}
.invoice-logo img{margin-bottom:15px;}
.top25{margin-top:25px;}
.invoice img{vertical-align: text-bottom;}
.invoice .logo{}
.invoice .logo-print{margin-bottom:15px;}
.invoice .logo-print img{width:100%;}


.support-icon{position: fixed;bottom: 17px;z-index: 2;width: 42px;right: 80px;width:60px;height:60px;border-radius:50px;background:#fff;border:1px solid #000;}
.support-icon img{width:100%;padding:15px;margin:auto;}

#suggestion-list{float:left;list-style:none;padding:0;position:absolute;top:60px;width:100%;z-index:1;left:0px;}
#suggestion-list li{padding:10px;background:#f4f4f4;border-bottom:1px solid #ddd;color:#000}
#suggestion-list li:hover{cursor:pointer}
.print-button{width:100px;margin:0px auto;text-align: center;display: block;}
.qr-code{text-align:right}
.qr-code img{width:150px;margin:0px auto}
.print-report{}
.print-report .logo-print{margin-bottom:25px;}
.print-report .logo-print img{width:100%;}

#dfrnceamt{width: 100px;background: #f4f4f4; margin-left:25px;padding: 5px 10px;border-radius: none;border: 1px solid #000;text-align:center}

@media print{
.notifications{display:none}
.hideprint{display:none}
.content-header{display:none}	
.content-wrapper{padding:0px;}
.main-footer{display:none}	
.navbar-custom-menu{display:none}	
.main-header .blue-bg .navbar-nav > li > a{display:none;}
.main-header {display:none}
@page { margin: 0; }
body { margin: 1.6cm;font-size:10px }	
.hide-print{display:none}
.col-lg-4, .col-xs-4{width:33%}
.col-lg-6, .col-xs-6{width:50%}
.print-button{display:none}
.qr-code img{width:80px;}
.paymentsummary{width:100%;}
.paymentsummary td{width:100%;padding:0px 5px;border:1px solid #ddd}

}