body {padding-right: 0px !important}

.input-group-option {margin-bottom: 10px;}
.input-group-option small {display: block; font-weight: normal;}
.input-group-option label {cursor: pointer;}
.input-group-option.input-group-lg-box {height: 50px;}
.input-group-option.input-group-lg-box .form-control {height: 50px;overflow: hidden;}

.modal-open {overflow-y: auto;}
.modal-dialog .alert {padding:8px;margin-bottom: 10px;}
.modal-dialog .alert .icon {top:4px;}
.modal-dialog .modal-header h4 span {margin-left: 0px;font-weight: bolder;}
.modal-scrollable .modal-dialog {overflow-y: initial !important}
.modal-scrollable .modal-dialog .modal-body {max-height: 500px;overflow-y: auto;}
.modal-message .modal-dialog .modal-content .modal-body img {max-width: 100%;}

.modal-dialog-message {width: 630px;}
.modal-body-overflow-hidden p {overflow: hidden;}

.navbar .navbar-brand {font-size: 14px;font-weight: bold;text-transform: uppercase;}
.navbar-default {background-color: #2fa4e7;border-color: #1995dc;}
.navbar-default .navbar-brand {color: #fff;}
.navbar-default .navbar-brand, .navbar-default .navbar-brand:hover {color: #fff !important;}
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:hover {color: #fff !important;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {color: #fff;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {background-color: #178acc;color: #ffffff;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {color: #fff; background-color: #178acc;}
.navbar-default .badge {background-color: #fff;color: #333;}
.navbar-default .navbar-toggle .icon-bar {background-color: #ffffff;}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {color: #ffffff; background-color: #2fa4e7;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {background-color: #2fa4e7;}

.popover-danger .popover-title {background-color: #5cb85c !important; color: #fff !important;}

.ellipsis {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.body {margin-top:70px;}
.badge {background-color: #337ab7;}

.nav-tabs {margin-bottom: 15px;}
.nav-tabs .active {font-weight:bold;}

#pleaseWaitDialog {font-size: 20px;}

#btn-move-top {position: fixed;bottom: 30px;right: 15px;padding: 8px 12px;z-index: 999;opacity: 0.5;}
#btn-move-top:hover {opacity: 1.0;}

a.glyphicon:before {margin-right: 3px;}
h3 span, h4 span {display: block;font-size:small;margin-top:5px;margin-left: 5px;}

@media (min-width: 1200px){ .modal-xl {width: 1100px;}}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {width: 90%;text-overflow: ellipsis;}
.dropdown-header {padding: 3px 10px;}
.dropdown-header.small {font-size:10px;}
.dropdown-header strong {color:#333;}
.dropdown-menu > li > a {padding: 3px 10px;}
.bootstrap-select .dropdown-menu li a.opt {position:relative; padding-left: 10px !important;}

.placeholder {color:#aaa;}
.media-certificate {width:45px;}
.center {text-align: center;}
.break-word {word-wrap: break-word;}
div.error {color: red;font-weight: bold;margin-top:3px;}

.input-group-addon.bg-success {background-color: #dff0d8 !important;}
.input-group-addon.bg-danger {background-color: #f2dede !important;}

.printable-only {display:none;}

.input-white {background-color: #fff;}

.loading-footer-action {width:25px;opacity: 0.75;filter: alpha(opacity=75);}
.loading {display: inline-block;padding: 6px 12px;}

.margin-top-5 {margin-top:5px;}
.margin-top-10 {margin-top: 10px;}
.margin-top-20 {margin-top: 20px;}
.margin-right-10 {margin-right: 10px;}
.margin-bottom-5 {margin-bottom: 5px;}
.margin-bottom-10 {margin-bottom:10px;}
.padding-right-30 {padding-right:30px;}
.padding-right-10 {padding-right:10px;}
.padding-bottom-10 {padding-bottom:10px;}
.padding-0 {padding:0px;}
.padding-10 {padding:10px;}
.width-100-percent {width:100%;}
.cursor-pointer {cursor: pointer;}
.paragraph {text-align: justify;}

.table-order tbody .input-group-addon {width: 60px;}
.table-order tbody input[type="text"] {min-width: 50px;}
.table-wrap {border-collapse:collapse; table-layout:fixed;}
.table-wrap td {word-wrap:break-word;}
.table-nowrap {table-layout:fixed;}
.table-nowrap td {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.customer-details {background-color: #fff;}
.customer-details address {margin-bottom: 0px;font-style: italic;font-size: 80%;}

.alert {border-radius: 4px;border-left-width: 4px;}

/* typeahead */
.tt-hint {color: #999;}
.tt-menu {width: 425px;margin: 0px 0;padding: 8px 0;background-color: #fff;border: 1px solid #ccc;border: 1px solid rgba(0, 0, 0, 0.2);-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);-moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);box-shadow: 0 5px 10px rgba(0,0,0,.2);}
.tt-suggestion {padding: 3px 20px;font-size: 14px;line-height: 18px;background-color: #fff;}
.tt-suggestion:hover {cursor: pointer;color: #fff;background-color: #0097cf;}
.tt-suggestion.tt-cursor {color: #fff;background-color: #0097cf;}
.tt-suggestion.tt-selectable:hover {color: #fff;background-color: #0097cf;cursor: pointer;}
.tt-suggestion p {margin: 0;}
.tt-dataset .group-name {margin: 0 20px 5px 20px;padding: 3px 0;border-bottom: 1px solid #ccc;}
.twitter-typeahead {display:block !important;}

/* icons */
.glyphicon.icon {width: 14px; height: 14px;}
.glyphicon-flip-vertical {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform: scale(1, -1);-moz-transform: scale(1, -1);-ms-transform: scale(1, -1);-o-transform: scale(1, -1);transform: scale(1, -1);}

.button-options {display: inline-block;margin-left:5px;padding-left:10px;border-left:1px solid #e6e6e6;}
.button-options .button-option {padding-top:2px;line-height:1.5;display:inline-block;margin-right: 10px;}

/* table sorter */
table.table-sorter {clear: both;margin-top: 6px !important;margin-bottom: 6px !important;max-width: none !important;}
table.table-sorter td, table.table-sorter th {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
table.table-sorter thead>tr>th.sorting_asc, table.table-sorter thead>tr>th.sorting_desc, table.table-sorter thead>tr>th.sorting, table.table-sorter thead>tr>td.sorting_asc, table.table-sorter thead>tr>td.sorting_desc, table.table-sorter thead>tr>td.sorting {padding-right: 30px;}
table.table-sorter thead .sorting, table.table-sorter thead .sorting_asc, table.table-sorter thead .sorting_desc, table.table-sorter thead .sorting_asc_disabled, table.table-sorter thead .sorting_desc_disabled {cursor: pointer;position: relative;}
table.table-sorter thead .sorting:after, table.table-sorter thead .sorting_asc:after, table.table-sorter thead .sorting_desc:after, table.table-sorter thead .sorting_asc_disabled:after, table.table-sorter thead .sorting_desc_disabled:after {position: absolute;bottom: 8px;right: 8px;display: block;font-family: 'Glyphicons Halflings';opacity: 0.5;}
table.table-sorter thead .sorting:after {opacity: 0.2;content: "\e150";}
table.table-sorter thead .sorting_asc:after {content: "\e155";}
table.table-sorter thead .sorting_desc:after {content: "\e156";}

/* table order */
.table-order tbody input[type="text"] {width: 65px;}
.table-order tfoot td {background-color: #f5f5f5;}
.table-order .product-icons {display: flex;}
.table-order .product-icons .btn-certificate {margin-right: 4px;}

/* LoginView */
.login-view h2 {text-align: center;font-size: 20px;margin-bottom: 20px;font-weight: bold;text-transform: uppercase;}
.login-view form {max-width: 450px;margin-left: auto;margin-right: auto; -webkit-box-shadow: 0 4px 22px rgba(0,0,0,0.11); box-shadow: 0 4px 22px rgba(0,0,0,0.11); border-radius: 6px; border: 1px solid #e3e3e3; padding: 30px 35px; background-color: #fff;}
.login-view form .form-control {position: relative;height: auto;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 10px;font-size: 16px;}
.login-view form .form-control:focus {z-index: 2;}
.login-view form input[type="text"] {margin-bottom: -1px;border-bottom-right-radius: 0;border-bottom-left-radius: 0;}
.login-view form input[type="password"] {margin-bottom: 10px;border-top-left-radius: 0;border-top-right-radius: 0;}
.login-view .alert-maintenance {margin-left: 15px;margin-right: 15px;}
.form-page-view .label-danger {float:right;margin-top:5px;} 

/* mfaView */
.login-mfa-view #otp input {display:inline-block;width:40px;margin-right:10px;}

/* dashboardView */
.dashboard-view span.panel-footer {display: block;}
.dashboard-view .panel .huge {font-size: 40px;}
.dashboard-view .panel-green {border-color: #5cb85c;}
.dashboard-view .panel-green > .panel-heading {border-color: #5cb85c;color: white;background-color: #5cb85c;}
.dashboard-view .panel-green > a {color: #5cb85c;}
.dashboard-view .panel-green > a:hover {color: #3d8b3d;}
.dashboard-view .panel-yellow {border-color: #f0ad4e;}
.dashboard-view .panel-yellow > .panel-heading {border-color: #f0ad4e;color: white;background-color: #f0ad4e;}
.dashboard-view .panel-yellow > a {color: #f0ad4e;}
.dashboard-view .panel-yellow > a:hover {color: #df8a13;}
.dashboard-view .panel-red {border-color: #cc0000;}
.dashboard-view .panel-red > .panel-heading {border-color: #cc0000;color: white;background-color: #cc0000;}
.dashboard-view .panel-red > a {color: #cc0000;}
.dashboard-view .panel-red > a:hover {color: #ff0000;}
.dashboard-view .btn-export {margin-top:15px;}
.dashboard-view .btn-all-transaction {margin-top:15px;}
.dashboard-view div.dataTables_wrapper div.dataTables_filter {text-align: left !important;}
.dashboard-view table.dataTable.table-condensed .sorting:after, .dashboard-view table.dataTable.table-condensed .sorting_asc:after, .dashboard-view table.dataTable.table-condensed .sorting_desc:after {top: 7px;}
.dashboard-view table.dataTable.table-condensed>thead>tr>th {padding-right: 0px;}
.dashboard-view .publicities {overflow: hidden;}
.dashboard-view .publicities .publicity {float: left; margin: 0 10px 20px; padding:10px; min-height: 300px; max-height: 300px;min-width: 360px;max-width: 360px; border: 1px solid #e3e3e3; cursor: pointer;}
.dashboard-view .publicities .publicity p.image-content {text-align: center;}
.dashboard-view .publicities .publicity p.image-content img {max-height: 250px; max-width: 100%;}
.dashboard-view .publicities .publicity:hover {border: 1px solid #1684c2;}
.dashboard-view .publications {overflow: hidden;}
.dashboard-view .publications .publication {float: left; margin: 0 10px 20px; padding:10px;max-width: 360px;max-width: 360px; border: 1px solid #e3e3e3; cursor: pointer;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.dashboard-view .publications .publication img {max-height: 250px; max-width: 100%;margin:auto;}
.dashboard-view .publications .publication:hover {border: 1px solid #1684c2;}

/* checkoutView */
.order-view .customer-details {margin-top:0px;}
.order-view .panel {margin-bottom:10px;}
.order-view .warehouse {text-transform: uppercase;}
.order-view .customer {text-transform: uppercase;}
.order-view .summary .label {font-size: 18px;font-weight:normal; color: #000; padding: 0px 0px 0px 10px; background-color: #fff;}
.order-view .summary .badge {background-color: #fff;color: #333;border: 1px solid #ddd;box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;}
.order-view .summary #saving {background-color: #5cb85c;border-color: #4cae4c;color:#fff;font-weight: bold;}
.order-view .page-header + .pull-right + h1 {margin-bottom: 15px;font-size: 14px;}
.order-view  ul.sumary-list-group {list-style-type: none;white-space: nowrap;margin: 0;padding: 0;overflow: hidden;}
.order-view  ul.sumary-list-group li {min-width:100px;display: inline-block;text-align: center;margin-right:5px;border: 1px solid #ddd;border-radius: 4px;;padding: 5px 10px;line-height: 1.5;font-size: 12px;}
.order-view  ul.sumary-list-group li.saving {background-color: #5cb85c;border-color: #4cae4c;color:#fff;font-weight: bold;}
.order-view .pagination {margin:0px;}
.order-view .saving .badge {background-color: #fff;color: #777;}
.order-view textarea {height: 106px !important;}
.order-view .table-order tbody .input-group-addon {width: 75px;}
.order-view tr.sequence td {font-weight:bold;font-size:0.85em;}
.order-view .has-message {color:#fff;background-image:-webkit-linear-gradient(#54b4eb,#2fa4e7 60%, #1d9ce5);background-image:-o-linear-gradient(#54b4eb, #2fa4e7 60%, #1d9ce5); background-image: -webkit-gradient(linear, left top, left bottom, from(#54b4eb), color-stop(60%, #2fa4e7), to(#1d9ce5)); background-image: linear-gradient(#54b4eb, #2fa4e7 60%, #1d9ce5);background-repeat: no-repeat;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff54b4eb', endColorstr='#ff1d9ce5', GradientType=0);-webkit-filter: none;filter: none;border-bottom: 1px solid #178acc;}
.order-view .input-new-shopping-list {width:200px !important;}
.order-view ul.shopping-list li.message-help {padding: 2px 10px; white-space: normal;}
.order-view ul.shopping-list ul.shopping-lists {width:260px;max-height: 200px;overflow-y:auto;overflow-x: hidden;padding-left:0px;}
.order-view ul.shopping-list ul.shopping-lists li.shopping-list-item {list-style: none;color: #555555;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding:3px 0 3px 15px;}
.order-view ul.shopping-list ul.shopping-lists li.shopping-list-item:hover {background-color: #2fa4e7;cursor: pointer;}
.order-view ul.shopping-list ul.shopping-lists li.shopping-list-item div:hover {color:#fff;}
.order-view .table-row .input-group-flex {display: flex !important;}
.order-view .table-row .inventory-active {width:107px !important;}
.order-view .table-row small {color: gray;font-size: 75%;display: block;}
.order-view .table-row.prebook {background-color: #ecf6e8}
.order-view .last-shopping-cart {font-size: 12px;padding:2px;}
.order-view .last-shopping-cart span {font-weight: bold;}
.order-view .order-panel .panel-body {padding-bottom: 0px;}
.order-view .discount {font-weight: bold;color:#4268e3;}
.order-view .select-100 {width: 100%;}
.order-view .bootstrap-select {max-width: 200px;}
.order-view .change-format-button {border: 1px solid transparent; background:none;opacity: 0.5;filter: alpha(opacity=50);}
.order-view .change-format-button:hover {border-color: #ccc;opacity: 1.0;filter: alpha(opacity=100);}
.order-view.checkout-view .bootstrap-select {max-width: 1000px;}
.order-view.purchase-view .glyphicon-zoom-in {font-size: 14px;}
.order-view #keywords {position: relative;}
.order-view .twitter-typeahead #keywords {height:30px !important;line-height: 14px;border-right: 0px;}
.order-view .twitter-typeahead .tt-menu {top:30px !important;}
.order-view .twitter-typeahead .tt-menu .fa-border {margin-left:2px;}
.order-view .tt-menu {width: 600px;}
.order-view #popover-history {display: none;}
.order-view .search-input-group button {border-radius: 0px !important;}
.order-view .input-group-inventory {border-left:0px;padding: 4px;}
.order-view .fa-circle-s {color:red;}

/* order/v2/purchaseView  */
.purchase-v2-view .page-header {padding-bottom: 5px;margin: 10px 0 10px;font-size: 24px;}
.purchase-v2-view .page-header + h4 {margin-bottom: 15px;font-size: 14px;margin-bottom: 15px;font-size: 14px;}
.purchase-v2-view .summary .label {font-size: 18px;font-weight:normal; color: #000; padding: 0px 0px 0px 10px;}
.purchase-v2-view .summary #saving {background-color: #5cb85c;border-color: #4cae4c;color:#fff;font-weight: bold;}
.purchase-v2-view .page-header + .pull-right + h4 {margin-bottom: 15px;font-size: 14px;}
.purchase-v2-view .label-transparent {color: #555555;background-color: #fff;border: 1px solid #ddd;}
.purchase-v2-view .checkbox {margin-top: 0px;margin-bottom: 0px;}
.purchase-v2-view .checkbox label, .purchase-v2-view .radio label{padding-left:5px;}
.purchase-v2-view .input-group-checkbox .input-group-addon {background: #FFF;border: 0px;padding:0px;}
.purchase-v2-view .list-group-item {padding: 5px 10px;}
.purchase-v2-view .side-filter-title {font-size: 16px;}
.purchase-v2-view .has-message {color:#fff;background-image:-webkit-linear-gradient(#54b4eb,#2fa4e7 60%, #1d9ce5);background-image:-o-linear-gradient(#54b4eb, #2fa4e7 60%, #1d9ce5); background-image: -webkit-gradient(linear, left top, left bottom, from(#54b4eb), color-stop(60%, #2fa4e7), to(#1d9ce5)); background-image: linear-gradient(#54b4eb, #2fa4e7 60%, #1d9ce5);background-repeat: no-repeat;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff54b4eb', endColorstr='#ff1d9ce5', GradientType=0);-webkit-filter: none;filter: none;border-bottom: 1px solid #178acc;}
.purchase-v2-view .tt-input {border-top-left-radius: 0;border-bottom-left-radius: 0;}
.purchase-v2-view .tt-menu {top: 30px !important;left: -70px !important;}
.purchase-v2-view .badge {background-color: #fff;color: #333;border: 1px solid #ddd;box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;}
.purchase-v2-view .btn-cart,.order-view .btn-send {padding: 4px 10px;}
.purchase-v2-view .min-width-20 {min-width:20px;}
.purchase-v2-view span.tag-icon {padding: 2px 4px;border-width: 1px; border-style:solid; border-color: #ddd; border-radius:3px; background-color: #fff;}
.purchase-v2-view span.tag-icon.red {color: red;font-weight: bold;}
.purchase-v2-view .last-shopping-cart {font-size: 12px;padding:2px;}
.purchase-v2-view .last-shopping-cart span {font-weight: bold;}
.purchase-v2-view .input-new-shopping-list {width:200px !important;}
.purchase-v2-view .discount {font-weight: bold;color:#4268e3;}
.purchase-v2-view .input-group-inventory {border-left:0px;padding: 4px;}
.purchase-v2-view .input-group-inventory label {font-size: 10px;}
.purchase-v2-view ul.shopping-list li.message-help {padding: 2px 10px; white-space: normal;}
.purchase-v2-view ul.shopping-list ul.shopping-lists {width:260px;max-height: 200px;overflow-y:auto;overflow-x: hidden;padding-left:0px;}
.purchase-v2-view ul.shopping-list ul.shopping-lists li.shopping-list-item {list-style: none;color: #555555;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding:3px 0 3px 15px;}
.purchase-v2-view ul.shopping-list ul.shopping-lists li.shopping-list-item:hover {background-color: #2fa4e7;cursor: pointer;}
.purchase-v2-view ul.shopping-list ul.shopping-lists li.shopping-list-item div:hover {color:#fff;}
.purchase-v2-view .grid {display: block;padding: 8px;margin-top: 3px;margin-bottom: 20px;line-height: 1.42857143;background-color: #fff;border: 1px solid #ddd;border-radius: 4px;}
.purchase-v2-view .grid .header {text-align:center;font-weight:bold;}
.purchase-v2-view .grid .header span {font-size: 10px;font-weight: normal;display: block;}
.purchase-v2-view .grid img {margin-top: 5px; margin-bottom: 5px;}
.purchase-v2-view .grid .thumbnail-click {cursor: pointer;}
.purchase-v2-view .grid .thumbnail-click:hover {border-color: #337ab7;-moz-transform: scale(1.04);-webkit-transform: scale(1.04);transform: scale(1.04);}
.purchase-v2-view .grid .title {font-size:14px;font-weight: bold;height: 85px; margin-top: 5px; margin-bottom: 5px;overflow-wrap: break-word; font-stretch: condensed;}
.purchase-v2-view .grid .subtitle {text-align: center;font-size:12px;height: 30px;color: #555555;padding-top: 8px;}
.purchase-v2-view .grid .brand {font-size:12px;color: #555555;margin-top: 5px; margin-bottom: 5px;font-stretch: normal;}
.purchase-v2-view .grid .icons {height: 28px; padding-top: 2px; padding-bottom: 2px;}
.purchase-v2-view .grid .row.price_row {height:55px;}
.purchase-v2-view .grid .price {font-weight: bold;font-size: 16px; margin-top: 10px; margin-bottom: 10px;}
.purchase-v2-view .grid .inventory {font-weight: bold;font-size: 16px; margin-top: 10px; margin-bottom: 10px;}
.purchase-v2-view .grid .actions {margin-top: 10px;}
.purchase-v2-view .grid .certification-image {width: 50px; height:50px; position: absolute;left: 6px;}
.purchase-v2-view .grid .certification-image.index-0 {top:-6px;}
.purchase-v2-view .grid .certification-image.index-1 {top: 42px;}
.purchase-v2-view .grid .certification-image.index-2 {top: 90px;}
.purchase-v2-view .input-group-btn.export {position: absolute;right: 70px;top: 0px;}
.purchase-v2-view .grid .certification-image img {max-width: 45px; max-height:45px;padding:5px;border: 1px solid #ddd;border-radius: 4px;background-color: #fff;}
.purchase-v2-view form .tt-menu {top: 33px !important;left:0px !important; width: 672px;border-radius: 0px;}
.purchase-v2-view .table-product-list small {color: gray;font-size: 75%;display: block;}
.purchase-v2-view .prebook {background-color: #ecf6e8 !important;}
.purchase-v2-view .recommended {background-color: #fcf8cf !important;}
.purchase-v2-view .recommended-mark {position: absolute; top: 8px; right: 12px;}
.purchase-v2-view .btn-group .btn-sort-option {margin-left:-1px;padding-right: 8px;padding-left: 8px;}
.purchase-v2-view .input-quantity {z-index: 1;min-width: 75px;}

#productExtendDialog span.product-code, #productExtendDialog span.format-code {display: inline;font-weight: bold;font-size:16px; margin-left: 5px;margin-right: 5px;}
#imagesDialog .modal-dialog {width:700px;}
#imagesDialog .modal-header h4{font-weight: bold;font-size:16px;}
#imagesDialog .zoom {display:inline-block;position: relative;border: 1px solid #303030;width: 100%;cursor: zoom-in;}
#imagesDialog .zoom:after {content:'';display:block;width:33px;height:33px;position:absolute;top:0;right:0;background:url(/img/zoom-6df36b181f9fd7430318c30e482424b8.png);}
#imagesDialog .zoom img {display: block;}
#imagesDialog .zoom img::selection {background-color: transparent;}
#imagesDialog .image-container {height: 550px;overflow-y: auto;overflow-x: hidden;}
#imagesDialog .image-container .image-thumbnails {margin-left: 10px;}
#imagesDialog .image-container .image-thumbnails div.thumbnail {margin-bottom: 0px;display: inline-block;margin-right: 2px;cursor: pointer;}
#imagesDialog .image-container .image-thumbnails div.thumbnail > img {width: 80px; height: 80px;}
#imagesDialog .image-container .image-thumbnails div.thumbnail.active, #imagesDialog .image-container .image-thumbnails div.thumbnail:focus, #imagesDialog .image-container .image-thumbnails div.thumbnail:hover {border-color: #337ab7;}

/* order/purchaseView  */
.purchase-view .page-header {padding-bottom: 5px;margin: 10px 0 10px;font-size: 24px;}
.purchase-view .page-header + h4 {margin-bottom: 15px;font-size: 14px;margin-bottom: 15px;font-size: 14px;}

/* order/checkoutView  */
.checkout-view .page-header {padding-bottom: 5px;margin: 10px 0 10px;font-size: 24px;}
.checkout-view .page-header + h4 {margin-bottom: 15px;font-size: 14px;margin-bottom: 15px;font-size: 14px;}

/* publicity dialog */
.publicity-dialog {overflow: hidden;cursor: pointer;padding:10px;border: 1px solid #e3e3e3;}
.publicity-dialog:hover {border: 1px solid #1684c2;}
.publicity-dialog p.image-content {text-align: center;}
.publicity-dialog p.image-content img {max-width: 100%;}

#validationDialog .errors .alert {margin-bottom: 10px;}

/* product/productDetailsView */
.product-details-view h2 {margin-top:0px;color: #555555;font-size: 24px;}
.product-details-view h2 span {display: block;font-size:small;}
.product-details-view h4 {color: #555555;}
.product-details-view .top-link {text-align: right;padding-top: 5px;}
.product-details-view hr {margin-top: 0px;}
.product-details-view .certifications {margin-top:10px;}
.product-details-view #product-small-image {margin-top:10px;margin-bottom:10px;}
.product-details-view .image-viewer {border-radius: 5px;cursor: pointer !important;transition: 0.3s;}
.product-details-view .image-viewer:hover {-moz-transform: scale(1.04);-webkit-transform: scale(1.04);transform: scale(1.04);}
.product-details-view .fa-circle-s {color: red;}
.product-details-view .col-border-left {border-left: 1px solid #eeeeee;}
.product-details-view dl {margin-bottom: 10px;}
.product-details-view ul.shopping-list li.message-help {padding: 2px 10px;}
.product-details-view ul.shopping-lists {width:230px;max-height: 200px;overflow-y:auto;overflow-x: hidden;padding-left:0px;}
.product-details-view ul.shopping-lists li.shopping-list-item {width:100%;list-style: none;color: #555555;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding:3px 0 3px 15px;}
.product-details-view ul.shopping-lists li.shopping-list-item:hover {background-color: #2fa4e7;}
.product-details-view ul.shopping-lists li.shopping-list-item:hover a {color:#fff;text-decoration: none;}
.product-details-view ul.shopping-lists li.shopping-list-item a {color: #555555;}
.product-details-view .nutrition-facts .header {border-bottom: 1px solid black;padding: 0 0 0.25rem 0;margin: 0 0 0.5rem 0;}
.product-details-view .nutrition-facts .header p {margin: 0;}
.product-details-view .nutrition-facts .header .title {font-weight: bold;font-size: 24px;margin: 0 0 0.25rem 0;color: #555555;}
.product-details-view .nutrition-facts table {margin-bottom: 0px;}
.product-details-view .nutrition-facts table td span.calories {font-size: 120%;padding:0px;border-bottom: 3px solid black;margin:0px;}
.product-details-view .nutrition-facts table td {padding:0px;border: none;}
.product-details-view .nutrition-facts table td.no-separator {border: none;}
.product-details-view .nutrition-facts table td.no-separator small {font-size: 80%;}
.product-details-view .nutrition-facts table td strong {margin-right: 0px;}
.product-details-view .nutrition-facts table td span {margin-left: 10px; margin-right: 5px;}
.product-details-view .nutrition-facts table td.separator1 {border-bottom: 1px solid black;}
.product-details-view .nutrition-facts table td.separator2 {border-bottom: 3px solid black;}
.product-details-view .nutrition-facts table td.padding-top {padding-top:3px;}
.product-details-view .nutrition-facts small.star {font-size:10px; font-stretch: condensed;}
.product-details-view .table-purchase-history td, .product-details-view .table-purchase-history th {min-width: 30px;}
.product-details-view .image-container .image-thumbnails {margin-left: 5px;margin-top: 10px;}
.product-details-view .image-container .image-thumbnails .thumbnail {margin-bottom: 0px;display: inline-block;margin-right: 2px;cursor: pointer;}
.product-details-view .image-container .image-thumbnails .thumbnail > img {width: 45px; height: 45px;}
#modal-product-details .image-container .image-thumbnails {margin-left: 0px;margin-top: 10px;}
#modal-product-details .image-container .image-thumbnails .thumbnail {margin-bottom: 0px;display: inline-block;margin-right: 2px;cursor: pointer;}
#modal-product-details .image-container .image-thumbnails .thumbnail > img {width: 45px; height: 45px;}
#imageViewerDialog .zoom {display:inline-block;position: relative;border: 1px solid #303030;width: 100%;cursor: zoom-in;}
#imageViewerDialog .zoom:after {content:'';display:block;width:33px;height:33px;position:absolute;top:0;right:0;background:url(/img/zoom-6df36b181f9fd7430318c30e482424b8.png);}
#imageViewerDialog .zoom img {display: block;}
#imageViewerDialog .zoom img::selection {background-color: transparent;}

/* order/fastInputView */
.fast-input-view .panel-body {padding: 15px 15px 0 15px;}
.fast-input-view .last-shopping-cart {font-size: 12px;padding:2px;}
.fast-input-view .messages {padding-top: 5px;padding-left:0px;}
.fast-input-view .messages img.loading-icon {width: 20px; height: 20px;display: inline-block;}
.fast-input-view .messages .label {font-size: 100%;}
.fast-input-view .input-group-full-width {width: 1%; display: table-cell;}

/* order/newCustomerOrderView */
.new-order-customer-view .new-order-form {background-color: #f5f5f5;border: 1px solid #e3e3e3;padding:0 10px 10px 10px;}
.new-order-customer-view .btn-save-close {margin-top:10px;}

/* order/newVendorOrderView */
.new-order-vendor-view .tips {font-size: 12px;display: block;}

/* featured/productsView */
.featured-products-view .publicities {overflow: hidden;}
.featured-products-view .publicities .publicity {float: left; margin: 0 10px 20px; padding:10px; min-height: 300px; max-height: 300px;min-width: 360px;max-width: 360px; border: 1px solid #e3e3e3; cursor: pointer;}
.featured-products-view .publicities .publicity p.image-content {text-align: center;}
.featured-products-view .publicities .publicity p.image-content img {max-height: 250px; max-width: 100%;}
.featured-products-view .publicities .publicity:hover {border: 1px solid #1684c2;}

/* password/changePasswordView */
.change-password-view form {max-width: 675px;padding: 15px; margin: 0 auto;}

/* password/resetPasswordView */
.reset-password-view form {max-width: 675px;padding: 15px; margin: 0 auto;}

/* user/preferencesView */
.user-preferences-view #otp input {display:inline-block;width:40px;margin-right:10px;}

/* report/reportsView */
.reports-view .bootstrap-select {padding:0px;}
.reports-view .pull-right {margin-top:45px;}

/* shopping/list/productsView */
.shopping-list-form-view .sequence {width: 100px;}
.shopping-list-form-view .tips {font-size: 12px;margin-top:3px;}

/* user/editView */
.admin-user-edit-view hr {margin-top: 10px;margin-bottom: 10px;} 

/* user/profile/addView */
.admin-user-profile-add-view #customerSearch {width: 425px;}
.admin-user-profile-add-view #vendorSearch {width: 425px;}
.admin-user-profile-add-view .tips {font-size: 12px;display: block;}

/* user/profile/editView */
.admin-user-profile-edit-view .roles .role {margin-bottom: 10px;}
.admin-user-profile-edit-view .roles .role label {cursor: pointer;}

/* user/bulk/batchAddView */
.admin-user-bulk-add-view .notify-section {padding-bottom: 5px;}
.admin-user-bulk-add-view .notify-section label {font-weight: normal;}

/* role/listView */
.admin-role-list-view .level-2 {padding-left:10px;}
.admin-role-list-view .level-3 {padding-left:30px;}
.admin-role-list-view .level-4 {padding-left:50px;}
.admin-role-list-view .level-5 {padding-left:70px;}

/* role/permissionsView */
.admin-role-permissions-view .permissions .permission {margin-bottom: 10px;}
.admin-role-permissions-view .permissions .permission input {vertical-align: top;}
.admin-role-permissions-view .permissions .permission label {cursor: pointer;}
.admin-role-permissions-view .permissions .permission label span {display: block;font-size: 12px;font-weight: normal;}

/* message/listView */
.admin-messages-view table tbody td img {max-width: 200px;}

/* message/addView */
.admin-message-add-view form .tips {font-size: 12px;margin-top:3px;display: none;}
.admin-message-add-view .note-editor {margin-bottom: 0px;}
.admin-message-add-view .note-toolbar {z-index: 99;}

/* ads/addView */
.admin-ads-add-view .note-editor {margin-bottom: 0px;}
.admin-ads-add-view .note-toolbar {z-index: 99;}
.admin-ads-add-view .tt-menu {width: 100%;}

/* ads/editView */
.admin-ads-edit-view .note-editor {margin-bottom: 0px;}
.admin-ads-edit-view .note-toolbar {z-index: 99;}
.admin-ads-edit-view .tt-menu {width: 100%;}

/* ads/statsView */
.admin-ads-stats-view table td.bold {font-weight: bold;} 
.admin-ads-stats-view h4 span {display: block;font-size: 75%;color: #555555;}
.admin-ads-stats-view #canvas {margin-bottom: 20px;}

/* configurationView */
.admin-configuration-view .break-word {max-width: 500px;}

/* help/contactView */
.contact-us-view form {max-width: 675px;}
.contact-us-view div.h4 {padding-top:10px;}
.contact-us-view table address {margin-bottom:auto;}

/* help/legalNoticeView */
.help-view .media {margin-top:15px;}
.legal-notice-view p {text-align: justify;}

.col-help-menu {min-height: 200px;}
.help-trigger {cursor: pointer;line-height: 1em;}
.help-border {border-left: 1px solid #ddd;}
.help-menu {padding-inline-start: 10px;}
.help-menu ul {padding-inline-start: 20px;}
.help-menu li a.selected {color: #333;text-decoration: underline;font-weight: bold;}
.help-menu li.menu-main {list-style: none;}
.help-menu ul.collape.close {display:none;}
.help-menu ul.collape.open {display:block;}
.help-button {display: inline-block;margin-bottom: 0;font-weight: 400;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;background-image: none;border: 1px solid transparent;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;padding: 1px 5px;font-size: 12px;line-height: 1.5;border-radius: 3px;}
.help-default {color: #333;background-color: #fff;border-color: #ccc;}
.help-primary {color: #fff;background-color: #337ab7;border-color: #2e6da4;}
.help-success {color: #fff;background-color: #5cb85c;border-color: #4cae4c;}
.help-danger {color: #fff;background-color: #d9534f;border-color: #d43f3a;}
.help-info { color: #fff;background-color: #5bc0de;border-color: #46b8da;}
.help-warning {color: #fff;background-color: #f0ad4e;border-color: #eea236;}
.help-actions {list-style: none;margin-block-start: 0px;padding-left: 5px;}
.help-actions li {margin-bottom: 10px;}
.help-img-border {border: 1px solid #ccc;}
ol.help-numbered {clear: both;list-style: none;padding-left: 0px;}
ol.help-numbered li {margin-left:0px;line-height:20px;}
ol.help-numbered li span.number {border-radius: 50%;background-color: red;color: #fff;padding: 2px 6px;text-align: center;font-size: 90%;}
.col-help-content h3 {margin-top:5px;}
.col-help-content h5 {margin-top:5px;font-weight: bold;}
.col-help-content img {margin-top:10px;margin-bottom: 10px;}

/* Form */
.form-confirmation-view .jumbotron, .form-complete-view .jumbotron {padding-right: 20px;padding-left: 20px;padding-top: 20px; padding-bottom: 20px;}
.form-summary-view h5 {margin-top:20px;}

/* browserNotSupportedView */
.browser-not-supported .row {margin-top:20px;}
.browser-not-supported .row .browser img {display:block;margin-left:auto;margin-right:auto}
.browser-not-supported .row .browser .link {margin-top:5px;text-align: center;}

@media print {
	a[href]:after {content: none !important;}
	.no-printable {display: none;}
	span.icon {display:inline;}
	.printable-only {display:block;}
}

@media (max-width: 1268px) {
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-collapse.collapse.in {
      overflow-x: hidden !important;
      overflow-y: auto !important;
  }  
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in {
      display:block !important;
  }
 .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }  
  .navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #FFF;
  }
  .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
    color: #FFF;
  }  
  .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {
    padding: 5px 15px 5px 25px;
  }
  .dropdown-header.small, .dropdown-header.small strong {
  	 color: #FFF;
  }
}