.main-header {
position: fixed;
width: 100%;
top: 0;
}
.content-wrapper{
margin-top: 64px;
}
.skin-blue .\content-wrapper .content-header-custom, .skin-blue-light .content-wrapper .content-header-custom {
background: #dceafc00;
color: #fff!important;
padding: 15px 15px 200px;
}
.box-header {
background-color: #80c8ff !important;
}
.box-header > .box-title {
color: #004480;
}
.btn {
border-radius: 3px;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #6158589e !important;
background-color: #ddd0;
color:#333;
}
.btn-primary {
border-radius: 3px;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #6158589e !important;
background-color: #ddd0;
color:#333;
}
.btn-primary:hover {
background: #dadada;
border-color: #115bb9;
color: #333;
}
.btn-info.active, .btn-info:active, .open>.dropdown-toggle.btn-info {
color: #fff;
background-color: #000000;
border-color: #269abc;
}
.btn-info:hover {
background: #d6d5d5;
border-color: #0da5c0;
color: #333;
}
.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open>.dropdown-toggle.btn-info.focus, .open>.dropdown-toggle.btn-info:focus, .open>.dropdown-toggle.btn-info:hover {
color: #fff;
background-color: #000000;
}
.content-header > h1 {
margin: 0;
font-size: 15px;
border: 1px solid #ddd;
padding: 13px 10px;
background-color: #0082e6;
color: #fff;
text-transform: uppercase;
font-weight: 700;
/* text-align: center; */
border-radius: 6px;
}
footer, .box .box-header {
padding: 12px 24px;
}
.modal-title {
margin: 0;
line-height: 1.42857143;
text-transform: uppercase;
font-weight: 700;
font-size: 14px;
}
.modal-header {
border-bottom-color: #f4f4f4;
background-color: #f1f1f1;
}
.col-md-3.hide-class{
display: none;
}
.col-sm-4.hide-class{
display: none;
}
.col-md-4.hide-class{
display: none;
}
.col-md-6.hide-class {
display: none;
}
.col-md-12.hide-class{
display:none;
}
.col-md-8.hide-class{
display: none;
}
.blue-heading {
background-color: #f1f1f1;
color: #333;
padding: 10px 10px;
}
h3.blue-heading {
text-transform: uppercase;
font-size: 14px;
font-weight: 700;
}
.custom-heading > h3 {
font-size: 15px;
font-weight: 700;
}
.add-product-price-table th {
background-color: #0082e6;
color: white;
border: 0 !important;
}
.col-sm-3.hide-class{
display: none;
}
.col-sm-8.hide-class{
display: none;
}
.content-header>h1 {
margin: 0;
font-size: 15px;
border: 1px solid #ddd;
padding: 13px 10px;
background-color: #0082e6;
color: #fff;
text-transform: uppercase;
font-weight: 700;
/* text-align: center; */
border-radius: 6px;
}
select.input-sm {
height: 37px !important;
line-height: 30px;
}
/* .thetop{
padding: 1%;
}
*/
div.pos-tab-menu div.list-group>a.active, div.pos-tab-menu div.list-group>a.active .glyphicon, div.pos-tab-menu div.list-group>a.active .fa {
background-color: #0082e6;
color: #ffffff;
border-color: #3c8dbc;
}
div.pos-tab-menu div.list-group>a.active:after {
content: '';
position: absolute;
left: 100%;
top: 50%;
margin-top: -13px;
border-left: 0;
border-bottom: 13px solid transparent;
border-top: 13px solid transparent;
border-left: 10px solid #333;
}
.bg-purple {
background-color: #ddd0 !important;
color: black !important;
}
.bg-maroon {
background-color: #ddd0 !important;
color: black !important;
}
.btn[class*=bg-]:hover {
-webkit-box-shadow: inset 0 0 100px rgb(19 18 18);
/* box-shadow: inset 0 0 100px rgba(0,0,0,.2); */
color: #f3f0f0 !important;
}
.btn[class*=bg-red]:hover {
-webkit-box-shadow: inset 0 0 100px rgb(236 92 92);
/* box-shadow: inset 0 0 100px rgba(0,0,0,.2); */
color: #f3f0f0 !important;
}
.btn[class*=bg-green]:hover {
-webkit-box-shadow: inset 0 0 100px rgb(8 119 53);
/* box-shadow: inset 0 0 100px rgba(0,0,0,.2); */
color: #f3f0f0 !important;
}
.btn[class*=bg-yellow]:hover {
-webkit-box-shadow: inset 0 0 100px #f39c12d4;
/* box-shadow: inset 0 0 100px rgba(0,0,0,.2); */
color: #f3f0f0 !important;
}
.btn-primary:hover {
-webkit-box-shadow: inset 0 0 100px rgb(19 18 18);
/* box-shadow: inset 0 0 100px rgba(0,0,0,.2); */
color: #f3f0f0 !important;
}
.info-box-new-style .info-box-icon {
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
margin-bottom: 0;
padding-bottom: 0;
height: 124px;
width: 124px;
line-height: 64px;
font-size: unset;
box-shadow: 0 0 3rem 0 rgba(136,152,170,.15)!important;
}
.info-box-new-style .info-box-content {
padding: 6px 0 6px 12px;
margin-left: 64px;
/* line-height: 50.5px; */
margin-top: 30px;
text-align: center;
}
.pos_sale_header {
background-color: #272323 !important;
border-radius: 0px;
color: #fff;
border-radius: 0px !important;
margin-bottom: 0px !important;
padding: 0px !important;
}
.quick-pos-subhead {
background-color: #fff;
padding: 23px 10px 10px 10px;
margin-bottom: 10px;
}
.pos-topbar-btn {
font-size: 14px;
}
.pos-form-actions {
height: auto;
padding-top: 0px;
padding-bottom: 0px;
position: fixed;
bottom: 0px;
background-color: #272323;
width: 100%;
z-index: 1000;
}
.quick-pos tr td {
text-align: right;
}
.skin-blue .main-header .logo, .skin-blue-light .main-header .logo {
background: #1572e800;
color: #fff;
box-shadow: 7px 0px 12px white;
}
.skin-blue .main-header .logo:hover, .skin-blue-light .main-header .logo:hover {
background: #1572e800;
}
.skin-blue .main-header .navbar, .skin-blue-light .main-header .navbar {
background: #dceafc00;
color: #333;
box-shadow: 7px 0px 12px #6d6363;
}
.skin-blue .content-wrapper .content-header-custom, .skin-blue-light .content-wrapper .content-header-custom {
background: #dceafc00;
color: #fff!important;
padding: 15px 15px 200px;
}
.skin-blue-light .main-header .navbar .sidebar-toggle {
background-color: #000000;
}
.skin-blue-light .main-header .navbar .sidebar-toggle:hover {
background-color: #0084dc;
}
.skin-blue-light .main-header .navbar .nav>li>a {
color: #191616;
}
.skin-blue-light .main-header .navbar .nav .open>a, .skin-blue-light .main-header .navbar .nav .open>a:focus, .skin-blue-light .main-header .navbar .nav .open>a:hover, .skin-blue-light .main-header .navbar .nav>.active>a, .skin-blue-light .main-header .navbar .nav>li>a:active, .skin-blue-light .main-header .navbar .nav>li>a:focus, .skin-blue-light .main-header .navbar .nav>li>a:hover {
background: #fff;
color: #333;
}
.box-header .box-title, .box-header>.fa, .box-header>.glyphicon, .box-header>.ion {
display: inline-block;
font-size: 14px;
margin: 0;
line-height: 1;
text-transform: uppercase;
font-weight: 700;
}
.box-header {
color: #444;
display: block;
padding: 10px;
position: relative;
background-color: #f1f1f1;
}
.box.box-primary {
border-top-color: #f9fafc;
}
.btn {
border-radius: 3px;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #6158589e !important;
background-color: #ddd0;
color:#333;
}
.btn-primary {
border-radius: 3px;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #6158589e !important;
background-color: #ddd0;
color:#333;
}
.btn-primary:hover {
background: #dadada;
border-color: #115bb9;
color: #333;
}
.btn-info.active, .btn-info:active, .open>.dropdown-toggle.btn-info {
color: #fff;
background-color: #000000;
border-color: #269abc;
}
.btn-info:hover {
background: #d6d5d5;
border-color: #0da5c0;
color: #333;
}
.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open>.dropdown-toggle.btn-info.focus, .open>.dropdown-toggle.btn-info:focus, .open>.dropdown-toggle.btn-info:hover {
color: #fff;
background-color: #000000;
}
.content-header>h1 {
margin: 0;
font-size: 15px;
border: 1px solid #ddd;
padding: 13px 10px;
background-color: #0082e6;
color: #fff;
text-transform: uppercase;
font-weight: 700;
/* text-align: center; */
border-radius: 6px;
}
select.input-sm {
height: 37px !important;
line-height: 30px;
}
/* .thetop{
padding: 1%;
}
*/
.pos_sale_header {
padding: 0.6%;
background-color: white;
border-radius: 5px;
margin-bottom: 1.3%;
}
div.pos-tab-menu div.list-group>a.active, div.pos-tab-menu div.list-group>a.active .glyphicon, div.pos-tab-menu div.list-group>a.active .fa {
background-color: #0082e6;
color: #ffffff;
border-color: #3c8dbc;
}
div.pos-tab-menu div.list-group>a.active:after {
content: '';
position: absolute;
left: 100%;
top: 50%;
margin-top: -13px;
border-left: 0;
border-bottom: 13px solid transparent;
border-top: 13px solid transparent;
border-left: 10px solid #333;
}
.bg-green{
background-color: #000000 !important;
}
tr.bg-white {
background: #000000;
color: white;
}
.thumbnail {
display: block;
padding: 4px;
margin-bottom: 20px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
margin-left: 5px;
margin-top: 5px;
-webkit-transition: border .2s ease-in-out;
-o-transition: border .2s ease-in-out;
transition: border .2s ease-in-out;
}
.btn[class*=bg-]:hover {
color: #ffff !important;
}
/* table#purchase_entry_table {
background: rgba(0,51,92,1);
} */
table#purchase_entry_table {
background: grey;
}
#purchase_entry_table > tbody > tr > th, #purchase_entry_table > tfoot > tr > th, #purchase_entry_table > thead > tr > th{
color: white;
}
.scroll {
position: absolute;
right: 20px;
bottom: 20px;
background: #b2b2b2;
background: rgba(178,178,178,0.7);
padding: 2px;
text-align: center;
margin: 0px -13px 58px 0px;
cursor: pointer;
transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
border-radius: 6px;
display:none;
}
.main-header {
background: linear-gradient(180deg, rgba(0,51,92,1) 0%, rgba(0,84,150,1) 100%);
}
.skin-blue-light .main-header .navbar .sidebar-toggle {
background: linear-gradient(180deg, rgba(0,51,92,1) 0%, rgba(0,84,150,1) 100%) !important;
}
.navbar-custom-menu > .btn-flat {
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border-width: 1px;
border: 1px solid white !important;
color: white;
}
.skin-blue-light .main-header .navbar .nav>li>a {
color: white;
}
.skin-black-light .main-sidebar, .skin-blue-light .main-sidebar, .skin-green-light .main-sidebar, .skin-purple-light .main-sidebar, .skin-red-light .main-sidebar, .skin-yellow-light .main-sidebar {
background: -moz-linear-gradient(180deg, rgba(0,84,150,1) 63%, rgba(0,51,92,1) 100%) !important;
background: -webkit-linear-gradient(180deg, rgba(0,84,150,1) 63%, rgba(0,51,92,1) 100%) !important;
background: linear-gradient(180deg, rgba(0,84,150,1) 63%, rgba(0,51,92,1) 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#005496",endColorstr="#00335c",GradientType=1) !important;
}
.skin-blue-light .sidebar-menu>li>a {
color: white;
transition: 0.5s;
}
.skin-black-light .sidebar-menu > li.active > a, .skin-black-light .sidebar-menu > li.menu-open > a, .skin-black-light .sidebar-menu > li:hover > a, .skin-blue-light .sidebar-menu > li.active > a, .skin-blue-light .sidebar-menu > li.menu-open > a, .skin-blue-light .sidebar-menu > li:hover > a, .skin-green-light .sidebar-menu > li.active > a, .skin-green-light .sidebar-menu > li.menu-open > a, .skin-green-light .sidebar-menu > li:hover > a, .skin-purple-light .sidebar-menu > li.active > a, .skin-purple-light .sidebar-menu > li.menu-open > a, .skin-purple-light .sidebar-menu > li:hover > a, .skin-red-light .sidebar-menu > li.active > a, .skin-red-light .sidebar-menu > li.menu-open > a, .skin-red-light .sidebar-menu > li:hover > a, .skin-yellow-light .sidebar-menu > li.active > a, .skin-yellow-light .sidebar-menu > li.menu-open > a, .skin-yellow-light .sidebar-menu > li:hover > a {
background: #0082e6 !important;
color: white;
}
.skin-black-light .sidebar-menu > li > .treeview-menu, .skin-blue-light .sidebar-menu > li > .treeview-menu, .skin-green-light .sidebar-menu > li > .treeview-menu, .skin-purple-light .sidebar-menu > li > .treeview-menu, .skin-red-light .sidebar-menu > li > .treeview-menu, .skin-yellow-light .sidebar-menu > li > .treeview-menu {
background: #b3deff !important;
}
.skin-blue-light .sidebar-menu .treeview-menu > li.active > a {
font-weight: 600;
color: #000e1a;
}
.skin-blue-light .sidebar-menu .treeview-menu > li.active > a, .skin-blue-light .sidebar-menu .treeview-menu > li > a:hover {
color: #000;
}
.skin-blue-light .sidebar-menu .treeview-menu > li > a {
color: #005fb3;
}
.skin-blue-light .sidebar-menu > li.active {
border-left-color: white;
}
.content-header > h1 > small {
font-size: 15px;
display: inline-block;
padding-left: 4px;
font-weight: 300;
color: white;
}
.skin-blue .content-wrapper .content-header-custom, .skin-blue-light .content-wrapper .content-header-custom {
background: #e6f4ff;
}
.content-wrapper {
background-color: #e6f4ff;
}
.sidebar-menu li.active > a {
font-weight: 700 !important;
}
.font-settings.btn-group.pull-right {
bottom: 2px;
position: fixed;
left: 36px;
z-index: 1001;
background: white;
border-radius: 7px;
}
.table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td, .table-bordered > thead > tr > td{
color: black;
}
.table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > th{
color: #004480;
}
.sidepanel {
width: 0px;
position: fixed;
z-index: 100;
height: 1000px;
top: 0;
left: 0;
background-color: #005fb3;
overflow: auto;
transition: 0.5s;
padding-top: 60px;
}
.onlySidebar{
height: 1300px;
overflow: auto;
}
.sidepanel a {
padding: 8px 8px 8px 32px;
text-decoration: none;
font-size: 25px;
color: white;
display: block;
transition: 0.3s;
}
.sidepanel p {
padding: 8px 8px 8px 32px;
text-decoration: none;
font-size: 25px;
color: white;
display: block;
transition: 0.3s;
}
.sidepanel a:hover {
color: #f1f1f1;
}
.sidepanel .closebtn {
position: absolute;
top: 0;
right: 25px;
font-size: 36px;
}
.openbtn {
font-size: 20px;
cursor: pointer;
background-color: #111;
color: white;
padding: 10px 15px;
border: none;
}
.openbtn:hover {
background-color:#444;
}
#pos_table > tbody > tr > th, #pos_table > tfoot > tr > th, #pos_table > thead > tr > th{
color: black;
}
#settings-btn {
position: fixed;
top: 0;
left: 0;
z-index: 10;
}
#full_screen_div{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 1300px;
background: rgb(217, 217, 217, 0.5);
z-index: 99;
display: none;
}
.file-drop-zone, .krajee-default .file-preview-audio audio, .krajee-default .file-preview-image, .krajee-default .file-preview-other{
width: 200px !important;
}
.select2-selection:focus{
border: 1px solid black;
}