body { font-family: 'Open Sans', sans-serif; }

/*Drag and Drop*/
#drag-left, #drag-right { float: left; width: 50% }
#drag-left { padding-right: 15px; }
#drag-right { padding-left: 15px }
.drag_list { float: left; width: 100%; padding: 0px; list-style: none; margin: 0px; height: 390px; border: 1px solid #d0d0d0; overflow: auto }
.drag_list li { float: left; width: 100%; position: relative; padding: 10px 40px 10px 15px; cursor: move; border-top: 1px solid #d0d0d0; color: #666, z-index:10; }
.drag_list li:hover { background: #ececec; color: #333 }
.drag_list li:first-child { border: 0px }
.drag_list li h4 { margin: 0px; font-size: 14px !important }
.drag_list li:after { font-family: FontAwesome; content: "\f047"; position: absolute; top: 6px; right: 8px; width: 24px; text-align: center; height: 24px; line-height: 24px; color: #fe8208 }
.drag_main .scrollbar { border: 1px solid #d0d0d0 }
.drag_main::selection { background: transparent; }
.drag_main::-moz-selection { background: transparent; }
.drag_main li.ui-sortable-helper { box-shadow: 0 0px 12px 0 rgba(0, 0, 0, 0.3); border-radius: 4px; background: #fff; border: 1px solid #d0d0d0 }
.drag_main .scrollbar-pane { display: block !important }
.search .form { float: left; width: 100%; position: relative }
.search .form .form-control { height: 40px; padding: 0px 10px 0px 35px; border-radius: 0px; border-bottom: 0px }
.search .form .fa { position: absolute; left: 12px; top: 50%; margin-top: -6px; font-size: 14px; width: 14px; line-height: 14px; color: #666 }
.drag_main.search .drag_list { height: 380px }
.drag_main.search #drag-right .drag_list { height: 420px }
.page-item.disabled span { padding: .5rem .75rem; display: block; margin-left: -1px; line-height: 1.25; color: #5c5c5d; background-color: #fff; border: 1px solid #dee2e6; }
.pagination { display: flex; padding-left: 5px; }
.custom-radio { margin-left: 4px; display: inline-block; }
.select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e72f2f; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; }
.fa-custom { font: normal normal normal 14px/1 FontAwesome; font-size: 19px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.table-custom thead th { font-weight: 500; text-align: center; }
form div.required label:after { content: " * "; color: #f62d51; }
form div.required label.custom-control-label:after { content: " "; }
aside.left-sidebar span img { height: auto; width: auto; max-width: 100%; max-height: 40px; }
header.topbar div.navbar-collapse { height: 60px; }
.mytooltip:hover .tooltip-content { pointer-events: auto; opacity: 1; transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0); padding: 10px; }
.mdi-toggle-switch { font: normal normal normal 24px/1 "Material Design Icons"; line-height: inherit; font-size: 19px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); }
div.custom-dashboard i.ti-shopping-cart { background: #ffbc34; display: inline-block; border-radius: 60px; box-shadow: 0px 0px 2px #fafcff; padding: 0.5em 0.6em; }
div.custom-dashboard i.ti-user { background: #f62d51; display: inline-block; border-radius: 60px; box-shadow: 0px 0px 2px #ffbc34; padding: 0.5em 0.6em; }
div.custom-dashboard i.fa-building { background: #36bea6; display: inline-block; border-radius: 60px; box-shadow: 0px 0px 2px #ffbc34; padding: 0.5em 0.6em; }
div.custom-dashboard i.icon-wallet { background: #009efb; display: inline-block; border-radius: 60px; box-shadow: 0px 0px 2px #ffbc34; padding: 0.5em 0.6em; }
a.asc:after { content: "\f160"; font-family: FontAwesome; }
a.desc:after { content: "\f161"; font-family: FontAwesome; }
#loginform  button.btn-rounded { outline: none; }
.form-group.password-field-group { position: relative; }
.form-group.password-field-group:not(.no-label) .pwd-viewer-toggle { top: 26px; }
.form-group .pwd-viewer-toggle { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 48px; height: 48px; line-height: 42px; text-align: center; font-size: 19px; cursor: pointer; }
nav.navbar  p.my-lg-2 { padding-right: 9px; display: inline-block; color: #494949; }
.left-sidebar .nav-text-box { padding: 3px 25px 4px 15px; }
.m-l-64 { margin-left: 64px; }
.table-grid th, .table-grid thead th { white-space: nowrap; }
.grid-view { display: inline-block; width: 100%; overflow: auto; }
.custom-card-body { overflow-x: auto; }
table .select2-container { max-width: 120px; min-width: 100px; }
table .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 38px; }
table .select2-container--default .select2-selection--single { height: 38px; border: 1px solid #e4e4e4 }
.table-grid td, .table-grid th { padding: 10px !important; }
.card .custom-card-title { position: relative; font-weight: 500; margin-top: 10px; font-size: 20px; color: #4f4f50; display: inline-block; width: 100% }
.custom-card-title { margin-bottom: .75rem; }

/*colour changes*/
a { color: #e81616; }
a:hover { color: #854819; }
.btn-info { background: #e81616 }
.btn-info.focus, .btn-info:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show>.btn-info.dropdown-toggle:focus { box-shadow: inherit !important; }
.btn-info:hover { background: #de6a24; border-color: #de6a24 }
.form-material .form-control, .form-material .form-control.focus, .form-material .form-control:focus { background-image: linear-gradient(#e81616, #e81616), linear-gradient(#e9ecef, #e9ecef); }
.loader__figure { border: 1px solid #fe8208; }
.loader__label { color: #fe8208; }
th a { color: #444; }
th a:hover { color: #000; }
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary { background: #e81616 }
td a { color: #fe8208; }
td a:hover { color: #e81616 }
.page-item.active .page-link { background-color: #5c5c5d; border-color: #5c5c5d; }
.page-link { color: #5c5c5d }
.page-link:hover { color: #6c757d }
.card { padding: 15px; border-radius: 4px; }
.custom-radio .custom-control-input:checked~.custom-control-label::before { background-color: #fe8208 }
.dropdown-item.active, .dropdown-item:active { background-color: #f28730; }
.select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #f0852e; border: 1px solid #f0852e; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #fff; }
.btn-success { background-color: #4f4f50 }
.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show>.btn-info.dropdown-toggle, .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle, .btn-success:hover { background-color: #4f4f50; border-color: #4f4f50 }
.sidebar-nav ul li a { color: #54667a; padding: 6px 5px; display: block; align-items: center; font-size: 15px; padding-left: 36px; font-weight: 300; }
.footer { background: #fff; text-align: right; color: #8e8e8e; }
.bootstrap-switch { border: 1px solid #e81616; border-radius: 1px !important; }
.bootstrap-switch .bootstrap-switch-handle-on { border-radius: 0px !important; }
.sidebar-nav ul li ul li a { padding: 7px 5px 7px 20px; font-size: 14px; }
.footer { display: none; }
.select2-container .select2-selection--single { height: 38px; border: 1px solid #d8d8d8 }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 38px; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 38px; }
.btn { padding: 7px 25px; }
.sidebar-nav ul li a i { position: absolute; left: 0px; top: 50%; margin-top: -10px; }

/**
*
* @author Gautam Elangovan
* For success case danger border color is written below .has-success
* hence it is commented  as per requirement.
*/

/*.has-success .col-form-label, .has-success .custom-control, .has-success .form-check-label, .has-success .form-control-feedback, .has-success .form-control-label{ color: #e81616}*/

.card .card-title { display: inline-block; width: 100%; }
.custom-dashboard .card { border-radius: 5px; }
.custom-dashboard .card i { font-size: 25px; width: 50px; height: 50px; position: absolute; top: -20px; right: -10px; background: #fe8208 !important; padding: 0 !important; text-align: center; line-height: 50px; }
.custom-dashboard .card .card-body { text-align: left; padding: 10px; }
.custom-dashboard .card .card-body h3 { margin-bottom: 0; font-size: 20px; color: #fff; }
.custom-dashboard .card .card-body h4 { font-size: 17px; color: #fff; white-space: nowrap; overflow: hidden; width: 100%; text-overflow: ellipsis; }
.login-register img { margin-bottom: 5px; }
.login-register { padding: 6% 0; }
.login-box { box-shadow: 0px 0px 30px 0px #c6c6c6; border-radius: 5px; }
.jq-toast-wrap.top-right { top: 80px; right: 10px; }
.card-title + a.pull-right.custom_link { margin-top: -30px; position: relative; z-index: 1 }
.overflow-space { display: inline-block; width: 100%; overflow: auto; }
.overflow-space table { white-space: nowrap; }
.button_space .btn { margin-left: 10px }
.form-group { display: inline-block; width: 100%; }
.search-form .form-group { margin-bottom: 8px; }
.card-body { display: inline-block; width: 100%; overflow: auto; }
.language-drop .btn-group.bootstrap-select { max-width: 130px; }
.order-td { margin-right: -25px; }
.tbl_view { padding-right: 30px; }
.help-block { color: red; position: relative; top: -21px; }

/**
*
*@author Gautam Elangovan 
**/
.btn-success { color: #fff; background-color: #36bea6; }
.skin-default-dark .left-sidebar .nav-text-box { height: 59px; line-height: 59px; }
.skin-default-dark .left-sidebar .sidebar-nav ul li a i, .skin-default-dark .left-sidebar .sidebar-nav>ul>li>a i { color: #e63f45; }

/*card*/
.card .text-center { margin-top: 10px }
.card-title h3 { width: 100%; display: inline-block; font-size: 20px; }

/*user*/
.img-circle { margin-right: 10px; margin-top: 3px; }
.btn-info { background: #fe8208; }
.btn-info:hover { background: #345631; border-color: #345631; }
.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show>.btn-info.dropdown-toggle, .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle, .btn-success:hover { background: #31502e; border-color: #31502e; }
.btn.btn-info .fa { padding: 0px 5px; }

/*switch*/
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary, .bootstrap-switch 
.bootstrap-switch-handle-on.bootstrap-switch-primary { background: #fe8208; }
.bootstrap-switch { border: 1px solid #fe8208 }

/*btn*/
.bootstrap-select.btn-group .dropdown-toggle .filter-option { font-weight: normal }
.btn-primary:not(:disabled):not(.disabled):hover { background-color: #fe8208; border-color: #fe8208; outline: inherit !important; box-shadow: inherit !important }
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle { background-color: #fe8208; border-color: #fe8208; outline: inherit !important; box-shadow: inherit }
.btn-primary { background-color: #fe8208; border-color: #fe8208; }
.btn.active, .btn:active { box-shadow: inherit !important; -webkit-box-shadow: inherit !important; }

/*action*/
.table td:last-child { white-space: nowrap; }
html body .m-r-10 { margin-right: 7px; }
.grid-view .table td:last-child a { border: 1px solid #91df92; background: #c8f3c8; border-radius: 100px; width: 28px; height: 28px; line-height: 28px; display: inline-block; text-align: center; margin-right: 5px; }
.grid-view .table td:last-child a .m-r-10 { margin: 0px; }

/*.grid-view .table td:last-child a.quick-view{    border: 1px solid #ecb403!important;background: #ecb403!important;}
.grid-view .table td:last-child a.quick-view:hover{    border: 1px solid #91df92!important;
    background: #c8f3c8!important;
    color: #4eac4f!important;}*/
.grid-view .table td:last-child a:first-child { border-color: #ecb403; background: #ecb403; color: #fff; }
.grid-view .table td:last-child a:nth-child(2) { border-color: #f5365c; background: #f5365c; color: #fff; }
.grid-view .table td:last-child a:last-child { border-color: #45aaf2; background: #45aaf2; color: #fff; }
.grid-view .table td:last-child a:hover { border: 1px solid #fe8208; background: #fe8208; color: #ffffff; }
.order-icon .table td:last-child a.assign-order { background: none; border: none; color: #0000; }
.order-icon .table td:last-child a.track-delivery-boy { background: none; border: none; color: #0000; }
.order-icon .table td:last-child a.quick-view { border-color: #ecb403 !important; background: #ecb403 !important; }
.order-icon .table td:last-child a.quick-view:hover { border: 1px solid #fe8208 !important; background: #fe8208 !important; }
.text-center .btn-success { background-color: #fe8208; margin-right: 10px; }
.cms .table td:last-child a { border-color: #ecb403 !important; background: #ecb403 !important; color: #fff !important; }
.cms .table td:last-child a:hover { border: 1px solid #91df92 !important; background: #c8f3c8 !important; color: #4eac4f !important; }
.cms .table td:last-child a + a { border-color: #45aaf2 !important; background: #45aaf2 !important; color: #fff !important; }
.cms .table td:last-child a + a:hover { border: 1px solid #91df92 !important; background: #c8f3c8 !important; color: #4eac4f !important; }
.user-icon .table td:last-child a:last-child { border-color: #45aaf2 !important; background: #45aaf2 !important; color: #fff !important; }
.user-icon .table td:last-child a:last-child:hover { border: 1px solid #fe8208 !important; background: #fe8208 !important; color: #ffffff !important; }

/*form-group*/
#loginform .form-group { margin-bottom: 18px; }
.form-group { margin-bottom: 10px }

/*table*/
.grid-view .table { border: 1px solid #ddd }
.table thead th { border-bottom: 1px solid #dee2e6; }
table>thead>tr:first-child { background: #777777; }
td a:hover { color: #4eac4f; }
button.confirm { background-color: #fe8208 !important; box-shadow: rgba(85, 194, 86, 0.49) 0px 0px 2px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px inset !important; }

/*select-boostrap*/
.bootstrap-select .dropdown-menu li a:focus, .bootstrap-select .dropdown-menu li a:hover { color: #fe8208; background: #dbf0db; }

/*card detail*/

/*nav-item*/
.nav-item a { color: #666 }
hr { margin-top: 0px; }

/*btn*/
#recoverform .form-group { margin-bottom: 30px }
.btn.btn-default.bootstrap-touchspin-down, .btn.btn-default.bootstrap-touchspin-up { background: #dbf0db; }
.btn { font-weight: 600; padding-left: 27px; padding-right: 27px; font-size: 13px; text-transform: uppercase; }
.bs-caret { position: relative; }
.bootstrap-select.btn-group .dropdown-toggle .caret:after { content: '\f107'; position: absolute; top: 50%; margin-top: -7px; vertical-align: middle; font-family: FontAwesome }
.language-drop .bootstrap-select.show .caret:after { content: '\f106'; }
.language-drop .btn.dropdown-toggle { padding: 7px !important; }
.language-drop .btn-default:hover { background: #ebfeec; outline: inherit !important; }
.btn-success { background-color: #fe8208 !important; }
.btn.active, .btn:active { box-shadow: inherit; -webkit-box-shadow: inherit; }
.btn-secondary { background: #d9d9d9; }
.btn-secondary:hover, .btn-secondary:active { background: #bebebe }
.btn-danger.focus, .btn-danger:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show>.btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(87, 195, 88, 0.48); }
.btn-danger:not(:disabled):not(.disabled):active { background-color: #fe8208; border-color: #fe8208 }
.assign-order .btn-success { margin-left: 15px; }
.btn-success.focus, .btn-success:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show>.btn-success.dropdown-toggle:focus { box-shadow: inherit; outline: inherit; }
.select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #fe8208; border: 1px solid #fe8208; }
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info { background: #fe8208; }

/*select icon*/
.icons-select select.form-control:not([size]):not([multiple]) { height: calc(2.0625rem + 2px); position: relative; padding-left: 25px; }
.icons-select span { position: absolute; z-index: 9; top: 9px; left: 3px; width: 20px; height: 20px; display: inline-block; text-align: center; }
.icons-select span .fa { color: #fe8208; }

/*dropdown*/
.dropdown-item.active, .dropdown-item:active, .dropdown-item:hover { color: #fe8208; background-color: #ebebeb; }

/*table*/
.table td, .table th { padding: 6px 7px; }

/*admin*/
.topbar .top-navbar .navbar-nav>.nav-item.show { padding: 0px 5px; }
.nav-item.dropdown h4 { color: #fff }

/*form-group*/
.form-group .field-cms-cms_status { padding: 10px 0px 0px 10px; }

/*pagination*/
.page-item.active .page-link { background-color: #fe8208; border-color: #fe8208; }

/*modal*/
.modal-footer .btn-danger { background-color: #fe8208; border-color: #fe8208; }
.printview-order-inner .text-info { color: #fe8208 !important; }
.printview-order-inner .table { margin-bottom: 0px }
#delivery_boy .card, #print_content .card { box-shadow: inherit !important; margin-bottom: 0px }

/*datepicker*/
.dtp-content .dtp-buttons .btn { padding: 7px 22px; margin-right: 8px; }
.dtp > .dtp-content > .dtp-date-view > header.dtp-header { background: #ebfeec; color: #fe8208; }
.dtp div.dtp-date, .dtp div.dtp-time, .dtp table.dtp-picker-days tr > td > a.selected { background: #fe8208 }
.text-info { color: #fe8208 !important }
.text-success { color: #fe8208 !important }
.input-group-append .input-group-text .fa { color: #fe8208; }
.pickuptime label.switch { margin-bottom: 0px; text-align: center; margin: 0 auto; display: block; position: relative; top: 7px; }
.text-primary { color: #fe8208 !important; }
.row.p-lg-2 { padding: 0px !important; }
.clockpicker-tick.active, .clockpicker-tick:hover { background-color: rgba(87, 195, 88, 0.42); }
.table td:last-child .btn { padding: 3px 10px; font-size: 11px; }
.ml-auto { margin-bottom: 10px }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { color: #333; font-weight: 500; }
.error-page h3 { color: #000; }
.not_found_page img { max-width: 700px; margin-top: -110px; }
.not_found_page h3 { margin-top: -100px; font-size: 30px; }
.not_found_page p { color: #666 !important; font-size: 20px; margin-top: 20px }
.left-sidebar { box-shadow: inherit; }
.error-body { padding-top: 10px !important; }
.not_found_page .btn { padding: 14px 30px; font-size: 16px; }
.form-material .form-control, .form-material .form-control.focus, .form-material .form-control:focus { background-image: linear-gradient(#fe8208, #fe8208), linear-gradient(#e9ecef, #e9ecef); }
.order-icon .table td:last-child .btn { padding: 3px 2px; font-size: 9px; }
.order-icon .assign-order .btn-success { margin-left: 5px; }
.form-group.field-category-sort_no { max-width: 80px; }
.select2-container { width: 100% !important; }
.login-logo { height: 70px; }
.skin-default-dark .left-sidebar .sidebar-nav ul li a.active, .skin-default-dark .left-sidebar .sidebar-nav ul li a.active i, .skin-default-dark .left-sidebar .sidebar-nav ul li a:hover, .skin-default-dark .left-sidebar .sidebar-nav ul li a:hover i, .skin-default-dark .left-sidebar .sidebar-nav>ul>li.selected>a, .skin-default-dark .left-sidebar .sidebar-nav>ul>li.selected>a i, .skin-default-dark .left-sidebar .sidebar-nav>ul>li>a.active, .skin-default-dark .left-sidebar .sidebar-nav>ul>li>a.active i, .skin-default-dark .left-sidebar .sidebar-nav>ul>li>a:hover, .skin-default-dark .left-sidebar .sidebar-nav>ul>li>a:hover i { color: #fff; background: #fe8208 }
.skin-default-dark .left-sidebar .sidebar-nav ul li ul { background: rgb(28, 5, 49); }
.skin-default-dark .left-sidebar .sidebar-nav>ul>li.selected>a:after { border-color: #fff; }
.page-wrapper { background: #ededed; }
.form-control, select { width: 100%; padding: .375rem .75rem; font-size: .875rem; line-height: 1.5; background-color: #f7f7f7; border: 1px solid #d8d8d8; border-radius: .25rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; }
.select2-container--default .select2-selection--single { background-color: #f7f7f7; }
table .select2-container--default .select2-selection--single { border: 1px solid #d8d8d8; }
.grid-view .table td:last-child a span { margin: 0px; }
.custom-dashboard .card-body { padding: 0px; }
.select2-container--default .select2-selection--multiple { background-color: #f7f7f7; border: 1px solid #d8d8d8; border-radius: 3px }
.table p { margin: 0; }
.table-striped tbody tr:nth-of-type(odd) { background: #ececec; }
body { color: #444 }
.sidebar-nav { background: #270746; }
.skin-default-dark .left-sidebar .sidebar-nav>ul>li.selected>a { background: #182516; }
.skin-default-dark .left-sidebar .sidebar-nav>ul>li.selected>a i { background: #182516; }
.skin-default-dark .left-sidebar .sidebar-nav>ul>li>a:hover { background: #182516; }
.sidebar-nav>ul>li.selected, .sidebar-nav>ul>li:hover { background: #182516 }
.skin-default-dark .left-sidebar .sidebar-nav ul li a.active, .skin-default-dark .left-sidebar .sidebar-nav ul li a.active i, .skin-default-dark .left-sidebar .sidebar-nav ul li a:hover, .skin-default-dark .left-sidebar .sidebar-nav ul li a:hover i, .skin-default-dark .left-sidebar .sidebar-nav>ul>li.selected>a, .skin-default-dark .left-sidebar .sidebar-nav>ul>li.selected>a i, .skin-default-dark .left-sidebar .sidebar-nav>ul>li>a.active, .skin-default-dark .left-sidebar .sidebar-nav>ul>li>a.active i, .skin-default-dark .left-sidebar .sidebar-nav>ul>li>a:hover, .skin-default-dark .left-sidebar .sidebar-nav>ul>li>a:hover i { background: #182516 }
.custom-dashboard .card.text-white {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#395f9f+0,2f3964+100 */
background: rgb(57, 95, 159); /* Old browsers */ background: -moz-linear-gradient(top, rgba(57, 95, 159, 1) 0%, rgba(47, 57, 100, 1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(57, 95, 159, 1) 0%, rgba(47, 57, 100, 1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(57, 95, 159, 1) 0%, rgba(47, 57, 100, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#395f9f', endColorstr='#2f3964', GradientType=0); /* IE6-9 */ }
.custom-dashboard .card .card-body h3, .custom-dashboard .card .card-body h4 { color: #2d2a2a; }
.table-striped thead th a, .table-striped thead th { color: #fff; }
.page-wrapper .card.text-white { background: rgb(107, 143, 103); background: -moz-linear-gradient(top, rgb(39, 7, 70) 0%, rgba(37, 60, 35, 1) 100%); background: -webkit-linear-gradient(top, rgb(39, 7, 70) 0%, rgb(254, 130, 8) 100%); background: linear-gradient(to bottom, rgb(39, 7, 70) 0%, rgb(254, 130, 8) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b8f67', endColorstr='#253c23', GradientType=0); }
.page-wrapper .card.text-white h3, .page-wrapper .card.text-white h4 { color: #fff; }
.tab-content.tabcontent-border { padding: 10px; }
.bg-primary { background-color: #fe8208 !important; }
.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show>.btn-info.dropdown-toggle, .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle, .btn-success:hover { background: #345631; border-color: #345631; }

/*vendor panel*/
.vendor-panel .btn-info { background: #777777; }
.vendor-panel .form-material .form-control, .vendor-panel .form-material .vendor-panel .form-control.focus, .vendor-panel .form-material .form-control:focus { background-image: linear-gradient(#c7c7c7, #6b6b6b), linear-gradient(#dcdcdc, #6b6b6b); }
.vendor-panel  .card-sty:before { content: ''; background: rgba(255, 255, 255, 0.32); width: 85px; height: 85px; position: absolute; right: -40px; top: 4px; overflow: hidden; border-radius: 50%; }
.vendor-panel  .page-wrapper .card.text-white { background: #697ae6; }
.vendor-panel .card-sty { position: relative; }
.vendor-panel .card-sty:after { content: ''; background: rgba(255, 255, 255, 0.18); width: 85px; height: 85px; position: absolute; right: -13px; bottom: -24px; overflow: hidden; border-radius: 50%; }
.vendor-panel .overallTable tr th { color: #fff; }
.vendor-panel .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #2b2f3a; border: 1px solid #2b2f3a; }
.vendor-panel .custom-radio .custom-control-input:checked~.custom-control-label::before { background-color: #2b2f3a; }
.vendor-panel .grid-view .table td:last-child a:hover { border: 1px solid #2b2f3a; background: #2b2f3a; color: #ffffff; }
.vendor-panel .order-icon .table td:last-child a.quick-view:hover { border: 1px solid #2b2f3a !important; background: #2b2f3a !important; }
.vendor-panel .printview-order-inner .text-info { color: #2b2f3a !important; }
.vendor-panel .modal-footer .btn-danger { background-color: #2b2f3a; border-color: #2b2f3a; }
.vendor-panel .dropdown-item.active, .dropdown-item:active, .dropdown-item:hover { color: #fe8208; background-color: #ebebeb; }
.vendor-panel .custom-dashboard .card i { background: #404040 !important; }
.vendor-panel .bg-primary { background-color: #404040 !important; }
.vendor-panel .dropdown-item.active, .dropdown-item:active, .dropdown-item:hover { color: #404040; }
.vendor-panel .btn-success { background-color: #404040 !important; }
.vendor-panel .sidebar-nav { position: relative; background: url(../images/background/ban1.jpg); background-position: center; height: 100%; width: 100%; }
.vendor-panel .skin-default-dark .left-sidebar .sidebar-nav ul li a.active, .skin-default-dark .left-sidebar .sidebar-nav ul li a.active i, .skin-default-dark .left-sidebar .sidebar-nav ul li a:hover, .skin-default-dark .left-sidebar .sidebar-nav ul li a:hover i, .skin-default-dark .left-sidebar .sidebar-nav>ul>li.selected>a, .skin-default-dark .left-sidebar .sidebar-nav>ul>li.selected>a i, .skin-default-dark .left-sidebar .sidebar-nav>ul>li>a.active, .skin-default-dark .left-sidebar .sidebar-nav>ul>li>a.active i, .skin-default-dark .left-sidebar .sidebar-nav>ul>li>a:hover, .skin-default-dark .left-sidebar .sidebar-nav>ul>li>a:hover i { background: #fe8208 }
.vendor-panel .skin-default-dark .left-sidebar { background: #292929 }
.vendor-panel.skin-default-dark .left-sidebar .sidebar-nav ul li ul { background: rgb(38, 41, 49); }
.skin-default-dark .left-sidebar .sidebar-nav ul li a.active { background: #fe8208; }
.img-modal { width: 70px; height: 70px; display: inline-block; text-align: center; border: 1px solid #18bee8; border-radius: 3px; cursor: pointer; padding-top: 9px; background: #18bee8; }
.remove-image-contaner a { width: 70px; height: 70px; display: inline-block; border: 1px solid #b1b1b1; margin-right: 5px; margin-bottom: 5px; position: relative; }
.remove-image-contaner a img { width: auto; height: auto; max-height: 70px; }
.remove-image-contaner a .close-remove { position: absolute; bottom: 0px; background: #3fbee8; padding: 0; width: 25px; height: 25px; right: 0px; font-size: 20px; border-radius: 50%; text-align: center; line-height: 25px; box-shadow: 0px 0px 10px 2px #ffffff; margin: 0; color: #fff; }
.img_upload_listing .remove_button { background: #3fbee8; color: #fff; font-size: 16px; }
.upload_popup_modal .modal-dialog { max-width: 800px; }
.upload_popup_modal .close { color: #fff; }
.img_upload_listing { margin-bottom: 15px; }

/*responsive*/
@media only screen and (max-width:767px) {
	.card { padding: 0px; }
	body, .page-wrapper { background: #fff; }
	.custom-dashboard .card .card-body { padding: 10px; }
	.fixed-layout .topbar { position: relative; }
	.fixed-layout .page-wrapper { padding-top: 20px; }
	.card-body { padding: 0px; }
/*	.grid-view .table-grid td, .grid-view .table-grid th { display: inline-block; width: 100%; border: none; }*/
/*	.grid-view .table-grid tr { display: inline-block; width: 100% }*/
	.page-link, .page-item.disabled span { padding: 8px 7px; }
    .table td, .table th{ white-space:nowrap; }
}

/*responsive*/