@charset "utf-8";

body { background: #ddd; font-family: 'Play', Arial, sans-serif; font-size: 13px; }

textarea { width: 100%; max-width: 100%; min-height: 150px; }

select { cursor: pointer; }

.instruction { position: absolute; display: block; background: #dd4b39; color: #fff; font-size: 13px; padding: 0 10px; height: 26px; line-height: 26px; margin: -26px 0 0 0; border-radius: 6px; }
.instruction i { margin: 0 5px 0 0; }

.box-title strong { font-weight: 600; }
.box-title i { margin: 0 5px; font-size: 14px; }

.content-header > h1 {  }
.content-header > h1 i {  margin-right: 10px; }
.content-header > h1 strong { font-weight: 700; }

#action-message { display: block; position: fixed; z-index: 999; top: 10px; width: 60%; left: 20%; right: 20%; text-align: center; }
#action-message p { display: inline-block; vertical-align: middle; background: #dd4b39; color: #fff; font-size: 15px; padding: 7px 35px; border-radius: 2px; }

#recordModal .modal-content .modal-header { border-bottom: 1px solid #ccc; background: #f8f8f8; }
#recordModal .modal-content .modal-header .modal-title { font-weight: 600; font-size: 20px; }
#recordModal .modal-content .modal-header .close { display: block; position: absolute; top: 22px; right: 22px; left: auto; font-size: 20px; }

#product-modal .close { display: block; position: absolute; top: 20px; right: 20px; left: auto; }
#product-modal p { display: block; font-size: 16px; color: #111; padding: 10px; text-align: center; }
#product-modal ul { margin: 0; padding: 0; }
#product-modal ul li { display: block; border-bottom: 1px solid #ddd; font-size: 15px; color: #111; padding: 10px; text-align: left; clear: both; }
#product-modal ul li:nth-child(odd) { background: #fff; }
#product-modal ul li:nth-child(even) { background: #f8f8f8; }
#product-modal ul li:after { content: ""; display: block; clear: both; }
#product-modal ul li strong { display: block; float: left; font-weight: 500; } 
#product-modal ul li strong.item-id { min-width: 40px; text-align: center; font-weight: 600; } 
#product-modal ul li strong.item-date { float: right; } 
#product-modal ul li span { display: block; float: left; padding: 0 10px; } 

#view-product-button { display: block; position: fixed; z-index: 999; bottom: 10px; right: 10px; background: #222D32; color: #fff; font-size: 14px; padding: 7px 25px; border-radius: 4px; }

.head-title { display: block; margin: 0; padding: 10px 5px 20px 0; color: #222D32; font-weight: bold; font-size: 20px; letter-spacing: 0; }

.title { display: block; margin: 0; padding: 5px 0 0 0; color: #222D32; font-weight: 600; font-size: 28px; letter-spacing: 0; }
.subtitle { display: block; margin: 0; padding: 5px 0; color: #DD4B39; font-weight: 600; font-size: 20px; letter-spacing: 0; }

.form-group { display: block; position: relative; margin: 3px 0; }
.form-group h4 { display: block; padding: 0 0 10px 0; margin: 0; font-weight: bold; }
.form-group .checkbox-inline { margin-right: 10px; cursor: pointer !important; }
.form-group input[type='checkbox'] { cursor: pointer !important; }
.form-group label { height: 24px; line-height: 24px; }
.form-group label .fa-star { margin: 0 0 0 3px; padding: 0; font-size: 11px; }
.form-group div.error { display: block; position: absolute; z-index: 999; left: 0; top: -18px; width: auto; height: 22px; line-height: 22px; background: #DD4B39; color: #fff; font-size: 13px; padding: 0 10px; border-radius: 4px; }

.form-group .checkbox { margin: 0; padding: 0; }
.form-group .checkbox label { height: 24px; line-height: 24px; margin: 0; padding: 0; }
.form-group .checkbox label input { position: inherit; top: 0; left: 0; display: inline; display: inline-block; vertical-align: middle; margin: 0 6px 0 0; padding: 0; line-height: normal; }
.form-group .checkbox label strong { display: inline; display: inline-block; vertical-align: middle; margin: 0; padding: 0; line-height: normal; }

.form-group.checkbox-stabbing { padding: 20px 0; background: #ddd; font-size: 22px; color: #000; }
.form-group.checkbox-stabbing input[type='checkbox'] { width: 40px; height: 40px; }

.form-group .popup-checkbox { display: inline; display: inline-block; vertical-align: middle; float: none; margin: 0 0 0 2px; padding: 0; }
.form-group .popup-checkbox label { height: auto; line-height: normal; font-size: 12px; font-weight: normal; }
.form-group .popup-checkbox label strong { height: auto; line-height: normal; font-size: 12px; font-weight: normal; }

.box-header { margin-bottom: 5px; }

.product-image { display: table; width: 100%; height: 150px; margin: 0; padding: 0; }
.product-image a { position: relative; display: table-cell; width: 100%; vertical-align: middle; text-align: center; margin: 0; padding: 0; }
.product-image a img { max-width: 90%; max-height: 120px; margin: 0 auto; padding: 0; }

.alert h4 { margin: 0; }

.w100 { width: 100px !important; }

.watermark_check { cursor: pointer; }
.watermark_check input, .watermark_check strong { display: inline; display: inline-block; vertical-align: middle; }
.gallery_watermark_check { padding: 5px 0; cursor: pointer; }
.gallery_watermark_check input, .gallery_watermark_check strong { display: inline; display: inline-block; vertical-align: middle; margin: 0; padding: 0; }


.navbar-nav .active-cat a { background: #eee !important; }

.signin-form { margin-top: 110px; }
.signin-form .login-form { max-width: 500px; padding: 10px 20px; margin: 0 auto; background: #2A3843; border: 1px solid #e5e5e5; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 0px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 0px 4px rgba(0,0,0,.2); box-shadow: 0 0px 4px rgba(0,0,0,.2); color: #990000; font-weight: lighter; }
.signin-form .login-form .horizontal { display: block; clear: both; margin: 10px 0; width: 100%; height: 1px; background: #666; }
.signin-form .login-form .login-form-heading { display: block; color: #fff; text-align: center; font-size: 36px; }
.signin-form .login-form input[type="text"],
.signin-form .login-form input[type="password"],
.signin-form .login-form input[type="email"] { font-size: 15px; height: 45px; padding: 7px 9px; }
.signin-form .login-form .btn { font-size: 16px; }

#select-themes span { display: inline; display: inline-block; vertical-align: middle; width: 30px; height: 30px; margin: 0 5px; border-radius: 30px; box-shadow: 0px 0px 4px #999; }
#select-themes strong { display: block; text-align: left; font-size: 12px; }


.sortList { position: relative; display: block; list-style-type: none; text-align: center; }
.sortList { list-style-type: none; margin: 30px auto; padding: 0; width: 80%; }
.sortList li { cursor: pointer; margin: 0 3px 5px 3px; padding: 0.4em; padding-left: 1.5em; line-height: 18px; }
.sortList li strong { display: inline; display: inline-block; padding: 0 0 0 10px; color: #222; font-size: 15px; font-weight: normal; }
.sortList li span { position: absolute; margin-left: -1.3em; }
.sortList li .img { width: 100%; }
.sortList li .img img { max-width: 100%; max-height: 150px; }
.sortList li .tools { position: relative; display: block; margin: 10px 0 5px 0; font-size: 20px; }
.sortList li .tools strong { display: inline; display: inline-block; vertical-align: middle; margin: 0 5px; }
.sortList li .tools .fa-edit { display: inline; display: inline-block; vertical-align: middle; color: red; margin: 0 5px; }
.sortList li .tools .fa-trash-o { display: inline; display: inline-block; vertical-align: middle; color: black; margin: 0 5px; }
.submit_sortList { display: block; padding: 5px 20px; background: #444; color: #fff; font-size: 13px; border: 0 none; outline: 0 none; cursor: pointer; margin: 10px auto 20px auto; }
.submit_sortList:hover { background: #222; }

.cats-icons { width: auto !important; min-width: auto !important; max-width: 100% !important; }

select { cursor: pointer; }
.table .dropdown { position: relative; background: #fff; }
.table .dropdown .dropdown-menu { background: #fff; z-index: 9999 !important; }
.table .ion-eye { margin: 0px; padding: 0px; font-size: 18px; }
.table th { background: #222D32; color: #fff; border: 1px solid #888 !important; font-weight: normal; font-size: 14px; margin: 0px; padding: 0px; line-height: normal; vertical-align: middle !important; text-align: center; }
.table td { margin: 0px; padding: 0px; border: 1px solid #eee !important; line-height: normal; vertical-align: middle !important; font-size: 14px; }
.table td .btn { margin: 0px; padding: 0px; line-height: normal; vertical-align: middle; }
.table td.col-pos { width: 60px; padding: 0 10px; }
.table td .btn.clearBanner { padding: 2px 6px; }
.table td i { font-size: 16px; }
.table td h4 { font-weight: 600; }
.table td.product-code { min-width: 50px; }
.table td.added { font-size: 11px; font-weight: bold; }
.table td .table-image { max-width: 80px; }
.table td .table-image-2 { width: 40px; margin: 0 10px; }
.table td .line-through { text-decoration: line-through; margin: 0 2px 0 0; }
.table select { width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; }
.table .word-searched { display: none; }
.table .word-name { padding-left: 30px; font-size: 14px; }
.table .word-value { padding-left: 30px; font-size: 14px; }


#checked-products-list { position: relative; margin: 10px 0; font-size: 15px; }
#checked-products-list .btn { display: inline; display: inline-block; vertical-align: middle; margin: 0 0 0 10px; }
#checked-products-list .list { display: inline; display: inline-block; vertical-align: middle; }
#checked-products-list .list strong { font-weight: bold; }
#checked-products-list .select2-container { display: block; width: 100% !important; }
#checked-products-list .select2-container .select2-selection--multiple { display: block; width: 100% !important; }
#checked-products-list .select2-container .select2-search__field { display: block; width: 100% !important; }


#details_products thead th { cursor: pointer; }
#details_products thead .ion-eye { cursor: pointer; }
#details_products tbody .fa-info-circle { font-size: 24px; }
#details_products_paginate .pagination { display: block; float: right; padding: 0; margin: 0 0 20px 0; }
#details_products_info { margin: 10px 0 0 0; }
#details_products_length label { font-weight: normal; }
#details_products_length label select { margin: 0 5px; }
#details_products_filter { display: block; float: right; margin: 0; }
#details_products_filter label { font-weight: normal; }
#details_products_filter label input { margin: 0 0 0 10px; }

.control { float: right; display: block; position: relative; margin: 0 5px; font-size: 9pt; font-weight: bold; text-decoration: none; text-transform: uppercase; }
.control:hover { color: black !important; }


.box-images { text-align: left; }
.box-images .box-image { position: relative; display: block; width: 100%; text-align: center; border: 0; box-shadow: 0px 0px 2px #333; margin: 0 0 15px 0; padding: 0; line-height: normal; }
.box-images .box-image .img { position: relative; overflow: hidden; width: 100%; display: block; padding: 0; line-height: normal; margin: 0; }
.box-images .box-image .img i { font-size: 60px; margin-top: 20px; }
.box-images .box-image .img img { width: 100%; height: auto !important; min-height: auto; display: block; margin: 0; padding: 0; }
.box-images .box-image strong { display: block; text-align: center; padding: 10px 0; background: #ddd; color: #111; font-size: 15px; }

.box-images .box-image .deleteSelectedImage { position: absolute; bottom: 15px; right: 15px; color: #fff; font-size: 18px; background: rgba(0, 0, 0, .7); padding: 1px 4px; line-height: normal; touch-action: manipulation; cursor: pointer; border-radius: 2px; -ms-transform: scale(2); /* IE */ -moz-transform: scale(2); /* FF */ -webkit-transform: scale(2); /* Safari and Chrome */ -o-transform: scale(2); /* Opera */ transform: scale(2); }
.box-images .box-image .deleteSelectedImage input { cursor: pointer; }

.sort-image { padding: 0 10px; margin: 0; background: transparent !important; border: 0 !important; }


.sidebar .user-panel { padding: 20px; }
.sidebar-menu li a { padding-top: 3px; padding-bottom: 3px; font-size: 15px; }


.navbar-collapse { height: 50px !important; clear: both; }

.sort-nav { margin: 0; padding: 0; float: left; }
.sort-nav > li { display: block; margin: 5px 0; padding: 0; height: 40px; }
.sort-nav > li > a { display: block; margin: 0; height: 40px; line-height: 40px; padding: 0 10px; background: #eee; border-right: 1px solid #ddd; color: #111; font-size: 15px; }
.sort-nav > li > a i { margin-right: 3px; }
.sort-nav > li:hover > a, .sort-nav li.active > a, .sort-nav li.open > a { background: #3C8DBC !important; color: #fff !important; }
.sort-nav > li:last-child > a { border-right: 0 none; }
.sort-nav > li .dropdown-menu {  }
.sort-nav > li .dropdown-menu li { display: block; margin: 0; padding: 0; line-height: normal; }
.sort-nav > li .dropdown-menu li a { display: block; margin: 0; padding: 10px 15px; line-height: normal; border-bottom: 1px solid #ddd; font-size: 15px; }
.sort-nav > li .dropdown-menu li.active-cat a { background: #3C8DBC !important; color: #fff !important; }

.navbar-collapse .daterangepicker-nav { position: relative; display: block; float: right; width: auto !important; margin: 0; padding: 0; }
.navbar-collapse .daterangepicker-nav .form-group { height: 40px; margin: 5px 0; }
.navbar-collapse .daterangepicker-nav .input-group { width: 200px; }
.navbar-collapse .daterangepicker-nav .form-control { width: 200px; height: 40px; }
.navbar-collapse .daterangepicker-nav.daterangepicker-block-nav { float: none; width: 100%; }
.navbar-collapse .daterangepicker-nav.daterangepicker-block-nav .input-group { width: 100%; }
.navbar-collapse .daterangepicker-nav.daterangepicker-block-nav .form-control { width: 100%; height: 40px; }

.daterangepicker-header { display: block; padding: 10px; text-align: center; }
.daterangepicker-header span { display: inline; display: inline-block; vertical-align: middle; margin: 0 10px 0 0; font-size: 15px; }
.daterangepicker-header span i { color: #3C8DBC; }


#custom-page-generated { position: relative; }
#custom-page-generated strong { display: block; padding: 10px 20px; background: #3C8DBC; color: #fff; font-size: 18px; font-weight: 500; cursor: pointer; }
#custom_page_button { width: 100%; display: block; min-width: 100%; max-width: 100%; position: relative; }
#tags { max-width: 100% !important; }



.add-product-order { position: relative; margin: 10px 0; padding: 25px; background: #eee; border: 5px solid #222D32; }
.add-product-order h3.subtitle { display: block; margin: 0; padding: 0 0 5px 0; color: #222; font-size: 20px; font-weight: 600; }
.add-product-order h4.subtitle { display: block; margin: 0; padding: 0 0 15px 0; color: #DD4B39; font-size: 16px; font-weight: 600; }


.quick-order { position: relative; margin: 10px 0; padding: 25px; background: #fff; }
.quick-order .empty-result { display: block; text-align: center; margin: 0; padding: 30px 0; font-size: 22px; color: #DD4B39; font-weight: 600; }
.quick-order .quick-order-form { margin: 20px 0 0 0; }
.quick-order .quick-order-form .product-quantity-info { padding: 5px 0; font-size: 16px; }

.quick-order .added-products-title { display: block; text-align: left; font-weight: 600; font-size: 18px; margin: 60px 5px 10px 5px; padding: 0; color: #222D32; }
.quick-order table.products { width: 100%; }
.quick-order table.products tr { background: #eee; }
.quick-order table.products tr:nth-child(even) { background: #fff; }
.quick-order table.products tr:nth-child(odd) { background: #f5f5f5; }
.quick-order table.products td { vertical-align: middle; text-align: center; border: 1px solid #ccc; padding: 10px; font-size: 17px; }
.quick-order table.products td img { width: 50px; }
.quick-order table.products td i { color: #db0300; }
.quick-order .button-submit { margin: 20px auto 0 auto; }


/*==========================================  
	VIEW ORDER PAGE
==========================================*/
#order-view { position: relative; }

#order-view .box-header { margin: 0 15px; padding: 0; }

#order-view .order-date { display: block; margin: 0; padding: 5px 0 20px 0; text-align: center; font-size: 14px; color: #444; }
#order-view .order-date i { display: inline; display: inline-block; vertical-align: middle; margin: 0 5px 0 0; }
#order-view .order-date span { display: inline; display: inline-block; vertical-align: middle; }

#order-view .order-title { display: block; text-align: center; margin: 0px; padding: 20px 0 0 0; font-size: 26px; color: #df0000; font-weight: bold; }
#order-view .order-title code { color: #222; font-size: 32px; }

#order-view .box-tools { margin: 0 10px 10px 10px; clear: both; }
#order-view .box-tools .btn i { margin-right: 5px; }
.box-tools .btn-toggle { margin-left: 15px; }

#order-view .order-table { position: relative; margin-top: 20px; }
#order-view .order-table th, .order-table td { text-align: center; padding: 10px 5px !important; }
#order-view .order-table th { font-size: 15px; background: #222D32; color: #fff; border: 1px solid #666 !important; }
#order-view .order-table td { font-size: 14px; border: 1px solid #eee !important; }
#order-view .order-table td.order-info { background: #eee; color: #222; }
#order-view .order-table td.order-info strong { margin-right: 10px; }

#order-view .items-table { width: 100%; max-width: 100%; position: relative; margin: 20px 0; padding: 20px; }
#order-view .items-table td { height: auto; line-height: normal; border: 1px solid #ccc; padding: 10px 10px; margin: 0; font-size: 16px; color: #222; text-align: center; }
#order-view .items-table td strong { color: #df0000; }
#order-view .items-table td span { color: #008d4c; font-weight: 600; }
#order-view .items-table td.text-right { text-align: right !important; }
#order-view .items-table td a { color: #222; font-weight: bold; text-decoration: none; }
#order-view .items-table td a:hover { color: #df0000; font-weight: bold; text-decoration: none; }
#order-view .items-table td.item-image { width: 60px; height: 50px; text-align: center; }
#order-view .items-table td.item-image img { max-width: 60px; max-height: 50px; margin: 0; padding: 0; }
#order-view .items-table td label { display: block; font-size: 13px; font-weight: normal; padding: 2px; }
#order-view .items-table td input { display: block; float: none; width: auto; }
#order-view .items-table td.item-totalPrice { margin-left: 20px; font-weight: bold; font-size: 20px; color: #222; }
#order-view .items-table td .item-totalPrice strong { font-size: 22px; color: #df0000; }
#order-view .items-table td.item-delete { text-align: center; }
#order-view .items-table td.item-delete .btn { font-size: 18px; }

#order-view .order-logs { display: block; padding: 0; margin: 20px 0; }
#order-view .order-logs li { display: block; margin: 0; padding: 15px 20px; background: #fceded; color: #222; font-size: 14px; border-bottom: 1px solid #ccc; }
#order-view .order-logs li:last-child { border-bottom: 0; }
#order-view .order-logs li:nth-child(odd) { background: #fceded; }
#order-view .order-logs li:nth-child(even) { background: #fffbe2; }
#order-view .order-logs li .log-date { display: inline; display: inline-block; vertical-align: middle; margin: 0; font-weight: 600; color: #df0000; }
#order-view .order-logs li .log-date:after { display: inline; display: inline-block; vertical-align: middle; margin: 0 15px; padding: 0; font-size: 12px; font-family: "Font Awesome 5 Free"; content: "\f054\f054"; }
#order-view .order-logs li .log-info { display: inline; display: inline-block; vertical-align: middle; margin: 0; font-weight: 500; color: #222; }
#order-view textarea { width: 100%; max-width: 100%; min-width: 100%; height: 100px !important; min-height: auto; }
/*==========================================
	VIEW ORDER PAGE
==========================================*/


.preorder-pages { position: relative; margin: 40px 30px; }
.preorder-pages .reorder_link { display: block; float: left; color: #3675B4; border: solid 2px #3675B4; border-radius: 3px; text-transform: uppercase; background: #fff; font-size: 15px; padding: 10px 15px; margin: 10px 0; font-weight: bold; text-decoration: none; transition: all 0.35s; -moz-transition: all 0.35s; -webkit-transition: all 0.35s; -o-transition: all 0.35s; }
.preorder-pages .reorder_link:hover { border: solid 2px #3675B4; background: #eee; box-shadow: none; }

.preorder-pages #reorder-helper { padding: 10px; margin: 0 0 10px 0; font-size: 15px; }

.preorder-pages .pages-list ul { margin: 0; padding: 0; list-style-type: none; }
.preorder-pages .pages-list ul li { display: block; }
.preorder-pages .pages-list ul li a { display: block; padding: 3px 12px; margin: 0 0 3px 0; background: #fcfcfc; font-size: 15px; border: 1px solid #ccc; }
.preorder-pages .pages-list ul li a i { margin-right: 10px; }

.preorder-pages .pages-list ul li ul li { margin-left: 40px !important; }
.preorder-pages .pages-list ul li ul li ul li { margin-left: 40px !important; }


.notice, .notice a { color: #fff !important; }
.notice { z-index: 8888; }
.notice a { font-weight: bold; }
.notice_error { background: #E46360; }
.notice_success { background: #657E3F; }


.ajax-search { position: relative; width: 600px; height: 34px; background: #dce0e5; padding: 0; margin: 8px 0; float: left; display: block; z-index: 11; border-radius: 2px; }
.ajax-search .form-group { height: 34px; margin: 0; padding: 0; }
.ajax-search select { width: 200px !important; height: 34px !important; float: left !important; background: #fff; color: #222D32; border: 0; outline: 0; padding: 0 10px; margin: 0; line-height: 34px; cursor: pointer; }
.ajax-search select option { cursor: pointer; }
.ajax-search input { width: 200px; height: 34px; float: right; background: #fff; color: #222D32; border: 0; outline: 0; padding: 0 20px; margin: 0; border-radius: 0 2px 2px 0; }
.ajax-search select:hover, .ajax-search select:focus, .ajax-search input:hover, .ajax-search input:focus { border: 0; outline: 0; }

.ajax-search #search-result { position: fixed; z-index: 999; overflow-y: scroll; top: 50px; height: calc(100% - 100px); left: 50%; margin: 0 0 0 -250px; display: none; z-index: 10; background: #fff; border: 0; border-radius: 3px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); padding: 10px; width: 500px; }
.ajax-search #search-result .result_row { display: block; padding: 5px 0; margin: 0; font-size: 14px; color: #222; }
.ajax-search #search-result .result_row:hover { display: block; text-decoration: none; }
.ajax-search #search-result .result_row span { display: inline; display: inline-block; vertical-align: middle; }


#printContent { display: none; }


#order-stats-view { display: none; position: fixed; background: #fff; padding: 20px; z-index: 999; width: 60%; max-height: 80%; top: 10%; left: 20%; right: 20%; color: #111; overflow-y: scroll; box-shadow: 0px 0px 10px #000; }
#order-stats-view .order-close-button { background: #3C8DBC; color: #fff; font-size: 16px; border-radius: 5px; padding: 5px 25px; margin: 0; border: 0; }
#order-stats-view h2 { display: block; margin: 0 0 20px 0; padding: 10px 0; background: #222D32; color: #fff; font-size: 21px; font-weight: bold; text-align: center; border-radius: 5px; }
#order-stats-view .order-info { position: relative; margin: 20px; }
#order-stats-view .order-info .item { display: block; padding: 7px 5px; margin: 0; border-bottom: 1px dashed #ddd; background: #fff; color: #111; font-size: 15px; }
#order-stats-view .order-info .item:nth-child(odd) { background: #f5f5f5; }
#order-stats-view .order-info .item:nth-child(even) { background: #fff; }
#order-stats-view .order-info .item span { display: inline; display: inline-block; vertical-align: middle; margin: 0 5px; padding: 0 5px; }
#order-stats-view .order-info .item strong { display: inline; display: inline-block; vertical-align: middle; margin: 0; padding: 0; }
#order-stats-view .order-info .item strong a { color: #3C8DBC; }
#order-stats-view .order-info .item strong a:hover { color: #222; text-decoration: underline; }
#order-stats-view .order-info .item .item-id { min-width: 20px; text-align: right; }


.btn-fixed { display: block; z-index: 999; position: fixed; right: -19px; top: 50%; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); font-weight: normal; }


.product-options { display: inline; display: inline-block; vertical-align: middle; margin: 0 10px; }
.product-options label { display: inline; display: inline-block; vertical-align: middle; }
.product-options label input { display: inline; display: inline-block; vertical-align: middle; }
.product-options label strong { display: inline; display: inline-block; vertical-align: middle; }
.product-options .form-group { margin: 0; }
.product-options .form-group .checkbox { margin: 15px 0 5px 0; }


.product-images .upload-button-wrapper { position: relative; margin: 10px auto; display: inline; display: inline-block; cursor: pointer !important; }
.product-images .images-msgs { display: block; margin: 0; padding: 0; text-align: center; color: red; font-size: 15px; font-weight: normal; font-style: italic; }
.product-images .images-info { display: block; margin: 0; padding: 0; text-align: center; color: #222D32; font-size: 13px; font-weight: normal; }
.product-images .upload-button-wrapper .upload-button { display: block; border: 1px solid #222D32; color: #222D32; background: #f8f8f8; margin: 0; padding: 0 40px; border-radius: 4px; font-size: 15px; font-weight: 500; height: 42px; cursor: pointer !important; }
.product-images .upload-button-wrapper .upload-button i { display: inline; display: inline-block; vertical-align: middle; margin: 0 5px 0 0; }
.product-images .upload-button-wrapper .upload-button span { display: inline; display: inline-block; vertical-align: middle; text-transform: uppercase; }
.product-images .upload-button-wrapper input[type=file] { width: 100%; max-width: 100%; height: 42px; font-size: 100px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0; cursor: pointer !important; }


.import-products { background: #F0F0F0; border: #e0dfdf solid 1px; padding: 20px; border-radius: 2px; }
.import-products .import-products-header { position: relative; display: block; margin: 0; padding: 0; }
.import-products .import-products-header h3 { display: block; float: left; font-size: 24px; line-height: 42px; font-weight: 500; margin: 0; padding: 0; color: #444; }
.import-products .import-products-header .btn { margin: 0 0 0 10px; }
.import-products h2 { display: block; font-size: 32px; font-weight: bold; margin: 0; padding: 0; color: #111; }
.import-products p { display: block; font-size: 15px; font-style: italic; font-weight: normal; margin: 0; padding: 0; color: #dd4b39; }
.import-products input { margin: 25px auto; cursor: pointer; }
.import-products .btn { margin: 0; padding: 12px 45px; text-transform: uppercase; }
.import-products .btn i { margin: 0 5px 0 0; }

.import-products #response { padding: 0; margin: 20px 0; display: block; text-align: center; }
.import-products #response span { display: block; text-align: center; padding: 0; font-size: 18px; font-weight: 600; color: #008d4c; }


.legend { width: 100%; max-width: 100%; margin: 30px 0 0 0; }
.legend thead th { padding: 10px 0; text-align: center; background: #222D32; color: #fff; border: 1px solid #666; font-size: 17px; font-weight: 500; }
.legend thead th a { display: block; color: #fff; }
.legend tbody tr { background: #fff; }
.legend tbody tr:nth-child(even) { background: #fff; }
.legend tbody tr:nth-child(odd) { background: #f5f5f5; }
.legend tbody td { padding: 10px; text-align: center; border: 1px solid #666; font-size: 12px; font-weight: 400; text-align: center; }


/*============================================================================================*/
/* ERRORS */
/*============================================================================================*/
.errors { display: block; margin: 0; padding: 5px 10px; text-align: left; }
.errors span { display: block; margin: 0; padding: 2px 0; color: #dd4b39; font-size: 13px; font-weight: 400; font-style: italic; }
.errors i { margin: 0 5px 0 0; }
/*============================================================================================*/
/* ERRORS */
/*============================================================================================*/


/*============================================================================================*/
/* LOGS DATA */
/*============================================================================================*/
.logs-list { display: block; margin: 10px; padding: 0; }
.logs-list li { display: flex; flex-direction: row; align-items: center; justify-content: left; margin: 0 0 3px 0; padding: 0; }
.logs-list li:before { display: inline; vertical-align: middle; content: "-"; font-weight: bold; margin: 0 10px 0 0; }
.logs-list li span { display: block; font-size: 14px; color: #111; margin: 0 10px 0 5px; }
.logs-list li strong { display: block; font-size: 14px; color: #111; }


/*============================================================================================*/
/* TABS */
/*============================================================================================*/
.tabs { display: block; height: 40px; margin: 0 0 30px 0; padding: 0; }
.tabs li { position: relative; display: block; float: left; background: #222D32; color: #fff; height: 40px; line-height: 40px; padding: 0; text-align: center; cursor: pointer; font-weight: 500; font-size: 16px; text-transform: none; border: 1px solid #ddd; }
.tabs.add-tabs { margin: 0; }
.tabs.add-tabs li { padding: 0 40px; }
.tabs li:first-child { border-right: 0; }
.tabs li i { position: absolute; z-index: 8; left: 0; right: 0; bottom: -22px; display: none; height: 20px; line-height: 20px; text-align: center; font-size: 24px; color: #dd4b39; background: transparent; }
.tabs li.current { background: #dd4b39; }
.tabs li.current i { display: block; }
.tabs li a { display: block; color: #fff; padding: 0 40px; }

.tabs.tabs-orders li { display: block; margin-bottom: 25px; padding: 0; color: #fff; }
.tabs.tabs-orders li a { display: block; padding: 0 40px; color: #fff; }

.tab-content { position: relative; display: none; margin: 0; padding: 30px 0 0 0; background: #fff; border: 0; }
.tab-content.current { display: inherit; }
/*============================================================================================*/
/* TABS */
/*============================================================================================*/


/*============================================================================================*/
/* MAGNIFIC POPUP */
/*============================================================================================*/
.mfp-bg,.mfp-wrap{position:fixed;left:0;top:0}.mfp-bg,.mfp-container,.mfp-wrap{height:100%;width:100%}.mfp-container:before,.mfp-figure:after{content:''}.my-mfp-zoom-in .zoom-anim-dialog{opacity:0;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog{-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8);opacity:0}.my-mfp-zoom-in.mfp-bg{opacity:0;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.my-mfp-zoom-in.mfp-ready.mfp-bg{opacity:.8}.my-mfp-zoom-in.mfp-removing.mfp-bg{opacity:0}.my-mfp-slide-bottom .zoom-anim-dialog{opacity:0;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;-webkit-transform:translateY(-20px) perspective(600px) rotateX(10deg);-moz-transform:translateY(-20px) perspective(600px) rotateX(10deg);-ms-transform:translateY(-20px) perspective(600px) rotateX(10deg);-o-transform:translateY(-20px) perspective(600px) rotateX(10deg);transform:translateY(-20px) perspective(600px) rotateX(10deg)}.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog{opacity:1;-webkit-transform:translateY(0) perspective(600px) rotateX(0);-moz-transform:translateY(0) perspective(600px) rotateX(0);-ms-transform:translateY(0) perspective(600px) rotateX(0);-o-transform:translateY(0) perspective(600px) rotateX(0);transform:translateY(0) perspective(600px) rotateX(0)}.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog{opacity:0;-webkit-transform:translateY(-10px) perspective(600px) rotateX(10deg);-moz-transform:translateY(-10px) perspective(600px) rotateX(10deg);-ms-transform:translateY(-10px) perspective(600px) rotateX(10deg);-o-transform:translateY(-10px) perspective(600px) rotateX(10deg);transform:translateY(-10px) perspective(600px) rotateX(10deg)}.my-mfp-slide-bottom.mfp-bg{opacity:0;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.my-mfp-slide-bottom.mfp-ready.mfp-bg{opacity:.8}.my-mfp-slide-bottom.mfp-removing.mfp-bg{opacity:0}.mfp-bg{z-index:1042;overflow:hidden;background:#0b0b0b;opacity:.8;filter:alpha(opacity=80)}.mfp-wrap{z-index:1043;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-close,.mfp-preloader a:hover{color:#fff}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}.mfp-figure:after,.mfp-iframe-scaler iframe{box-shadow:0 0 8px rgba(0,0,0,.6);position:absolute;left:0}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px}.mfp-figure,img.mfp-img{line-height:0}.mfp-arrow{position:absolute;opacity:.65;margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow .mfp-a,.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow .mfp-b,.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px}.mfp-arrow-left{left:0}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left .mfp-b,.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right .mfp-b,.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-image-holder .mfp-content,img.mfp-img{max-width:100%}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{display:block;top:0;width:100%;height:100%;background:#000}.mfp-figure:after,img.mfp-img{width:auto;height:auto;display:block}img.mfp-img{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure:after{top:40px;bottom:40px;right:0;z-index:-1;background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}


.modal-complaints .modal-dialog { max-width: 80%; }
.modal-complaints .modal-header, .modal-complaints .modal-body, .modal-complaints .modal-footer { padding: 20px 30px; }
.modal-complaints .modal-content { border-radius: 3px; }
.modal-complaints .modal-footer { background: #ecf0f1; border-radius: 0 0 3px 3px; text-align: center; }
.modal-complaints .modal-footer a:hover { border: 1px solid transparent; }
.modal-complaints .modal-title { font-weight: bold; font-size: 22px; display: inline-block; }
.modal-complaints .modal-body { text-align: center; font-size: 15px; }
.modal-complaints .form-control { border-radius: 2px; box-shadow: none; border-color: #dddddd; }
.modal-complaints .form-control:focus { background: #ede1e1; border-color: #d9534f; }
.modal-complaints textarea.form-control { resize: vertical; width: 100%; max-width: 100%; min-height: 150px; }
.modal-complaints .btn { border-radius: 2px; min-width: 100px; }	
.modal-complaints form label { font-weight: normal; }	

.modal-complaints #complaint-message p { display: block; text-align: center; color: #dd4b39; font-size: 15px; font-weight: 500; margin: 0; padding: 5px 0; }


.modal-legend { background: #fff; padding: 10px 20px 20px 20px; text-align: left; width: 70%; margin: 30px auto; position: relative; box-shadow: 0px 0px 5px #000; border-radius: 5px; }
.modal-legend .title { display: block; padding: 15px 0; margin: 0; color: #222D32; font-size: 24px; text-transform: uppercase; font-weight: 700; text-align: center; }
.modal-legend .info table { width: 100%; max-width: 100%; text-align: center; }
.modal-legend .info table th { vertical-align: middle; border: 1px solid #ccc; background: #222D32; padding: 10px; font-size: 16px; font-weight: 500; color: #fff; text-align: center; }
.modal-legend .info table td { vertical-align: middle; border: 1px solid #ccc; background: #fff; padding: 10px; font-size: 15px; font-weight: normal; color: #222; text-align: center; }
.modal-legend .info table td strong { cursor: pointer; }
.modal-legend .info table tr { background: #fff; }
.modal-legend .info table tr:nth-child(odd) { background: #fff; }
.modal-legend .info table tr:nth-child(even) { background: #eee; }

.modal .mfp-close, #files-dialog .mfp-close { top: 10px; right: 15px; margin: 0px; padding: 0px; font-size: 0px; line-height: 0px; text-indent: -9999; opacity: 1; }
.modal .mfp-close:before, #files-dialog .mfp-close:before { display: block; font-family: "Font Awesome 5 Free"; content: "\f00d"; color: #000; font-size: 38px; font-weight: bold; border: 2px solid #000; width: 50px; height: 50px; line-height: 50px; border-radius: 5px; text-align: center; margin: 0; padding: 0; }
.modal .mfp-close:hover.mfp-close:before, #files-dialog .mfp-close:hover.mfp-close:before { border-color: #dc1d47; color: #dc1d47 !important; }