/* import/load needed fonts */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Nunito Sans Light'), local('NunitoSans-Light'), url('/custom/fonts/NunitoSans/vietnamese.woff2') format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Nunito Sans Light'), local('NunitoSans-Light'), url('/custom/fonts/NunitoSans/latinExt.woff2') format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Nunito Sans Light'), local('NunitoSans-Light'), url('/custom/fonts/NunitoSans/latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* vietnamese */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Nunito Sans Regular'), local('NunitoSans-Regular'), url('/custom/fonts/NunitoSans/vietnamese2.woff2') format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Nunito Sans Regular'), local('NunitoSans-Regular'), url('/custom/fonts/NunitoSans/latinExt2.woff2') format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Nunito Sans Regular'), local('NunitoSans-Regular'), url('/custom/fonts/NunitoSans/latin2.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* vietnamese */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Nunito Sans Bold'), local('NunitoSans-Bold'), url('/custom/fonts/NunitoSans/vietnamese3.woff2') format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Nunito Sans Bold'), local('NunitoSans-Bold'), url('/custom/fonts/NunitoSans/latinExt3.woff2') format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Nunito Sans Bold'), local('NunitoSans-Bold'), url('/custom/fonts/NunitoSans/latin3.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* vietnamese */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 900;
  src: local('Nunito Sans Black'), local('NunitoSans-Black'), url('/custom/fonts/NunitoSans/vietnamese4.woff2') format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 900;
  src: local('Nunito Sans Black'), local('NunitoSans-Black'), url('/custom/fonts/NunitoSans/latinExt4.woff2') format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 900;
  src: local('Nunito Sans Black'), local('NunitoSans-Black'), url('/custom/fonts/NunitoSans/latin4.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* Roboto */
@font-face {
  font-family: 'Roboto', san serif;
  src: url('/custom/fonts/Roboto/Roboto-Regular.ttf');
}
@keyframes blink {
  0% { opacity: 1; }
  15% { opacity: 0.5; }
  25% { opacity: 1; }
  43% { opacity: 0.5; }
  66% { opacity: 1; }
  100% { opacity: 1; }
}

.blink {
  animation: blink 1s linear infinite;
}

.opaque {
  opacity: 0.75;
}


/* -------------- General Elements CSS START ------------- */
html,body{height: 100%;min-width: 1024px;}
body,a,p,span,div,b,i,td,input,label{
  font-family: 'Roboto', sans-serif;
  font-weight: 300
}
h1,h2,h3,h4,h5,h6,strong,button{
  font-family: 'Roboto', sans-serif;
}
th{
  font-family: 'Roboto', sans-serif;
  font-weight: 600;
}
body{
    padding: 50px;
    background-color: #dae4ea;
    overflow-x: hidden;
}
body.report-sales.page-full-access.dark{
  padding: 40px !important
}
a{
    color: #00B7FF;
    outline: medium none !important;
}
label.error{
    color:#F00 !important;
    font-weight: normal;
    margin:5px 0px;
    font-size:12px;
}
img {
    max-height: 100%;
    max-width: 100%;
}
h1, .h1 {
    font-size: 50px;
}
/* --------------- Genera Elements CSS END -------------- */

/* --------------- General Class START --------------------- */

.clear{clear:both;}
.list-style-none{list-style: none}
.display-inline li{display: inline-block;}
.margin-top-10{margin-top:10px;}
.margin-top-50{margin-top:50px;}
.margin-bottom-10{margin-bottom:10px;}
.margin-top-20{margin-top:20px;}
.margin-bottom-20{margin-bottom:20px;}

.padding-0{padding:0px;}
.padding-10{padding:10px;}
.padding-top-10{padding-top:10px;}
.padding-bottom-10{padding-bottom:10px;}
.padding-left-10{padding-left:10px;}

.padding-left-5{padding-left:5px;}
.padding-top-5{padding-top:5px;}
.padding-top-20{padding-top:20px;}
.padding-bottom-5{padding-bottom:5px;}

.padding-left-20{padding-left:20px;}
.padding-right-20{padding-right:20px;}
.position-relative{position: relative;}
.position-absolute{position: absolute;}
.form-text{font-size:12px;}
.top-0{top:0px;}
.right-0{right:0px;}
.right-10{right:10px;}
.align-center{text-align: center}
.font-bold{font-weight: bold}
.text-uppercase{text-transform: uppercase;};
.align-top{vertical-align: top}

.border-top{border-top:1px solid #E8E9EB;}
.border-top-none{border-top:none !important;}
.border-bottom{border-bottom:1px solid #E8E9EB;}
.border{border:1px solid #E8E9EB;}

.text-align-center{text-align: center;}
.text-align-right{text-align: right}

.margin-top-5{margin-top: 5px}
.margin-bottom-5{margin-bottom: 5px}
.margin-top-15{margin-top: 15px}
.margin-none{margin:0px;}

.display-none{display:none;}
.btn.save, .btn.cancel {/*width: 100px;*/}
.btn-white {background-color: #fff;border-color: #fff;color: #000;}
.btn.btn-white:hover {color: #000;}
.form-control-inline {display: inline-block;width: auto;}
.img-settings-config {max-height: 150px;max-width: 150px;}
.img-settings-config {height: 100%;max-height: 100px;max-width: 100px;text-align: center;width: 100%;display: inline-block;}
.file-settings-container {display: inline-block;float: none;text-align: center;vertical-align: bottom;}
.sub-header {border-bottom: 1px solid #eee;padding-bottom: 10px;}
#file-upload {display: none;}
.btn-borderless{border:none !important; }
.box-shadow-none{box-shadow: none !important;}
.location-select{padding:0px;font-size:24px;}
.color-black{color:#000;}
.color-gray{color:#D1DCE2;}
.color-white{color:#fff;}
.height-400{height:400px;}


.left-area{float:left;margin-bottom:10px;}
.right-area{float:right;}
.order .right-area {float: left;}
.right-area > span{display: inline;float: left;margin-right: 15px;}
.left-area > span label,.right-are > span label{display: block;}
.dropdown-item{border: 0 none;clear: both;color: #373a3c;display: block;font-weight: 400;padding: 3px 20px;text-align: inherit;white-space: nowrap;width: 100%;}
.bg-blue{background: #0078DD}
.bg-white{background:#fff;}
.open .btn-secondary{background-color: #e6e6e6;background-image: none;border-color: #adadad;color: #373a3c;}
.user-images .profile label.btn{white-space:normal}
.side-form .button-set.side-button button{white-space:normal}
.text-yellow{color:#ffff00;}
.text-orange{color:#ffa500;}
.archive-container > button{}
.archive-container{float:right;width:auto}
.placeholders {margin-bottom: 30px;text-align: center;}
.placeholders h4 {margin-bottom: 0;}
.placeholder {margin-bottom: 20px;}
.placeholder img {border-radius: 50%;display: inline-block;}
.border-bottom.form-group {margin: 0;padding: 10px 0;}
/* --------------- General Class END ------------------------- */


/* ----------------- Nav Bar Top START ---------------- */
.navbar-toggle.pull-left{margin-right:0px;margin-left:15px;}
.navbar-fixed-top { border: 0 none;}
.navbar-header .navbar-brand {padding: 0 20px;}
.navbar-default {background-color: #131619;}
.navbar-default .navbar-nav li > a {color: #fff;}
.navbar-default .navbar-nav li > a.btn-show-notif {padding-left: 25px;padding-right: 25px;}
/* ----------------- Nav Bar Top END ------------------ */


/*------------------ Side Bar CSS START --------------- */
.sidebar h4 {color: #fff;font-weight: 500;text-align: center;}
.sidebar .nav-header.nav-sidebar a{padding-left: 20px;padding-right: 20px;}
.nav-sidebar > .active > a, .nav-sidebar > .active > a:hover, .nav-sidebar > .active > a:focus {background-color: #00578e;color: #fff;}
ul.nav-sidebar ul li > a {padding-left: 60px;}
ul.nav-sidebar > li > a {padding-left: 50px;}
.nav-sidebar li > a {padding: 10px 20px;display:block;color: #ebebeb;text-decoration: none;}
.sidebar .nav-sidebar.nav > .logo {margin-top: 20px;}
.sidebar .nav-sidebar .logo > span {display: block;text-align: center;padding: 0 20px;}
.sidebar .nav-sidebar .logo > span > img {max-height: 100px;max-width: 80%;}
li .menu-icon {left: 17px;position: absolute;top: 8px;z-index: 1;}
.nav-sidebar li.parent > ul {padding-left: 0;}
.nav-sidebar .glyphicon {margin-right: 15px;}
.sidebar .nav-sidebar i.side-glyph {cursor: pointer;float: right;margin-right: 0;position: relative;z-index: 11;top: 3px;}
.nav-sidebar .parent .level1 {background-color: #006db2;}
.nav-sidebar .parent.active > a {background-color: transparent;}
.level1 {display:none;}
.nav-sidebar li .sub-menu {list-style: outside none none;}
.nav-sidebar li.parent > ul > li {position: relative;}
.nav.nav-sidebar li a:hover,.nav-sidebar .active.parent .level1 .active {background-color: #00578e;}
.sidebar .nav-header.nav-sidebar h4 {font-weight:600;}
.container-fluid .sidebar > .navbar-collapse { padding: 0;}
#sidebar.navbar-collapse{padding-left:0px;padding-right:0px;}
.nav-sidebar {margin-bottom: 20px;}
.nav.nav-sidebar a:focus {background-color:transparent;}
.nav-sidebar .parent .level1 {background-color: #006db2;}
.nav-sidebar .parent.active > .level1 {display: block !important;height: auto !important;}
li.sub-menu .menu-icon {left:36px;}
/* ----------------- Side Bar CSS END --------------- */


/* ------------------ Main Content Container START----------- */

.container-fluid .slideEnabled.main,.modal .modal-wide{width: 86.333%;}
.main{padding: 20px;}
.main.formEnabled{width: 64.333%;}
.main.full {width: 86.333%;}
.main-header{width: 100%;}
.main-header > .pull-right .navbar-right{margin-right:0px;}
.main {padding-left: 40px;padding-right: 40px;margin-left: 13.667%;/* margin-left: 180px; *//* width: 64.333%; */}

.btn.dropdown-toggle.disabled { background-color: #e6e6e6; }

/* ------------------ Main Content Container End ------------- */

/* ---------------- Page Header, BreadCrumbs, Add Button  START  ----------- */
.page-header {border-bottom: none;position: relative;display: block;color:#1b1b1b;}
.main .page-header {margin-top: 0;}
.page-header::after,.breadcrumb:after, .dataTables_wrapper .bottom::after,.modal .modal-select-group:after,.modal .modal-select-group > ul:after {clear: both;content: " ";display: block;height: 0;visibility: hidden;}
.page-header ul {margin: 0;padding: 0;}
.page-header ul li {float: left;list-style-type: none;margin-right: 10px;}
.main h1.page-header .btn {display: inline-block;font-size: 12px;margin: 25px 0 auto 5px;padding: 5px;}
.page-header ul li > button{margin-top:10px;}
.page-header ul li > button:first-child{margin-left:30px;}
.breadcrumb {background-color: transparent;font-size: 14px;margin: 0;padding-left: 3px;padding-bottom: 0;padding-top: 0;
    /* position: absolute; */
    /* left: 35px; */
    /* top: -15px; */
}
.page-header ol li {margin: 0;}
.breadcrumb .back-page > a > i {font-size: 11px;}
.breadcrumb li > a:hover {text-decoration: none}
.breadcrumb .back-page > a {color: #2626d9;padding-bottom: 2px;}
.page-header > .glyphicon {width: 55px;}

/* ---------------- Page Header, BreadCrumbs, Add Button  End ---------------*/

/* ----------------- Side Form / Notifications START ---------------- */
.slideEnabled.side-form{
    display:none;
    min-width: 650px;
}
.side-form{z-index:100;}
.side-form label {
    color: #748187;
    font-size: 12px;
    display:block;
}
.side-form form {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
.side-form {
    height: 100%;
    position: fixed;
    right: 0;
    padding: 0;
    width: 22%;
}
.side-form  .well {
    margin:0;
    background-color:transparent;
    border:0;
    padding:0;
    box-shadow:0 0 0;
}
.side-form  {
    background-color: #edf3f7;
    height: 100%;
    border:1px solid #e0e5e8;
    box-shadow:0 1px 1px rgba(0, 0, 0, 0.05) inset;
}
.side-form form .form-header, .side-form form .form-content, .side-form form .form-footer {
    display: inline-block;
    padding: 0 50px;
    vertical-align: top;
    width: 100%;
}
.side-form form .form-footer {
    padding: 10px 50px;
}
.side-form form .form-content {
    overflow: auto;
    padding-top: 20px;
}
.side-form .button-set.side-button {text-align: center;}
.side-form .button-set.side-button button {padding: 10px;width: 100%;}
.side-form-object/*,.incident .incident-form-content .information-main*/{margin-bottom: 10px;}
.side-form table tr td {border: medium none;background-color: transparent;}
.sidebar {background-color: #0078dd;/* border-right: 1px solid #eee; */bottom: 0;display: block;left: 0;overflow-x: hidden;overflow-y: auto;padding: 20px 0;
    min-width:250px;position: fixed;/* top: 51px; */top: 30px;z-index: 1000;width: 13.667%;
  }
/* ------------------ Side Form / Notifications END ----------------- */

/* ------------------ Bootstrap CSS Custom START ------------------- */

.well {background-color: #ffffff;border: 1px solid #e0e5e8;}
#purchase .well,.edit-po .well,.view-po .well {border-width: 0px;margin-bottom: 0px;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { background-color: #cbdae3;border-color: #e0e5e8 #e0e5e8 transparent;color: #25292d;}
.nav-tabs li > a {color: #8d9aa0;}
.nav li > a:hover, .nav li > a:focus {background-color: #cbdae3;}
.btn-default {background-color: #ccdde7;border-color: #ccdde7;color: #000000;}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default.focus:active, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus {background-color: #ddeef8;border-color: #ddeef8;color: #000000;}
.btn{padding-left: 15px;padding-right: 15px;}
.btn-default:hover, .btn-default:focus, .btn-default:focus {color: #000;}

.modal-header {background-color: #2780e3;color: #eef3f7;}
.modal-header h4 {font-weight: bold;}
.modal-body {background-color: #eef3f7;}
.modal-footer {text-align: center;}
.modal-dialog {display: inline-block;left: 50%; top: 100px; width: 700px;-webkit-transform: translateX(-50%) !important;-moz-transform: translateX(-50%) !important;-ms-transform: translateX(-50%) !important;-o-transform: translateX(-50%) !important;transform: translateX(-50%) !important;}
.inventory .inventory-bottle-items .modal-dialog {
  display: inline-block;
  left: 50%;
  /*top: 3%;*/
  width: 1150px;
  -webkit-transform: translateX(-50%) !important;
  -moz-transform: translateX(-50%)!important;
  -ms-transform: translateX(-50%) !important;
  -o-transform: translateX(-50%) !important;
  transform: translateX(-50%) !important;
}
/*.inventory .inventory-bottle-items.modal{overflow-y: hidden;}*/
.modal .close {color: #ffffff;}

/* ------------------ Bootstrap CSS Custom END  -------------------- */

/* ------------------ Font Awesome Custom Start -------------------- */

.fa.fa-black{color:#000;}
.fa.fa-white{color:#fff;}
.fa.fa-red{color:#f00;}
.fa.fa-orange{color:#ffa500;}
.fa.fa-yellow{color:#ffff00;}
.fa.fa-green{color:#00ff00;}

/* ------------------ Font Awesome Custom End -------------------- */

/* ------------------ Select2 Jquery Plugin Custom  Sart ---------- */

.select2-container--bootstrap .select2-selection{border-radius: 0px;}
.select2-container--open .select2-dropdown{border-radius: 0px;}
.select2-container--bootstrap .select2-selection--single{height:43px;padding-top:12px;}

/* ------------------ Select2 Jquery Plugin Custom  End ---------- */

/* ------------------ jQuery UI Autocomplete Custom CSS Start --------------- */

ul.ui-autocomplete{z-index:9999}
ul.ui-autocomplete > li{padding:10px;}
.tokenfield .token .close{color:#000;text-decoration: none;}

/* ------------------ jQuery UI Autocomplete Custom CSS End ----------------- */

/* ------------------ Datables and Tables Custom CSS Start ------------------ */

.dataTables_filter  label .glyphicon {left: 10px;position: absolute;top: 50%;transform: translateY(-50%);z-index: 1;}
.dataTables_filter {display: inline-block;position: relative;width: 30%;margin-bottom: 20px;}
.dataTables_filter > label {width: 100%;margin:0;}
.dataTables_wrapper .dataTables_filter > label > input.form-control {height: 43px;padding-left: 30px;margin:0;width: 100%;position:relative;}
.dataTables_wrapper .dataTable .dataTables_empty {cursor: default;}
.dataTables_wrapper .dataTables_length {float:right;}
.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_select_filter {float: left;}
.dataTables_wrapper .dataTables_select_filter {
    margin-left: 30px;
    margin-bottom: 20px;
}

/* dataTables CSS modification of `SORT` icons START */
table.dataTable thead .sorting::after,
table.dataTable thead .sorting_asc::after {
  display:none;
}
table.dataTable thead .sorting_desc::after {
  display:none;
}
table.dataTable thead .sorting {
  background-image: url(../../plugins/datatables/images/sort_both.png);
  background-repeat: no-repeat;
  background-position: center right;
}

table.dataTable thead .sorting_asc {
  background-image: url(../../plugins/datatables/images/sort_asc.png);
  background-repeat: no-repeat;
  background-position: center right;
}

table.dataTable thead .sorting_desc {
  background-image: url(../../plugins/datatables/images/sort_desc.png);
  background-repeat: no-repeat;
  background-position: center right;
}
/* dataTables CSS modification of `SORT` icons END */

td.hover-underline:hover{text-decoration:underline;}
.img-hover-container{position:absolute;width:150px;padding:10px;border:1px solid #DDDDDD;background:#fff;text-align:center;z-index:999;}
.img-hover-container img{border:1px solid #DDDDDD;}
td.dataTables_empty{font-weight:bold;}
.table-container{width:100%;overflow:auto;}
thead{background-color: #f1f6f9;}
.table > tbody > tr > th, .table > tfoot > tr > th, .table > tbody > tr > td, .table > tfoot > tr > td {/* background-color: #ffffff; */vertical-align:middle;}

body.page-full-access  .main table.hardware-data > tbody > tr td:hover,
body.page-full-access  .main .dataTables_wrapper table.save-user-report-data > tbody > tr td:hover,
body.page-full-access  .main .dataTables_wrapper table.save-pour-cost-report-data > tbody > tr td:hover,
body.page-full-access  .main .dataTables_wrapper table.save-purchase-report-data > tbody > tr td:hover,
body.page-full-access  .main .dataTables_wrapper table.save-inventory-report-data > tbody > tr td:hover,
body.page-full-access  .main .dataTables_wrapper table.save-incident-report-data > tbody > tr td:hover,
body.page-full-access  .main .dataTables_wrapper table.save-sale-report-data > tbody > tr td:hover,
body.page-full-access  .main .dataTables_wrapper table.drinks-data > tbody > tr td:hover,
body.page-full-access  .main .dataTables_wrapper table.distributor-data > tbody > tr td:hover,
body.page-full-access  .main .dataTables_wrapper table.roles-data > tbody > tr td:hover,
body.page-full-access  .main .dataTables_wrapper table.user-data > tbody > tr td:hover,
body.page-full-access  .main .dataTables_wrapper table.location-data > tbody > tr td:hover,
body.page-full-access  .main .dataTables_wrapper table.incident-data.pointer-cursor > tbody > tr td:hover,
.main .dataTables_wrapper table.brand-data > tbody > tr td:hover  {text-decoration:underline;}
.main .dataTables_wrapper table.brand-data > tbody > tr td:last-child:hover,body .container-fluid .main .tab-pane .dataTables_wrapper .dataTable .dataTables_empty:hover  {text-decoration:none;}
body.page-full-access  .main table.hardware-data > tbody > tr,
body.page-full-access  .main .dataTables_wrapper table.save-user-report-data > tbody > tr,
body.page-full-access  .main .dataTables_wrapper table.save-pour-cost-report-data > tbody > tr,
body.page-full-access  .main .dataTables_wrapper table.save-purchase-report-data > tbody > tr,
body.page-full-access  .main .dataTables_wrapper table.save-inventory-report-data > tbody > tr,
body.page-full-access  .main .dataTables_wrapper table.save-incident-report-data > tbody > tr,
body.page-full-access  .main .dataTables_wrapper table.save-sale-report-data > tbody > tr,
body.page-full-access  .main .dataTables_wrapper table.drinks-data > tbody > tr,
body.page-full-access  .main .dataTables_wrapper table.distributor-data > tbody > tr,
body.page-full-access  .main .dataTables_wrapper table.roles-data > tbody > tr,
body.page-full-access  .main .dataTables_wrapper table.user-data > tbody > tr,
body.page-full-access  .main .dataTables_wrapper table.location-data > tbody > tr,
body.page-full-access  .main .dataTables_wrapper table.incident-data.pointer-cursor > tbody > tr,
.main .dataTables_wrapper table.brand-data > tbody > tr  {cursor:pointer;}
.location .location-data tr > td:first-child,.users .user-data tr > td:nth-child(5) {font-weight: bold;}
.btn-restore,#archive .btn-archive,#active .btn-archive, .btn-delete {display: none;}
#myModal .btn-restore,#myModal .btn-delete {display: inline;};
#archive .btn-restore,#archive .btn-delete {display: inline-block; margin: 0 5px 0 0; padding: 3px 7px;}
#inactive .btn-archive {display: inline-block;left: 10px;padding: 3px 7px;position: relative;}
#archive div.toggle.ios {display: none;}

/* ------------------ Datables and Tables Custom CSS End -------------------- */

/* -------------- Login Page CSS START ------------------- */

body.login{background-color: #13171a;}
.login .main{left: 50%;margin: 0;position: absolute;top: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.tbm-loader {background-color: #fff;left: 50%;position: absolute;top: 50%;transform: translate(-50%, -50%);border:2px solid #2780E3;}
.tbm-loader span {display: block;padding: 15px 30px;text-align: center;}
.tbm-loader span:last-child {padding-top: 0;}
.form-signin {background-color: #ffffff;margin: 0 auto;max-width: 420px;padding: 30px 50px;}
.form-signin > div > label{color: #2780e3;font-size: 14px;font-weight: normal;}
.form-signin .form-control {border: 0 none;box-shadow: none;padding: 10px 0;}
.form-signin .form-control {border-bottom: 1px solid #93999c;}
.form-signin .form-control:focus {border-bottom: 1px solid #2780e3;}
.form-signin .checkbox, .form-signin .checkbox + a {color: #93999c;display: inline-block;font-size: 14px;width: 49%;}
.form-signin .checkbox + a {text-align: right;}

/* -------------- Login Page CSS END --------------------- */

/* --------------- Dashboard Page CSS Start ------------ */

.widget-incident-data tbody td:not(.dataTables_empty){cursor: pointer;}
.dashboard-widget-container.empty{height:500px;}
.row-widget-layout{height:50px;padding-left:5px;padding-right:5px;}
.row-widget-layout > div{height: 100%}
.row-widget-container{cursor:pointer;}

.widget-container .widget{margin-bottom:20px;}
.widget-container .widget .widget-content{height:auto;}
.widget-container .widget .widget-content.empty{border:2px dashed #fff;background-color: rgba(0,0,0,0.1);display:table;width: 100%;text-align: center;}
.widget-container.widget-hightlight .widget .widget-content{border:2px dashed #000;}
.widget-container .widget .widget-content.empty .new-widget-content{display: table-cell;vertical-align: middle;}
.panel-widget,.panel-modal-widget{cursor:pointer;}
.widget-container .panel-user-widget{height:100%;}
.widget-container .panel-user-widget .panel-body{height:400px;padding:20px;}
.widget-container .panel-user-widget .panel-heading{padding:25px 20px;}
.panel-user-widget .panel-heading{background:#fff;border:none;}
.panel-user-widget .panel-heading h3{font-weight:bold;margin:0px;}
.panel-user-widget .panel-body.panel-loading{position:relative;padding:0px;}
.panel-user-widget .panel-body.panel-loading .loader{z-index:auto}
.panel-user-widget .panel-body.panel-widget-chart .widget-chart{width:100%;height:300px;}
.panel-user-widget .panel-body.panel-widget-chart .panel-disclaimer{margin-top:10px}
.amcharts-main-div .amcharts-chart-div > a{display:none !important;}
.modal-widget .thumbnail > img{max-height:100px;}
.sortable-handler{color:#000;text-decoration: none}
.sortable-handler:hover{text-decoration:none;color:#000;}
.draggable-helper{width:300px;};
ul.component-error-legend{list-style: none;padding:0px;margin:0px 0px 0px 10px;}
ul.component-error-legend li{display:inline-block;padding-right:10px;}
.loader,.widget-loader{background:url("../img/loader.gif") no-repeat center center #fff;position:absolute;height:100%;width:100%;z-index:999;}
{background:url("../img/loader.gif") no-repeat center center #fff;position:absolute;height:100%;width:100%;z-index:999;}
.widget-item > .grid-stack-item-content .widget-content{background:#fff;padding:20px;height:100%;}
.chart-controls{position: absolute;top: 80px;left: 36px;}
.table-controls{position:absolute;top:80px;}
.dashboard.dark .btn-close{background-color: #2e2e2e;}

/* --------------- Dashboard Page CSS End ------------ */


/* --------------- Location Page CSS Start ------------ */

.view-component-container > div{border:1px solid #ababab;}
.component-item-form .tokenfield .token-label{max-width:100% !important;}
#myModal .modal-dialog .modal-body textarea {max-width: 100%;min-width: 100%;}

/* --------------- Location Page CSS End------------ */

/* --------------- Roles/Permissions Page CSS Start ------------ */

body.manage-roles .select-choice .bootstrap-select .dropdown-menu .dropdown-menu.inner > li:hover {background-color: #2780e3;color: #ffffff;text-decoration: none;}
.manage-roles .select-choice .bootstrap-select .dropdown-menu .dropdown-menu.inner > li a:focus, .manage-roles .select-choice .bootstrap-select .dropdown-menu .dropdown-menu.inner > li a:hover {background-color: transparent;color: inherit;}
.manage-roles #myModal .bootstrap-select .dropdown-menu {padding: 0;}
.view-permissions-cont .view-permission .modal-pages-group li span > span  {padding:0 3px;}
.view-permissions-cont .view-permission .modal-pages-group .access-0 {background-color: #fa9e9e;}
.manage-roles .select-choice .bootstrap-select .dropdown-menu .dropdown-menu.inner > li {padding:2px 0;}
.manage-roles .select-choice .bootstrap-select .dropdown-menu .dropdown-menu.inner > li,.manage-roles #myModal .select-choice .bootstrap-select .dropdown-toggle[title^="No"] {background-color: #fa9e9e;}
.manage-roles .select-choice .bootstrap-select .dropdown-menu .dropdown-menu.inner > li +li,.manage-roles #myModal .select-choice .bootstrap-select .dropdown-toggle[title^="View"],.view-permissions-cont .view-permission .modal-pages-group .access-1{background-color: #FABD9E;}
.manage-roles .select-choice .bootstrap-select .dropdown-menu .dropdown-menu.inner > li:last-child,.manage-roles #myModal .select-choice .bootstrap-select .dropdown-toggle[title^="Full"],.view-permissions-cont .view-permission .modal-pages-group .access-2 {background-color: #DBFA9E;}
.side-form .side-button .btn-permissions {margin-bottom: 10px;}
.side-form .side-button .view-permissions-cont {display: none;}
.side-form .side-button .view-permission {border: 1px solid #ababab;margin-top: 5px;}
.role-form .side-button .btn-view-permissions,.incident-form-content .information-incident {display: none;}
.modal .modal-select-group >ul > li {width: 50%;float: left;list-style: outside none none;}
#myModal .modal-select-group .select-choice .bootstrap-select {width: auto;}
.modal .modal-select-group > ul {display: inline-block;margin: 5px 0;padding: 0;width:100%;}
.modal .modal-select-group > ul > li > * {float: left;margin-top: 10px;margin-bottom: 25px;}
.modal .modal-select-group > ul > li:nth-child(2n+1)> .select-choice {margin:0 15px 0 0;}
.modal .modal-select-group > ul > li > .select-choice {float: right;margin: 0;width: auto;}
.modal-body .modal-select-group  + .modal-select-group {border-top: 1px solid #cad1d7;}
.side-form-container .role-form .button-set.side-button .btn-primary {display: block;}


/* --------------- Roles/Permissions Page CSS Ends ------------ */

/* --------------- Users Page CSS Start ------------ */

#history .log-boxes p {word-wrap: break-word;}
.user-form .side-form-object .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {width: 100%;border: 1px solid #cccccc;}
.bootstrap-select > .dropdown-toggle {border: 1px solid #cccccc; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;}
.bootstrap-select .dropdown-toggle:focus {color: #000;outline: medium none !important;outline-offset: -2px;}
.personal_pass,.personal_info_group {display:none;}
.personal_pass {background-color: #dae5eb;margin-top: 15px;padding: 15px;}
.personal_pass > .side-button.button-set {margin-top: 10px;text-align: right;}
.side-form-object.user-images img {max-width: 100%;max-height: 100%; }
.side-form .profile .profile-cont, .side-form .fingerprint .profile-cont {height: 100px;margin: 0 auto;width: 100px;background-color: #ccdae3;/*padding: 10px;*/border: 4px solid #f9f9f9;border-radius: 50%;}
.user-images .profile #file-upload {display: none;}
.user-images .profile label,.user-images .fingerprint label {color: #fff;}
.user-data tbody tr > td:first-child .profile-photo {border-radius: 35px;display: block;margin: 0 auto; max-height: 45px;max-width: 45px;}
.user-data thead tr > th:first-child {text-indent: -99999px;/* width: 45px; */width: 0 !important;}
/* .user-data thead tr > th:last-child {
    width: 10% !important;
} */
.user-data thead tr > th {width: 20% !important;}
.side-form .nav.nav-tabs {font-size: 12px;margin-bottom: 20px;}
.log-boxes {list-style: outside none none;padding: 0;}
.log-boxes > li {background-color: #ffffff;border-left: 3px solid #2780e3;padding: 4px 25px;margin-bottom: 10px;}
.log-boxes > li.danger{border-left: 3px solid #f00;}
p.date {color: #748187;font-size: 12px;}

/* --------------- Users Page CSS End ------------ */

/* --------------- Incidents Page CSS Start ------------ */

.side-form-object h3{margin-top:10px;}
.side-form-object.side-form-label.first{margin-top:30px;}
.side-form-object.side-form-label.last{border-bottom:1px solid #E1E6EA;margin-bottom:20px;}
.side-form-object.side-form-label.side-form-description{ background:#fffed8;padding:5px;}
.side-form-object.side-form-label.side-form-description > label{color:#000; display:block;}
.side-form-label label{width:70px;display:inline-block;}
.side-form-label span.form-text{font-size:14px;}
.incident-form-content .side-form-object .form-value-incident_no,.incident-form-content .side-form-object .form-value-type{margin-top:0px}
/*.incident .side-form form .form-content{padding-top:0px;}*/
.incident .form-content .information-incident .side-form-object{margin-bottom:0px;}
.incident .form-content .side-form-object-incident-id{margin-bottom:0px}
.capture-time-container{position:relative;}
.capture-time{position:absolute;bottom:0px;background:rgba(0,0,0,0.8);width:100%;}
.capture-time > div{padding:10px;color:#fff;}
.view-clip-controls .progress-container,.view-clip-controls .controls-container{float:left;}
.view-clip-controls .controls-container{width:100%;}
.view-clip-controls .progress-container{width:100%;}
.view-clip-controls .progress-container > div{background:#fff;border:1px solid #DDD;padding:10px;}
.view-clip-controls .progress-container .progress{margin:0px ;}
.view-clip-controls .controls-container{margin-top:10px;}
.view-clip-controls .progress{cursor:pointer;}
.modal-loader-container{position:relative;height:30vh;}
.modal-loader-container .modal-loader{background:url("../img/loader.gif") no-repeat center center transparent;position:absolute;height:100%;width:100%;z-index:999;}
.modal-loader-container .modal-message{position:absolute;bottom:0px;width:100%;text-align:center;}
.form-value-note{resize:vertical;}
.incident-form-content .side-form-object .btn-download {margin-right: 5px;}
.incident-form-content .information-main label {color: #fff;cursor: pointer;font-size: 16px;font-weight: normal;margin-bottom: 0;padding: 5px 0;text-align: center;width: 100%;}
.incident-form-content .information-main label i.glyphicon {position: relative;top: 3px;}
.incident .incident-form-content .side-form-object button.btn-primary {font-size: 15px;padding: 10px 0;width: 100%;}
.incident .incident-form-content .side-form-object button.btn-success {font-size: 15px;padding: 10px 0;width: 100%;}

.incident-weight_increase td:nth-child(3) {background-color: #ADEBD6;font-weight:bold;}
.incident-weight_decrease td:nth-child(3) {background-color: #FFCCD5;font-weight:bold;}
.incident-unregistered_bottle td:nth-child(3) {background-color: #F09E75;font-weight:bold;}
.incident-rfid_error td:nth-child(3) {background-color: #75f09e;font-weight:bold;}
.incident-bottle_id_error td:nth-child(3) {background-color: #75f09e;font-weight:bold;}
.incident-low_inventory td:nth-child(3) {background-color: #F5F5A3;font-weight:bold;}
.incident-drink_underpour td:nth-child(3) {background-color: #A3BEF5;font-weight:bold;}
.incident-drink_overpour td:nth-child(3) {background-color: #F5A3A3;font-weight:bold;}
.incident-bottle_missing td:nth-child(3) {background-color: #E6E0EB;font-weight:bold;}
.incident-after_hour_pour td:nth-child(3) {background-color: #FFCCCC;font-weight:bold;}
.side-form-description .form-value-description .underline-drinks {text-decoration: underline;}

.side-form-btn-group.btn-group{border:2px solid #DEE9ED;}
.side-form-btn-group.btn-group > .btn{border:none;padding:8px 15px;box-shadow: none;min-width: 100px}
.side-form-btn-group.btn-group > .btn.active{background: #fff;color:#000;}
/* --------------- Incidents Page CSS End ------------ */

/* --------------- Drinks Page CSS Start ------------- */

.threshold-oz > span {display: inline-block;height: 100%;position: relative;}
.threshold-oz > span input.form-control {width: 100%;}
.threshold-oz > span::after {/* bottom: 0; */top: 11px;content: "oz.";margin: 0 0 0 15px;position: absolute;right: 10px;}
.threshold-oz.over-thresh > span::before {content: "+";margin-left: 10px;position: absolute;/* top: 50%; */margin-top: 10px;/* transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%); */}
.threshold-oz.under-thresh > span::before {content: "-";margin-left: 10px;position: absolute;margin-top: 10px;/* top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%); */}
.threshold-oz input {display: inline-block;margin-right: 5px;vertical-align: bottom;width: 69%;}
body.drinks .input-mixed-threshold.threshold-oz {padding-left: 0;}
.side-form-container .form-drinks .drinks-name-link .drinks-list.bootstrap-select {width: 100%;}


/* --------------- Drinks Page CSS End --------------- */

/* --------------- Drinks Import/Export Start ------------- */

.exportDrinksTable-container{height:500px;}
.importForm .btnSubmitCont{padding-left:0px;}
.successImportCount{background-color: #b2ffb2;color: #3c763d;}
.successImportCount a,.successImportCount a:hover,.successImportCount a:focus{color: #3c763d;font-size:14px}
.errorImportCount{background-color: #ff9999;color: #a94442;}
.errorImportCount a,.errorImportCount a:hover,.errorImportCount a:focus{color: #a94442;font-size:14px}
.importErrMsg ul > li.list-group-item-warning{background-color: #faf2cc;color: #8a6d3b;}
.exportDrinksTableCont{overflow:auto}
.exportDrinksTableAction{margin-top:10p;}

/* --------------- Drinks Import/Export End ----------------*/

/* --------------- Report Page CSS Start ------------ */

.col-md-6.report-panel{padding:20px;text-decoration: none;color:#000;}
.col-md-6.report-panel:hover{background: #EEF3F7}
.report-panel .media-heading{font-weight: bold;}
.report-panel .media-body p{color:#9CA5AA;}
.report-panel .media-left{padding:10px 30px 10px 20px;}
.report-panel .media-left i.fa{color:#0179D9;}

.report-form .form-control,.save-report-form .form-control{display:inline-block;padding:0px 18px;}
.report-form .input-group .input-group-addon,.save-report-form .input-group .input-group-addon{padding:8px 18px;}
.report-form .bootstrap-select,.save-report-form .bootstrap-select{border:1px solid #DAE4EA}
.report-form .bootstrap-select .dropdown-toggle,.save-report-form .bootstrap-select .dropdown-toggle{padding:5px 10px;}
.report-form button.btn,.save-report-form button.btn{padding:6px 20px;vertical-align:top;}
.report-form .report-title-input,.save-report-form .report-title-input{max-width:300px;}
.report-form .report-action-icon ul{list-style:none;}
.report-form .report-action-icon ul > li,.save-report-form .report-action-icon ul > li{display: inline-block;padding:0 5px;}
.report-form .report-action-icon ul > li > a > i.fa,.save-report-form .report-action-icon ul > li > a > i.fa{color:#A0A9AB;}
.btn-new-reports {
    padding: 10px 17px !important;
}

.report-panel .panel{border:none;box-shadow:none;border-bottom:1px solid #ddd;}
.report-panel .panel .panel-heading{background: #EDF3F7;border:none;}
.report-panel .panel .panel-heading .panel-title a{font-weight: bold;text-decoration: none}
.report-panel .panel .panel-heading .panel-title a span{positon:relative;}
.report-panel .panel .panel-heading .panel-title a span:before{content: "\f107";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit; margin-left:10px;}
.report-panel .panel .panel-heading .panel-title a.collapsed span:before{content:"\f105";}
.report-panel .panel .panel-body{background: #EDF3F7;border:none !important;}
/* .generate-report-container{overflow-x:auto;} */
.report-form .date-range-label,.report-form .show-by-label,.save-report-form .date-range-label,.save-report-form .show-by-label{width:80px;}
.email-form-container{width:60%;position:absolute;border:1px solid #ddd;padding:10px;z-index:10;background:#fff}

#chartdiv, #chartdiv1, #chartdiv2 { display: none; }
.toggle-chart { background: #CCDDE7; color: #000; }

/* --------------- Report Page CSS End ------------ */


/* --------------- Inventory Listing Page CSS Start ------------ */

.brand-item-table-header .label{color:#9A9EA2;font-size:14px;font-weight:bold;white-space:normal}
.brand-item-table-header .value{color:#000;font-size:21px;padding:5px;}
.brand-item-table-header .value input.form-control{width:100%;}

.brand-item-table-header .total-bottles-top .value .total-bottle-value {margin-right: 5px;}
.brand-item-table-header .total-bottles-top .total-label-top {border-left: 4px solid transparent;padding: 0;}
.total-bottles-top > div > div.total-value-top {width: auto;}
/*.brand-threshold-form .threshold-holder .sec-holder {background-color: #535eda;padding: 5px;}*/
.inventory .brand-item-table-container .table-container .dataTable tbody > tr > td:nth-child(n+2) {background-color: #ffe0d5;border-color: #fff;}
.inventory .brand-item-table-container .table-container .dataTable tbody > tr > td:nth-child(n+5) {background-color: #cff3d7;}
.inventory .brand-item-table-container .table-container .dataTable tbody > tr > td:last-child {background-color: transparent;}
form.brand-threshold-form .label .threshold-text {padding-bottom: 14px;padding-top: 14px;background-color: #535eda;color: #fff;text-transform: uppercase;}
.brand-threshold-form .threshold-holder {padding-bottom: 0;padding-right: 0;padding-top: 0;padding-left: 0;}
form.brand-threshold-form .value .form-control {padding: 10px;}
.brand-item-table-header form.brand-threshold-form .value {padding-bottom: 0;padding-top: 0;}
.brand-item-table-header .total-bottles-top .value:first-child {width: 100%;}
/* .total-bottles-top > div > div:not(:first-child),.total-bottles-top  > div > div+div {
    background-color: #51c2ca;
} */
.brand-item-table-header .threshold-holder.low.label {padding-right: 15px;}
.brand-item-table-header .total-bottles-top .value {background-color: #51c2ca;font-size: 15px;color:#fff;display:inline-block;}
.dataTable .popover .popover-content {cursor: pointer;float: none;width: 100%;}
.dataTable .create-pop {cursor:pointer;}
.dataTable .popover.bottom > div {float: none;width: auto;}
.sub-table-header{margin:10px 0px;}
.sub-table-header .label{color: #9a9ea2;font-size: 14px;font-weight: bold}
.sub-table-header .value{color: #000;font-size: 24px;padding: 10px 5px;}
body.inventory .threshold-holder .sec-holder .threshold-text {padding: 14px 0;}
body.inventory .threshold-holder {margin-top: 15px;}
body.inventory .inv-view-back {padding: 0;}

/* --------------- Inventory Listing Page CSS End ------------ */

/* --------------- Inventory Location Page CSS Start ------------- */

.inventory-location table.inventory-location-data > tbody > tr > td:nth-child(2), .inventory-location table.inventory-location-data > tbody > tr > td:nth-child(3) {background-color: #cff3d7;color: #000 !important;}

/* --------------- Inventory Location Page CSS End --------------- */

/* --------------- Order Page CSS Start ------------------- */
#purchase .second-action {display:none;}
#purchase .first-action .order-data tr td i.fa-remove {cursor:pointer;}
.order .table.main-tab-content i.fa {cursor:pointer;margin: 0 5px;}
.api-devices .table-cont .devices-data td i.fa-remove {cursor:pointer;}
.dataTable .purchase-qty {width:100px;text-align:right;}
/*#purchase tbody tr td:last-child {text-align: center;}*/
#purchase td .bootstrap-select > .dropdown-toggle, #purchase td .bootstrap-select {width: auto;}
.recurring-form-container{background: #F1F6F9; padding:20px;}
.saved-purchase-item .edit-purchase-item .heading .back-saved {margin-right: 5px;}
.saved-purchase-item .edit-purchase-item .heading .back-saved i {display: inline-block;vertical-align: middle;cursor: pointer}
#form_drinks .form-group > .non-custom-ingredient > div> div::after {clear: both;content: " ";display: block;height: 0;visibility: hidden;}
.btn-secondary {background-color: #fff;border-color: #ccc;color: #373a3c;}
.btn-secondary:focus{color: #373a3c;}
.btn-secondary:hover{color: #373a3c;}

/* --------------- Orders Page CSS End --------------------- */


/* --------------- Hardware Page CSS Start ----------------- */

.hardware-accordion .panel{margin:10px;border:none;box-shadow: none}
.hardware-accordion .panel.panel-default .panel-heading{background-color:transparent;}
.hardware-accordion .panel .panel-heading .panel-title > a{text-decoration: none}
.hardware-accordion .panel .panel-heading .panel-title > a > span.arrow{positon:relative;}
/*.hardware-accordion .panel .panel-heading .panel-title > a span.arrow:before{content: "\f107";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;margin-left:10px;}*/
/*.hardware-accordion .panel .panel-heading .panel-title a.collapsed span.arrow:before{content:"\f105";}*/
.hardware-accordion .panel .panel-heading .panel-title > a span.arrow:before{content: "\e113";font-family: 'Glyphicons Halflings';font-style: normal;font-weight: normal;text-decoration: inherit;margin-left:10px;}
.hardware-accordion .panel .panel-heading .panel-title a.collapsed span.arrow:before{content:"\e114";}

/* --------------- Hardware Page CSS End ----------------- */

/* --------------- Account Settings Page CSS Start ------------ */

.account-setting .update-account-form label[for="file-upload"] {margin-top: 15px;}
.basic-info-cont .editable-input-container {margin-bottom: 10px;}
body.account-setting .update-account-form > div:last-child {margin-top: 10px;}

/* --------------- Account Settings Page CSS End -------------- */

/* --------------- Device API Page CSS Start ------------------ */
.main .api-devices .text-area.api-key {height: auto;word-wrap: break-word; margin-bottom: 20px;}
/* --------------- Device API Page CSS End ------------------ */

/* -------------- Settings Page CSS Start ------------------ */
.img-settings-config {border: 1px dashed #aaa;display: block;height: 100px;margin: 0 auto 10px;position: relative;width: 100px;}
.img-settings-config .main-image {position: absolute;left: 50%;position: absolute;top: 50%;transform: translate(-50%, -50%);}
body.settings .form-actions {margin-top: 20px;}
/* -------------- Settings Page CSS End -------------------- */

/* -------------- TooltipSter Custom --------------- */
.tooltipster-datatable{border-radius:0;background:#transparent}
.tooltipster-datatable .tooltipster-content{background:#FFF;max-width:150px;text-align:center;}
.tooltipster-datatable .tooltipster-box{border:1px solid #DDD;border-radius:0;}
.tooltipster-datatable .tooltipster-arrow{display:none}

/* -------------- UPC start ---------------*/
.form-content.upc span.vol::after {top: 575px;content: "ml";margin: 0 0 0 15px;position: absolute;right: 63px;}
.form-content.upc input.volume{padding-right: 40px;}
/* -------------- UPC end---------------*/