@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: #373330;}
.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;margin-left: 180px;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: #373330;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: #373330}
a:hover, a:active, a:focus {outline: none;text-decoration: none;color: #373330}
.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;margin-left: 180px;border: none;min-height: 60px;border-radius: 0;display: inherit;}
.main-header .navbar.blue-bg {background: #373330;-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 .navbar-custom-menu, .main-header .navbar-right {float: right}
.main-header .navbar {padding: 0;}
.main-header .navbar .navbar-nav {float: left;display: inherit;}
.main-header .navbar .navbar-nav > li {float: left;display: block;margin: 20px 0px;}
.main-header .navbar .navbar-nav > li span{color:#fff}

.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: #fff;}
.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:145px;height:50px}
.main-header .logo .logo-mini {display: none}
.main-header .logo.blue-bg {background: #373330;}
.main-header .navbar-brand {color: #373330}
.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:#373330;}
.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: #373330;font-size: 12px;}
.content-header>.breadcrumb>li>a {color: #373330;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: #373330;}
.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: #373330;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:#373330}
.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;}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {color: #373330;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: #373330;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:#373330;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: #373330;text-decoration: none;background-color: #fff;border: 1px solid #373330;}
.pagination>li.active a {z-index: 3;color: #fff;cursor: default;background-color: #373330;border-color: #373330;}
.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;}
}

.loginpage{text-align:center}
.loginpage img{padding-bottom:20px;width:150px}
.loginpage .wrapper {background: #ede6dc;position: absolute;left: 0;width: 100%;overflow: hidden;height:100%}
.loginpage .form {background:#373330;padding:50px 0px;position: relative;z-index: 11; max-width: 360px;margin: 10% auto;text-align: center; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);}
.loginpage .form input[type=text],.loginpage .form input[type=password]{-webkit-appearance: none;-moz-appearance: none;appearance: none;outline: 0;border: 1px solid #ddd;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:#fff;color:#373330}
.loginpage .form button {-webkit-appearance: none; -moz-appearance: none;appearance: none;outline: 0;background-color: #373330;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 input[type="submit"]{outline: 0;border: 1px solid #ede6dc;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:#ede6dc;color:#373330;cursor:pointer}
.loginpage .validate-popup {margin: 0px 15%;transition: opacity ease 400ms;cursor: pointer;background-color: #ff0000;color: #fff;font-size: 10px;text-transform:uppercase;line-height: 1;padding: 8px 12px;}

.btn{cursor:pointer;background:#373330;color:#fff;border:1px solid #373330;font-size:12px;}
.btn:hover{cursor:pointer;background:#373330;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;}


.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:150px;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;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 #373330;text-transform:uppercase;}
.paymentsitem{width:100%;margin-top:20px;}
.paymentsitem tr td{padding:10px 20px;width:50%;border:1px solid #373330;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: #373330;}
.ms-options-wrap > .ms-options {position: absolute;left: 15px;height: 150px;width: 95%;top:70px;background: #fff;z-index: 2373330;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:#373330}
.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: -1373330px;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: #373330;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: #373330;line-height: 11px;}
.fsize{font-size: 10px;color: #373330;}
.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: #373330;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:#373330; }
#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; }

.richText {position: relative;background-color: #FAFAFA;border: #EFEFEF solid 1px;color: #373330333;width: 100%;}
.richText .richText-form label {display: block;padding: 10px 15px;}
.richText .richText-form input[type="text"], .richText .richText-form input[type="file"], .richText .richText-form input[type="number"], .richText .richText-form select {padding: 10px 15px;border: #999999 solid 1px;min-width: 200px;width: 100%;}
.richText .richText-form select {cursor: pointer;}
.richText .richText-form button {margin: 10px 0;padding: 10px 15px;background-color: #3498db;border: none;color: #FAFAFA;cursor: pointer;-webkit-appearance: none;-moz-appearance: none;appearance: none;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.richText .richText-toolbar {min-height: 20px;border-bottom: #EFEFEF solid 1px;}
.richText .richText-toolbar ul li {float: left;display: block;list-style: none;}
.richText .richText-toolbar ul li a {display: block;padding: 10px 15px;border-right: #EFEFEF solid 1px;cursor: pointer;-webkit-transition: background-color 0.4s;-moz-transition: background-color 0.4s;transition: background-color 0.4s;}
.richText .richText-toolbar ul li a .fa, .richText .richText-toolbar ul li a .fas, .richText .richText-toolbar ul li a .far, .richText .richText-toolbar ul li a svg {pointer-events: none;}
.richText .richText-toolbar ul li a .richText-dropdown-outer {display: none;position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.3);cursor: default;}
.richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown {position: relative;display: block;margin: 3% auto 0 auto;background-color: #FAFAFA;border: #EFEFEF solid 1px;min-width: 100px;width: 300px;max-width: 90%;-webkit-box-shadow: 0 0 5px 0 #373330;-moz-box-shadow: 0 0 5px 0 #373330;box-shadow: 0 0 5px 0 #373330;}
.richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown .richText-dropdown-close {position: absolute;top: 0;right: -23px;background: #FFF;color: #373330;cursor: pointer;font-size: 20px;text-align: center;width: 20px;}
.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown {list-style: none;}
.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li {display: block;float: none;font-family: Calibri,Verdana,Helvetica,sans-serif;}
.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li a {display: block;padding: 10px 15px;border-bottom: #EFEFEF solid 1px;}
.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li a:hover {background-color: #FFFFFF;}
.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li.inline {margin: 10px 6px;float: left;}
.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li.inline a {display: block;padding: 0;margin: 0;border: none;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-webkit-box-shadow: 0 0 10px 0 #999;-moz-box-shadow: 0 0 10px 0 #999;box-shadow: 0 0 10px 0 #999;}
.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li.inline a span {display: block;height: 30px;width: 30px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.richText .richText-toolbar ul li a .richText-dropdown-outer div.richText-dropdown {padding: 10px 15px;}
.richText .richText-toolbar ul li a:hover {background-color: #FFFFFF;}
.richText .richText-toolbar ul li[data-disable="true"] {opacity: 0.1;}
.richText .richText-toolbar ul li[data-disable="true"] a {cursor: default;}
.richText .richText-toolbar ul li:not([data-disable="true"]).is-selected .richText-dropdown-outer {display: block;}
.richText .richText-toolbar ul:after {display: block;content: "";clear: both;}
.richText .richText-toolbar:last-child {font-size: 12px;}
.richText .richText-toolbar:after {display: block;clear: both;content: "";}
.richText .richText-editor {padding: 20px;background-color: #FFFFFF;border-left: #FFFFFF solid 2px;height: 300px;outline: none;overflow-y: scroll;overflow-x: auto;}
.richText .richText-editor ul, .richText .richText-editor ol {margin: 10px 25px;}
.richText .richText-editor table {margin: 10px 0;border-spacing: 0;width: 100%;}
.richText .richText-editor table td, .richText .richText-editor table th {padding: 10px;border: #EFEFEF solid 1px;}
.richText .richText-editor:focus {border-left: #3498db solid 2px;}
.richText .richText-initial {margin-bottom: -4px;padding: 10px;background-color: #282828;border: none;color: #33FF33;max-width: 100%;min-width: 100%;width: 100%;min-height: 400px;height: 400px;}
.richText .richText-help {float: right;display: block;padding: 10px 15px;cursor: pointer;}
.richText .richText-undo, .richText .richText-redo {float: left;display: block;padding: 10px 15px;border-right: #EFEFEF solid 1px;cursor: pointer;}
.richText .richText-undo.is-disabled, .richText .richText-redo.is-disabled {opacity: 0.4;}
.richText .richText-help-popup a {color: #3498db;text-decoration: underline;}
.richText .richText-help-popup hr {margin: 10px auto 5px auto;border: none;border-top: #EFEFEF solid 1px;}
.richText .richText-list.list-rightclick {position: absolute;background-color: #FAFAFA;border-right: #EFEFEF solid 1px;border-bottom: #EFEFEF solid 1px;}
.richText .richText-list.list-rightclick li {padding: 5px 7px;cursor: pointer;list-style: none;}
.richText-toolbar ul{margin:0px;padding:0px;}

.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: #373330;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: #373330;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:#373330}

.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}

.filterbtn{display:block;background:#ff0000;font-family:heading;font-size:12px;padding:10px 25px;outline:none;border:0px;color:#fff;text-transform:uppercase;cursor:pointer}


@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;}
.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:#373330;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:#373330;color:#7a7e96;font-size:12px;}
.dashboard-box .order-box span{font-size:26px;display:block;text-align:center;color:#373330}

.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: #373330;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:#373330;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{min-width:150px;display:inline-block}
.invoice-logo{text-align:right}
.top25{margin-top:25px;}
.invoice img{vertical-align: text-bottom;width:60px;}

.uk-timeline .uk-timeline-item .uk-card {max-height: 300px;margin-bottom:20px;}
.uk-timeline .uk-timeline-item {display: flex;position: relative;}
.uk-timeline .uk-timeline-item::before {background: #dadee4;content: "";height: 100%;left: 19px;position: absolute;top: 20px;width: 2px;z-index: -1;}
.uk-timeline .uk-timeline-item .uk-timeline-icon .uk-badge {margin-top: 20px;width: 40px;height: 40px;}
.uk-timeline .uk-timeline-item .uk-timeline-content {-ms-flex: 1 1 auto;flex: 1 1 auto;padding: 0 0 0 1rem;}
.uk-card-default {background: #fff;color: #666;box-shadow: 0 5px 15px rgb(0 0 0 / 8%);}
.uk-card-default .uk-card-header {border-bottom: 1px solid #e5e5e5;}
.uk-card-body {padding: 15px 10px;}
.uk-overflow-auto>:last-child {margin-bottom: 0;}
.uk-card-body>:last-child, .uk-card-footer>:last-child, .uk-card-header>:last-child {margin-bottom: 0;}
.uk-text-success {color: #32d296!important;}
.uk-timeline .uk-timeline-item::before {background: #dadee4;content: "";height: 100%;left: 19px;position: absolute;top: 20px;width: 2px;z-index: -1;}
.uk-timeline .uk-timeline-item .uk-timeline-icon .uk-badge {margin-top: 20px;width: 40px;height: 40px;}
.uk-badge {box-sizing: border-box;min-width: 22px;height: 22px;padding: 0 5px;border-radius: 500px;vertical-align: middle;background: #000;color: #fff;font-size: .875rem;display: inline-flex;justify-content: center;align-items: center;}
.uk-card-header{background:#000;color:#fff}
.uk-card-title{font-size: 12px;padding: 10px 15px;}
.uk-badge i{color:#fff}

@media print{
.hideprint{display:none}
.content-header{display:none}	
.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; }	
.hide-print{display:none}
.col-lg-4, .col-xs-4{width:33%}
.col-lg-6, .col-xs-6{width:50%}
}