html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
body { line-height: 1 }
ol, ul { list-style: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none }
table { border-collapse: collapse; border-spacing: 0 }
html { font-size: 62.5% }
body { font-size: 1.6rem; font-family: 'Open Sans', sans-serif ;}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0px 1000px #FFFFFF inset !important; transition: background-color 5000s ease-in-out 0s }
/*---------- Utility ----------*/
a { cursor: pointer }
textarea{resize: none;}
.form-group{position: relative;}
.border-none{border: none !important;}
.v-align-middle{vertical-align: middle !important;}
.control-loading { background: url(../img/loading.gif) no-repeat !important; background-position: right 2px center !important; background-size: 26px !important; opacity: 0.7 !important; pointer-events: none !important; }
.content-loader { position: relative; pointer-events: none; }
.content-loader:before { content: ''; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5) url(../img/loading.gif) no-repeat; background-size: 50px; left: 0; top: 0; background-position: center; }
.bold{font-weight: 600;}
.extra-bold{font-weight: 600;}
.p-title { font-size: 18px; font-weight: 600; }
.custom-scroll { position: relative }
.asterisk { color: #ec1c24; font-weight: 600 }
.d-flex-xs-block { display: flex; width: 100% }
.form-control, .btn { font-size: 1.4rem }
.page-title-inner { font-size: 18px; color: rgb(54, 23, 85); line-height: 1.2; font-weight: 600; }
.btn,.btn:hover,.btn:focus,.btn:active{outline:0;box-shadow:none;transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out}
.btn-h-32{
padding: 7px 20px !important;
}
.h-32{
height: 32px;
}
.mt-lbl{
margin-top: 19px;
}
.font-20{
font-size: 20px;
}
.text-break{
word-break: break-all !important;
}
.btn-clone{
border: none;
padding: 0;
margin-left: 10px;
font-size: 18px;
color: #00adee;
}
.form-control:disabled,
.form-control[readonly] {
background-color: #f7f7f7;
opacity: 1;
}
.disabled-control{
pointer-events: none;
opacity: 0.7;
cursor: not-allowed;
}
.form-control.h-28{
height: 28px !important;
font-size: 13px !important;
}
#close_sidebar_mobile{ display: none; }
.min-h-35{
display: flex;
align-items: center;
min-height: 35px;
}
.min-h-30{
display: flex;
align-items: center;
min-height: 30px;
}
.min-h-28{
display: flex !important;
align-items: center;
min-height: 28px;
}
.m-h-0{
min-height: 0 !important;
}
.m-w-40{
min-width: 40px !important;
}
.m-w-60{
min-width: 60px !important;
}
.m-w-70{
min-width: 70px !important;
}
.m-w-80{
min-width: 80px !important;
}
.m-w-90{
min-width: 90px !important;
}
.m-w-100{
min-width: 100px !important;
}
.m-w-120{
min-width: 120px !important;
}
.m-w-150{
min-width: 150px !important;
}
.m-w-200{
min-width: 200px !important;
}
.m-w-220{
min-width: 220px !important;
}
.m-w-240{
min-width: 240px !important;
}
.m-w-280{
min-width: 280px !important;
}
.m-w-300{
min-width: 300px !important;
}
.font-8{ font-size: 8px; }
.font-10{ font-size: 10px; }
.font-18{ font-size: 18px !important; }
.font-10-dark{ font-size: 10px; color: #333; }
.font-12-dark{ font-size: 12px; color: #333; }
.font-12-dark.bold{ font-weight: bold; }
.font-14-dark{ font-size: 14px !important; font-weight: 400 !important; color: #333; }
.font-14-dark.bold{ font-weight: 600 !important; }
.font-16-dark{ font-size: 16px; color: #333; }
.font-16-dark.bold{ font-weight: 600; }
.font-18-dark{ font-size: 18px; color: #333; }
.font-18-dark.bold{ font-weight: 600; }
.flex-one{ flex: 1 }
.flex-none{ flex: none }
.overflow-auto{overflow: auto;}
.btn.btn-color-theme { background: #361755; color: #fff; padding: 8px 38px }
.btn.btn-rounded { border-radius: 20px }
.btn.btn-green { background-color: #999999; color: #ffffff !important;}
.btn.btn-blue, .btn-blue:hover { color: #fff; background: #00adee }
.btn.btn-light-blue{ background: #cceffc; color: #00adee; }
.btn.btn-light-blue:hover{}
.btn.btn-red,.btn.btn-red:hover { color: #fff !important; background: #ec1c24; text-decoration: none; }
.btn.btn-green { color: #fff; background: #afd136 }
.btn.btn-gray { background-color: #999999; color: #FFF }
.btn.btn-form { border-radius: 5px; font-size: 1.4rem; padding: 12px 30px; line-height: 1; font-weight: 600 }
.btn.btn-form + .btn.btn-form { margin-left: 10px }
.btn.btn-form:last-child { margin-left: 0 }
.btn-add { padding: 5px 10px; font-size: 14px; font-weight: 700; line-height: 1.2 }
.btn-add.btn-light-green { color: #fff; background-color: rgba(175, 209, 54, 0.2) }
.btn-add.btn-light-green:hover{ background-color: #d7e89a; }
.btn-add.btn-light-green:active{background: #afd136; color: #fff;}
.btn-add.btn-light-green:active .icon-moon{color: #fff !important;}
.btn-add.btn-light-green .icon-moon { color: #afd136 !important; font-size: 16px !important; margin: 0 !important }
.btn-add.btn-light-orange, .btn-add.btn-light-orange:hover { color: #fff; background-color: rgba(246, 142, 30, 0.2) }
.btn-add.btn-light-orange .icon-moon { color: #f68e1e !important; font-size: 16px; margin: 0 }
.font-12{ font-size: 12px !important; }
/* Filter Button */
.btn.btn-filter { background: #f3dbea; color: #c54d95; font-size: 14px; font-weight: 700 }
.btn.btn-filter:hover { background: #e2a6ca }
.btn.btn-filter.open { background: #c54d95; color: #fff }
.btn.btn-filter .icon-moon { font-size: 12px; margin-right: 6px }
.btn.btn-filter .icon-moon.icon-Drop-Down-1 { font-size: 5px !important; margin-right: 0 !important; margin-left: 6px }
/*---------- Right Items ----------*/
.right-items .btn-header { display: inline-flex; align-items: center; border-radius: 3px; height: 28px; margin-left: 10px; font-size: 12px; font-weight: 600; }
.right-items .btn-add .icon-moon { margin-right: 6px }
.right-items>.btn + .btn { margin-left: 10px }
/*---------- Page Loader ----------*/
.page-loader { display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); z-index: 10000 }
.page-loader > img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) }
/*----------- Popover ----------*/
.popover{
font-size: 13px;
min-width: 200px;
}
.popover .popover-header{
font-size: 14px;
font-weight: 600;
background: transparent;
border-bottom: 2px solid #e5e5e5;
}
.popover .popover-body{
min-height: 50px;
}
/*---------- General Header Tab ----------*/
.mobile-header{display: none;}
.header-tab.nav-tabs { border-bottom: none; margin: 0 auto; }
.header-tab.nav-tabs .nav-link { position: relative; font-size: 14px; color: rgb(51, 51, 51); line-height: 1; padding: 6px 12px; border: none; font-weight: 600; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; }
.header-tab.nav-tabs .nav-link:hover { color: #f7973a; }
.header-tab.nav-tabs .nav-link.active { color: #f68e1e; }
.header-tab.nav-tabs .nav-link.active:before { content: ''; position: absolute; height: 2px; width: 100%; background-color: #f68e1e; left: 0; bottom: -12px; }
.header-tab.nav-tabs .dropdown-menu { top: 12px !important; padding: 0; }
.header-tab.nav-tabs .dropdown-menu .dropdown-item { font-size: 14px; color: rgb(51, 51, 51); line-height: 1; padding: 10px 15px; border: none; font-weight: 600; }
.header-tab.nav-tabs .dropdown-item.active, .header-tab.nav-tabs .dropdown-item:active { color: #f68e1e !important; text-decoration: none; background-color: transparent !important; }
/*---------- Date Picker ----------*/
.datepicker.dropdown-menu { font-size: 1.4rem; text-align: center; }
.datepicker td, .datepicker th { padding: 10px; color: #777 }
.datepicker table tr td.day:hover, .datepicker table tr td.day.focused { color: #000 }
.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover { background-image: linear-gradient(to bottom, #f68e1e, #f68e1e); color: #fff }
.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover { background-image: linear-gradient(to bottom, #afd136, #afd136); color: #fff }
/*---------- Data Table ----------*/
.dataTables_wrapper { display: flex; flex: 1; flex-direction: column; height: 100%; }
table.dataTable.no-footer, table.dataTable thead th, table.dataTable thead td { border-bottom: none }
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td { border-top: 1px solid transparent; outline: 0; box-shadow: none; line-height: 1.3; }
table.dataTable tbody th, table.dataTable tbody td { padding: 5px; vertical-align: middle; font-size: 13px }
table.dataTable tbody select, table.dataTable tbody input { font-size: 13px; line-height: 24px; height: 26px !important; padding-top: 0; padding-bottom: 0; }
table.dataTable tbody select.form-control { background-position: right 6px center; padding-right: 18px; background-size: 10px; }
table.dataTable thead th, table.dataTable thead td { padding: 5px; font-size: 13px; font-weight: 600; text-align: left; vertical-align: top; }
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover,
table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1,
table.dataTable.display tbody tr.even>.sorting_1, table.dataTable.order-column.stripe tbody tr.even>.sorting_1,
table.dataTable tbody tr, table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
background: transparent; background-color: transparent
}
/*table.dataTable tbody tr.tr-selected,
table.dataTable tbody tr.odd,
table.dataTable tbody tr:nth-child(odd){ background: #e9f6fc !important}*/
/*table.dataTable tbody tr.tr-selected td,
table.dataTable tbody tr.odd td { border-top: 1px solid #ecded9 }*/
table.dataTable.display tbody tr.odd{
background: #e9f6fc;
}
table.dataTable.display tbody tr:hover{ background: #fef3e8 !important;}
/*table.dataTable tbody tr:hover td{ border-top: 1px solid #ddd }*/
table.dataTable thead tr td,
table.dataTable thead tr th{
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #dddddd;
line-height: 1.2;
}
table.dataTable thead .sorting { background-image: url(../img/sort_both.svg); background-size: 6px; background-position: top 11px left 0px; padding: 10px 5px 10px 12px;}
table.dataTable thead .sorting_asc { background-image: url(../img/sort_asc.svg); background-size: 6px; background-position: top 11px left 0px; padding: 10px 5px 10px 12px;}
table.dataTable thead .sorting_desc { background-image: url(../img/sort_desc.svg); background-size: 6px; background-position: top 11px left 0px; padding: 10px 5px 10px 12px; }
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child,
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child {
padding-left: 5px;
}
.action-btns, .action-btns li { font-size: 0 }
.action-btns li { display: inline-block; vertical-align: middle; margin-right: 5px }
.action-btns li:last-child { margin-right: 0 }
.action-btns li a { display: inline-flex; align-items: center; justify-content: center; border-radius: 100%; width: 30px; height: 30px; margin: 2px 0 }
.action-btns li a:hover, .action-btns li a:focus, .action-btns li a:active { text-decoration: none; outline: 0; box-shadow: none }
.action-btns li a.btn-edit { background: #d7d1dd }
.action-btns li a.btn-delete { background: #fbd2d3 }
.action-btns li a.btn-comman { background: #cceffc }
.action-btns li a.btn-error-log { background: #fbd2d3 }
.action-btns li a .icon-moon { font-size: 12px }
.action-btns li a.btn-edit .icon-moon { color: #361755 }
.action-btns li a.btn-delete .icon-moon { color: #ec1c24 }
.action-btns li a.btn-error-log .icon-moon { color: #ec1c24 }
.action-btns li a.btn-comman .icon-moon { color: #00adee }
/*---------- Data Table Custom Structure ----------*/
.custom-table-body .table td, .custom-table-body .table th { border-top: none }
.custom-table-header, .custom-table-footer { flex: none }
.custom-table-footer { border-top: 2px solid #e5e5e5; padding: 10px 10px 0; display: flex; align-items: center; justify-content: space-between }
/*.custom-table-body { flex: 1; overflow: auto } Due to dubble scrolling in list view*/
.custom-table-body { flex: 1;overflow-x: auto; overflow-y: hidden; }
.custom-table-footer .dataTables_length label { font-size: 12px; color: rgb(51, 51, 51); font-weight: bold; line-height: 1.2 }
.custom-table-footer .dataTables_length select { height: 28px; border: none; border-bottom: 1px solid #cccccc; outline: 0; font-size: 12px; font-weight: 600; color: #333333; background: transparent; background: url(../img/select.svg) no-repeat; background-size: 20px; background-position: right 0px center; padding-right: 20px;padding-left: 10px; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; }
.custom-table-footer .dataTables_info { font-size: 12px; color: #333; line-height: 1.2; font-weight: 700; }
.custom-table-footer .dataTables_info, .custom-table-footer .dataTables_paginate { padding-top: 0 }
.custom-table-footer .dataTables_paginate, .custom-table-footer .dataTables_paginate span { display: flex }
.custom-table-footer .dataTables_paginate .paginate_button { font-size: 12px; font-weight: 700; color: rgb(51, 51, 51); line-height: 1.4; padding: 6px; border-radius: 100%; width: 24px; height: 24px; margin: 0 5px; display: flex; align-items: center; justify-content: center }
.custom-table-footer .dataTables_paginate .paginate_button.previous, .custom-table-footer .dataTables_paginate .paginate_button.next { background: #eaeaea }
.custom-table-footer .dataTables_paginate .paginate_button .icon-moon { font-size: 4px }
.custom-table-footer .dataTables_paginate .paginate_button.previous { transform: rotate(90deg) }
.custom-table-footer .dataTables_paginate .paginate_button.next { transform: rotate(-90deg) }
.custom-table-footer .dataTables_paginate .paginate_button.current, .custom-table-footer .dataTables_paginate .paginate_button.current:hover, .custom-table-footer .dataTables_paginate .paginate_button:hover { background: #f68e1e; border: none; color: #fff !important; font-weight: 700 }
/*---------- Filter Box ----------*/
.search-filter-dropdown { display: none; background-color: rgb(255, 255, 255); box-shadow: -10px 0px 24px 0px rgba(0, 0, 0, 0.15); width: 452px; position: absolute; right: 0; top: 50px; z-index: 10; height: calc(100vh - 50px) }
.search-filter-dropdown.open { display: block }
.search-filter-dropdown .title { font-size: 14px; color: rgb(51, 51, 51); font-weight: bold; text-transform: uppercase; line-height: 1.2; margin-bottom: 24px }
.search-filter-dropdown .fancy-checkbox { color: #00adee; margin-top: 15px; margin-bottom: 15px; display: block; line-height: normal; }
.search-filter-dropdown .fancy-checkbox input[type="checkbox"]+span i{bottom: -2px;}
.search-filter-dropdown .sort-container, .search-filter-dropdown .filter-container { padding: 20px }
.search-filter-dropdown .form-flex { display: flex; flex-direction: column; height: 100% }
.search-filter-dropdown .form-flex .form-fields { flex: 1; overflow: auto }
.search-filter-dropdown .form-flex .form-buttons { text-align: right; padding: 20px }
.search-filter-dropdown .form-flex .form-buttons .btn { font-size: 12px; font-weight: 600; padding: 4px 20px; margin-left: 10px; }
.search-filter-dropdown.mega-filter{
width: 98%;
}
/*---------- Bulk Action ----------*/
.bulk-action-dropdown .dropdown-menu { top: 11px !important; border-radius: 0; background-color: rgb(255, 255, 255); box-shadow: 5px 3px 15px 0px rgba(0, 0, 0, 0.15); min-width: 200px; border: none; padding: 20px }
.bulk-action-dropdown .dropdown-menu .title { font-size: 14px; color: rgb(51, 51, 51); font-weight: bold; text-transform: uppercase; line-height: 1.2; margin-bottom: 10px }
.bulk-action-dropdown .dropdown-menu .btn { padding: 0; background: transparent; font-size: 14px; font-weight: normal; color: rgb(51, 51, 51); line-height: 1.2; width: 100%; text-align: left; margin-top: 10px; }
.bulk-action-dropdown .dropdown-menu .btn .icon-moon { margin: 0; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; font-size: 12px; margin-right: 10px; display: inline-block; text-align: center; }
.bulk-action-dropdown .dropdown-menu .btn .glyphicon { margin: 0; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; font-size: 12px; margin-right: 10px; display: inline-block; text-align: center; }
.bulk-action-dropdown .dropdown-menu .btn .glyphicon.red {
background: #fbd2d3;
color: #ec1c24;
display: flex;
align-items: center;
justify-content: center;
}
.bulk-action-dropdown .dropdown-menu .btn .icon-moon.red { background: #fbd2d3; color: #ec1c24 }
.bulk-action-dropdown .dropdown-menu .btn .icon-moon.yellow { background: #fce8d2; color: #f28c1e }
.bulk-action-dropdown .dropdown-menu .btn .icon-moon.gray { background: #d6d6d6; color: #333333 }
.bulk-action-dropdown .dropdown-menu .btn .icon-moon.geen { background:rgba(175, 209, 54, 0.2); margin-right: 10px !important;}
.bulk-action-dropdown .dropdown-menu .btn .img-round-icon {
display: inline-flex;
align-items: center;
justify-content: center;
}
.bulk-action-dropdown .dropdown-menu .btn .img-round-icon img {
width: 13px;
}
.icon-moon.icon-Active.icon-disable {background: #e8e8e8; }
.icon-moon.icon-Active.icon-disable:before {font-size: 15px; position: relative; top:1px;}
.bulk-action-dropdown .dropdown-toggle { background: transparent; background-color: transparent; padding: 0; line-height: 1; display: flex; align-items: center; padding: 7px 0px 3px; }
.bulk-action-dropdown .dropdown-toggle .icon-moon{ font-size: 8px; margin: -1px 0 0 0; }
.bulk-action-dropdown .dropdown-toggle::after { content: none }
/*---------- More Actions ----------*/
.more-action-dropdown{ display: inline-flex; }
.more-action-dropdown .dropdown-menu { top: 11px !important; border-radius: 0; background-color: rgb(255, 255, 255); box-shadow: 5px 3px 15px 0px rgba(0, 0, 0, 0.15); min-width: 226px; border: none; padding: 20px }
.more-action-dropdown .dropdown-menu .title { font-size: 14px; color: rgb(51, 51, 51); font-weight: bold; text-transform: uppercase; line-height: 1.2; margin-bottom: 10px }
.more-action-dropdown .dropdown-menu .btn { padding: 0; background: transparent; font-size: 14px; font-weight: normal; color: rgb(51, 51, 51); line-height: 1.2; width: 100%; text-align: left; margin-top: 10px; }
.more-action-dropdown .dropdown-menu .btn .icon-moon { margin: 0; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; font-size: 12px; margin-right: 10px; display: inline-block; text-align: center; }
.more-action-dropdown .dropdown-menu .btn .icon-moon.red { background: #fbd2d3; color: #ec1c24 }
.more-action-dropdown .dropdown-menu .btn .icon-moon.yellow { background: #fce8d2; color: #f28c1e }
.more-action-dropdown .dropdown-menu .btn .icon-moon.gray { background: #d6d6d6; color: #333333 }
.more-action-dropdown .dropdown-toggle { background: #eaeaea; background-color: #eaeaea; line-height: 1; display: flex; align-items: center; padding: 5px 10px; height: 28px; }
.more-action-dropdown.show .dropdown-toggle { background: #333333; background-color: #333333; }
.more-action-dropdown.show .dropdown-toggle .icon-moon.icon-Drop-Down-1 { color: #eaeaea; }
.more-action-dropdown .dropdown-toggle .icon-moon.icon-Drop-Down-1 { margin-left: 0; color: #333333 ; font-size: 6px; }
.more-action-dropdown .dropdown-toggle::after { content: none }
/*---------- Custom Checkbox ----------*/
.fancy-checkbox input[type="checkbox"]+span { display: flex; align-items: center; cursor: pointer; position: relative; line-height: normal; }
.fancy-checkbox input[type="checkbox"] { display: none }
.fancy-checkbox input[type="checkbox"]+span i { display: inline-block; vertical-align: middle; align-self: normal; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; position: relative; bottom: -2px; content: ""; border: 1px solid #c1c1c1; flex: 0 0 16px; width: 16px; height: 16px; margin-right: 10px; background: #fff }
.fancy-checkbox input[type="checkbox"]:checked+span i { background: #f68e1e; border: 1px solid #f68e1e }
.fancy-checkbox input[type="checkbox"]:checked+span i:after { width: 5px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); display: block; position: relative; top: 1px; left: 4px; content: ''; background-color: transparent }
.fancy-checkbox input[type="checkbox"]:indeterminate+span i { background: #f68e1e; border: 1px solid #f68e1e }
.fancy-checkbox input[type="checkbox"]:indeterminate+span i:after { width: 8px; border-bottom: 2px solid #fff; display: block; position: relative; top: 6px; left: 3px; content: ''; background-color: transparent }
.fancy-checkbox.sm input[type="checkbox"]+span i { flex: 0 0 14px; width: 14px; height: 14px;}
.fancy-checkbox.sm input[type="checkbox"]:checked+span i:after { width: 4px; height: 8px; top: 1px; left: 4px; }
/*---------- Custom Radio ----------*/
.fancy-radio input[type="radio"]+span { display: flex; align-items: center; cursor: pointer; position: relative }
.fancy-radio input[type="radio"] { display: none }
.fancy-radio input[type="radio"]+span i { display: inline-block; position: relative; bottom: 1px; content: ""; margin-right: 10px; width: 20px; height: 20px; border: 2px solid #c2c2c2; background: #fff; border-radius: 100%; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out }
.fancy-radio input[type="radio"]:checked+span i { background: rgb(246, 142, 30); border: 1px solid rgb(246, 142, 30); box-shadow: 0px 0px 15px 0px rgba(246, 142, 30, 0.51) }
.fancy-radio input[type="radio"]:checked+span i:after { }
.fancy-radio.sm input[type="radio"]+span i { width: 14px; height: 14px;}
.fancy-radio input[type="radio"]:disabled+span i { cursor: not-allowed; display: inline-block; position: relative; bottom: 1px; content: ""; margin-right: 10px; width: 20px; height: 20px; border: 2px solid #c2c2c2; border-radius: 100%; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out }
/*---------- Custom File ----------*/
.inputfile-custom { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1 }
.inputfile-custom + label { border: 1px solid #c1c1c1; color: #495057; padding: 0; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; display: flex; height: 32px; border-radius: 5px; overflow: hidden }
.inputfile-custom + label span, .inputfile-custom + label strong { padding: 8px 15px }
.inputfile-custom + label span { flex: 1; order: 2; text-overflow: ellipsis; white-space: nowrap; overflow: hidden }
.inputfile-custom + label strong { order: 1; height: 100%; font-weight: 600; background-color: #999999; color: #FFF; }
/*---------- Custom File Normal ----------*/
.inputfile-custom-normal { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1 }
.inputfile-custom-normal + label { color: #495057; padding: 0; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; display: flex; height: 32px; overflow: hidden }
.inputfile-custom-normal + label strong { padding: 8px 15px; order: 1; height: 100%; font-weight: 600; background-color: #999999; color: #FFF; }
/*---------- Custom Select ----------*/
.bootstrap-select.form-control { border: 1px solid #c1c1c1; }
.bootstrap-select>.dropdown-toggle { border: none; height: 32px !important; background: transparent; background-color: transparent !important; border-radius: 5px; outline: 0 !important; box-shadow: none; }
.bootstrap-select>.dropdown-toggle:hover, .bootstrap-select>.dropdown-toggle:focus, .bootstrap-select>.dropdown-toggle:active { box-shadow: none; outline: 0 !important; }
.bootstrap-select .dropdown-item { font-size: 14px; }
.bootstrap-select .dropdown-menu { padding: 0; }
.bootstrap-select .no-results { color: red; font-size: 12px; background: transparent }
.bootstrap-tagsinput { width: 100%; border: 1px solid #c1c1c1; border-radius: 5px; padding: 2px; box-shadow: none; }
.bootstrap-tagsinput .tag { font-size: 12px; font-weight: 600; background: #00adee; padding: 0px 5px; border-radius: 5px; margin: 2px; display: inline-flex; align-items: center; }
.bootstrap-tagsinput input { width: 100%; font-size: 14px; padding: 2px 5px; }
.tt-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 200px; padding: 5px 10px; margin: 2px 0 0; list-style: none; font-size: 14px; background-color: #ffffff; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; cursor: pointer; }
.bootstrap-tagsinput .tag [data-role="remove"] { font-family: 'PoundShopttf' !important; }
.bootstrap-tagsinput .tag [data-role="remove"]:after { content: "\e964" !important; font-size: 8px; }
.bootstrap-tagsinput .twitter-typeahead{ min-width: 200px; }
/*---------- Login ----------*/
.login-container { width: 100%; min-height: 100vh; background: url('../img/login-banner-new.png'); background-size: cover; background-position: center; padding: 16px; }
.login-container .login-logo { max-width: 260px; }
.login-container .login-form-outer { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 0 16px 16px ; }
.login-container .login-form { display: flex; flex-direction: column; justify-content: center; border-radius: 6px; background: #ffffff; box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.15); width: 420px; padding: 24px; overflow: auto }
.login-container .login-form .form { margin-top: 24px }
/* .login-container .login-form .img-fluid { left: 0; top: 20%; } */
.login-container .login-form .title { font-size: 2.6rem; color: #333; line-height: 1.2; font-weight: bold;}
.login-container .login-form .subtitle { font-size: 14px; }
.login-form .form-group { margin-bottom: 16px }
.login-form .form-group .login-lbl { font-size: 1.4rem; color: rgb(83, 83, 83); line-height: 1.2; margin-bottom: 6px }
/* .login-form .form-group{margin-bottom:30px} */
.login-form .forgot-link{right: 8px; top:50%; translate: 0 -50%;}
.login-form .forgot-link:hover{text-decoration:none;}
/* .login-form .form-group .form-control { border-color: #cccccc; height: 46px; border-radius: 5px; outline: 0; box-shadow: none; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out } */
.login-form .form-group .form-control:focus { border-color: #00adee; }
/* .login-container .forgot-url { padding: 0px 0; border-radius: 5px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc } */
.login-container .forgot-url a { color: #ec1c24; font-size: 14px;}
.login-container .privacy-term { margin-top: 10px; font-size: 1.4rem; color: rgb(128, 128, 128); line-height: 1.2; text-align: center; margin-left: 5px; margin-right: 5px;}
.login-container .privacy-term a { color: #00adee }
.version-copy{
background: #222;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 10px 10px;
display: flex;
justify-content: space-between;
}
.login-container .version,
.login-container .copyright{
font-size: 12px;
color: #fff;
}
.page-wrapper { background: #ffffff; height: 100vh }
.page-wrapper .page-title { flex: none; font-size: 18px; line-height: 28px; color: #361755; font-weight: 700; text-transform: uppercase }
.sidebar-area { display: flex; flex-direction: column; z-index: 1001; width: 228px; max-width: 228px; background: #fff; height: 100%; position: fixed; left: 0px; top: 0px; overflow: hidden; border-right: 1px solid #e6e6e6; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out }
.sidebar-area .logo-area { flex: none; height: 50px; align-items: center; display: flex; padding-left: 10px; margin-right: 10px; border-bottom: 2px solid #e6e6e6 }
.sidebar-area .logo-area .logo-a { margin-left: 10px }
.sidebar-area .logo-area img { width: 160px }
.sidebar-area .side-navbar { flex: 1; padding: 0 10px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out }
.sidebar-area .side-navbar ul li { border-bottom: 1px solid #e6e6e6 }
.sidebar-area .side-navbar ul li a { font-size: 14px; color: #323232; text-decoration: none; padding: 10px; display: flex; align-items: center; height: 46px }
.sidebar-area .side-navbar ul li a .icon-moon { margin-right: 5px; font-size: 18px; width: 22px; flex: 0 0 22px; }
.sidebar-area .side-navbar ul li a .icon-moon.f-12 { font-size: 12px }
.sidebar-area .side-navbar ul li a .icon-moon.f-14 { font-size: 14px }
.sidebar-area .side-navbar ul li a .text { white-space: nowrap; font-weight: 600; font-size: inherit; text-overflow: ellipsis; overflow: hidden; line-height: 21px; }
.sidebar-area .side-navbar ul li.active a, .sidebar-area .side-navbar ul li.active a:hover { color: #f7962d; text-transform: uppercase }
.sidebar-area .side-navbar ul li.active .open-submenu:after { color: #fff }
.sidebar-area .side-navbar ul li a:hover { background: #fef3e8; }
.sidebar-area .side-navbar ul li .sub-menu { /* padding-left: 5px; */ background: #ddd; max-height: 0; overflow: hidden; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out }
.sidebar-area .side-navbar ul li .sub-menu.open { max-height: 5000px }
.sidebar-area .side-navbar ul li .open-submenu { margin-left: auto; cursor: pointer; background: transparent; border: none; outline: 0; font-size: 22px; font-weight: 600 }
.sidebar-area .side-navbar ul li .open-submenu:after { content: '+' }
.sidebar-area .side-navbar ul li .open-submenu.open:after { content: '-' }
.sidebar-area.sidebar-collapsed { width: 60px }
.sidebar-area.sidebar-collapsed .side-navbar ul li .sub-menu { padding-left: 0px }
.sidebar-area.sidebar-collapsed .side-navbar, .sidebar-area.sidebar-collapsed .logo-area { padding: 0 10px }
.sidebar-area.sidebar-collapsed .side-navbar ul li a .text, .sidebar-area.sidebar-collapsed .item-name, .sidebar-area.sidebar-collapsed .btn-profile-toggle, .sidebar-area.sidebar-collapsed .logo-area .logo-a, .sidebar-area.sidebar-collapsed .open-submenu { display: none }
.sidebar-collapsed .content-area { margin-left: 60px }
.btn-toggle_sidebar { position: relative; display: inline-block; margin: 0 5px; width: 20px; height: 16px; padding: 0; border-radius: 0; background: transparent; outline: 0 !important; box-shadow: none !important }
.btn-toggle_sidebar .bar { width: 100%; height: 2px; background: #222; position: absolute; left: 0; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out }
.btn-toggle_sidebar .bar:nth-child(1) { top: 0 }
.btn-toggle_sidebar .bar:nth-child(2) { top: 6px }
.btn-toggle_sidebar .bar:nth-child(3) { bottom: 0 }
.sidebar-collapsed .btn-toggle_sidebar .bar:nth-child(1) { transform: rotate(45deg); top: 6px }
.sidebar-collapsed .btn-toggle_sidebar .bar:nth-child(2) { opacity: 0 }
.sidebar-collapsed .btn-toggle_sidebar .bar:nth-child(3) { transform: rotate(-45deg); bottom: 6px }
.profile-dropdown { flex: none; height: 50px; position: relative; box-shadow: 0px 6px 24px 0px rgba(0, 0, 0, 0.15) }
.profile-dropdown .item-container { display: flex; align-items: center; padding: 10px }
.profile-dropdown ul { background-color: rgb(255, 255, 255); box-shadow: 0px 6px 24px 0px rgba(0, 0, 0, 0.15); width: 100%; position: absolute; left: 0px; bottom: auto }
.profile-dropdown ul.open { bottom: 0 }
.profile-dropdown ul.open .btn-profile-toggle img { transform: rotate(180deg) }
.profile-dropdown .item-icon { border-radius: 50%; flex: 0 0 32px; width: 32px; height: 32px; margin-right: 10px; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.profile-dropdown .item-icon.user { background-color: #cccccc; background-size: cover; background-position: center; }
.profile-dropdown .item-icon.profile { background-color: #f4dbeb }
.profile-dropdown .item-icon.profile .icon-moon { color: #c94c9a }
.profile-dropdown .item-icon.logout { background-color: #fbd2d3 }
.profile-dropdown .item-icon.logout .icon-moon { color: #ec1c24 }
.profile-dropdown .item-name, .profile-dropdown .item-name a { font-size: 15px; color: rgb(0, 0, 0); line-height: 1.2; flex: 1; text-decoration: none }
.profile-dropdown .item-name.bold { font-weight: 700 }
.btn-profile-toggle { cursor: pointer; background: transparent; border: none; outline: none !important }
.content-area { margin-left: 228px; padding-left: 10px; display: flex; height: 100%; min-height: 0; transition: all 0.4s ease-in-out; webkit-transition: all 0.4s ease-in-out }
.content-area .content-card { display: flex; flex-direction: column; width: 100%; background: #fff; border-radius: 6px }
.content-area .content-card .card-flex-container { position: relative; flex: 1; overflow: auto; padding: 15px 0; min-height: 70vh; }
.content-area .content-card .card-flex-container:after { content: ''; position: absolute; width: 0%; height: 0%; top: 0; left: 0; background: rgba(255, 255, 255, 0.7); z-index: 9 }
.content-area .content-card .card-flex-container.filter-open:after { width: 100%; height: 100% }
.content-area .content-card .content-card-header { position: relative; flex: none; padding: 10px 15px 10px 0; display: flex; align-items: center; justify-content: space-between; border-bottom: 2px solid #e5e5e5 }
.content-area .content-card .content-card-header .pipe { background: #cccccc; width: 1px; height: 40px; margin: 0 30px }
.content-area .content-card .content-card-footer { flex: none }
.content-area .content-card .content-card-header .center-items {flex:1; padding: 0 20px; display: flex;align-items: center; justify-content: center; }
.content-area .content-card .content-card-header .center-items .txt-listing-search, .content-area .content-card .content-card-header .center-items .txt-listing-search:hover, .content-area .content-card .content-card-header .center-items .txt-listing-search:focus, .content-area .content-card .content-card-header .right-items .txt-listing-search, .content-area .content-card .content-card-header .right-items .txt-listing-search:hover, .content-area .content-card .content-card-header .right-items .txt-listing-search:focus { width: 100%; height: 28px; padding: 0 28px 0 10px; font-size: 13px; color: rgba(51, 51, 51, 1); line-height: 1.2; border-style: solid; border-width: 1px; border-color: #999999; border-radius: 3px; outline: 0; box-shadow: none; background: url('../img/search.png') no-repeat; background-position: right 7px center; background-size: 14px; /*max-width: 500px;*/ }
.content-area .content-card .content-card-header .center-items .refresh , .content-area .content-card .content-card-header .right-items .refresh { display: inline-block; width: 28px; height: 28px; background: url('../img/refresh.png') no-repeat; background-size: 14px; background-position: center; margin-left: 12px; cursor: pointer }
.content-area .content-card .content-card-header .right-items { order: 2; display: flex; flex:0 0 320px; /*flex-wrap: wrap;*/ align-items: center; justify-content: flex-end; }
.content-area .content-card .content-card-header .right-items.lg{ flex: 0 0 440px; }
.content-area .content-card .content-card-header .right-items.invoice-matching{ flex: 0 0 630px;}
.card-flex-container .form-flex { display: flex; flex-direction: column; /*height: 100%*/ }
.card-flex-container .form-flex .form-fields { flex: 1; margin-bottom: 0px; overflow: auto }
.overflow-initial {overflow: initial !important;}
.card-flex-container .form-flex .content-card-footer { flex: none }
.right-items .btn-add { display: inline-flex; align-items: center; }
.right-items .btn-add .icon-moon { font-size: 12px !important; }
.custom-row-gutter-ten { flex: 1; display: flex; flex-wrap: wrap; margin-left: -10px; margin-right: -10px }
.custom-row-gutter-ten .custom-col-5 { flex: 0 0 33.3%; padding: 0 10px }
.custom-row-gutter-ten .custom-col-half { flex: 0 0 50%; padding: 0 10px }
.dashboard-card { padding: 15px; margin-bottom: 15px; border-radius: 15px; min-height: 365px }
.dashboard-card.mini-height { min-height: 324px }
.dashboard-card .dash-card-header { display: flex; align-items: center; margin-bottom: 40px }
.dashboard-card .dash-card-header .header-icon { flex: 0 0 60px; height: 60px; display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 100% }
.dashboard-card .dash-card-header .header-title { font-size: 20px; color: rgb(255, 255, 255); line-height: 1.2; margin: 0; padding-left: 15px }
.dash-card-count li { display: flex; align-items: center; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.302) }
.dash-card-count li:last-child { border-bottom: none !important }
.dash-card-count .title { font-size: 16px; color: rgb(255, 255, 255); line-height: 1.2 }
.dash-card-count .count { font-size: 18px; color: rgb(255, 255, 255); line-height: 1.2 }
.dashboard-card.red { background-image: -moz-linear-gradient(150deg, rgb(236, 28, 36) 0%, rgb(255, 92, 98) 100%); background-image: -webkit-linear-gradient(150deg, rgb(236, 28, 36) 0%, rgb(255, 92, 98) 100%); background-image: -ms-linear-gradient(150deg, rgb(236, 28, 36) 0%, rgb(255, 92, 98) 100%) }
.dashboard-card.red .header-icon .icon-moon { font-size: 30px; color: #ec1c24 }
.dashboard-card.blue { background-image: -moz-linear-gradient(150deg, rgb(0, 173, 238) 0%, rgb(110, 215, 255) 100%); background-image: -webkit-linear-gradient(150deg, rgb(0, 173, 238) 0%, rgb(110, 215, 255) 100%); background-image: -ms-linear-gradient(150deg, rgb(0, 173, 238) 0%, rgb(110, 215, 255) 100%) }
.dashboard-card.blue .header-icon .icon-moon { font-size: 30px; color: #00adee }
.dashboard-card.pink { background-image: -moz-linear-gradient(150deg, rgb(201, 76, 154) 0%, rgb(251, 118, 201) 100%); background-image: -webkit-linear-gradient(150deg, rgb(201, 76, 154) 0%, rgb(251, 118, 201) 100%); background-image: -ms-linear-gradient(150deg, rgb(201, 76, 154) 0%, rgb(251, 118, 201) 100%) }
.dashboard-card.pink .header-icon .icon-moon { font-size: 30px; color: #c94c9a }
.dashboard-card.orange { background-image: -moz-linear-gradient(150deg, rgb(246, 142, 30) 0%, rgb(245, 164, 78) 100%); background-image: -webkit-linear-gradient(150deg, rgb(246, 142, 30) 0%, rgb(245, 164, 78) 100%); background-image: -ms-linear-gradient(150deg, rgb(246, 142, 30) 0%, rgb(245, 164, 78) 100%) }
.dashboard-card.orange .header-icon .icon-moon { font-size: 30px; color: #f68e1e }
.dashboard-card.green { background-image: -moz-linear-gradient(-30deg, rgb(175, 209, 54) 0%, rgb(149, 185, 22) 100%); background-image: -webkit-linear-gradient(-30deg, rgb(175, 209, 54) 0%, rgb(149, 185, 22) 100%); background-image: -ms-linear-gradient(-30deg, rgb(175, 209, 54) 0%, rgb(149, 185, 22) 100%) }
.dashboard-card.green .header-icon .icon-moon { font-size: 30px; color: #afd136 }
.card-bordered { border-style: solid; border-width: 2px; border-radius: 15px }
.card-bordered.color-1 { border-color: rgb(246, 142, 30) }
.card-bordered.color-1 .header-icon { background: #fde8d2 }
.card-bordered.color-1 .header-icon .icon-Product-Status { font-size: 30px; color: #f68e1e }
.card-bordered.color-1 .header-title, .card-bordered.color-1 .dash-card-count .title, .card-bordered.color-1 .dash-card-count .count { color: #f68e1e }
.card-bordered.color-1 .dash-card-count li { border-bottom: 1px solid rgba(246, 142, 30, 0.302) }
.card-bordered.color-2 { border-color: rgb(54, 23, 85) }
.card-bordered.color-2 .header-icon { background: #d7d1dd }
.card-bordered.color-2 .header-icon .icon-Margin-Rate-of-Sale { font-size: 30px; color: #361755 }
.card-bordered.color-2 .header-title, .card-bordered.color-2 .dash-card-count .title, .card-bordered.color-2 .dash-card-count .count { color: #361755 }
.card-bordered.color-2 .dash-card-count li { border-bottom: 1px solid rgba(54, 23, 85, 0.302) }
.stock-tab .dropdown-toggle { font-size: 16px; color: #f68e1e; line-height: 1.2; background: transparent; padding: 0; box-shadow: none }
.stock-tab .dropdown-toggle .icon-Stock { margin-right: 10px }
.stock-tab .dropdown-toggle::after { margin-left: 10px; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent }
.stock-tab .dropdown-menu { border: none; padding: 0; top: 20px !important; border-radius: 10px; overflow: hidden; background-color: rgb(255, 255, 255); box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.15) }
.stock-tab .dropdown-menu .dropdown-item { font-size: 14px; color: #333333; padding: 10px 20px; border-bottom: 1px solid #e5e5e5; cursor: pointer; outline: 0 !important }
.stock-tab .dropdown-menu .dropdown-item.active, .stock-tab .dropdown-menu .dropdown-item:active { color: #f68e1e !important; background: transparent !important; background-color: transparent !important }
.stock-tab .dropdown-menu .dropdown-item .icon-moon { margin-right: 12px }
.product-category { display: inline-flex; border-style: solid; border-width: 2px; border-color: rgb(236, 28, 36); border-radius: 5px; padding: 8px; margin-right: 10px }
.product-category li { font-size: 16px; color: rgb(236, 28, 36); font-weight: bold; line-height: 1.2; padding: 0 10px; border-right: 1px solid rgb(236, 28, 36) }
.product-category li:first-child { padding-left: 0 }
.product-category li:last-child { padding-right: 0; border-right: none }
.barcode-scanner { font-size: 16px; color: rgba(26, 26, 26, 0.6); line-height: 1.2; margin-right: 20px; display: flex; align-items: center }
.product-category .category-filter { width: 28px; height: 24px; background: #fbd2d3; border-radius: 5px; display: flex; align-items: center; justify-content: center; text-decoration: none }
.product-category .category-filter .icon-Filter { font-size: 10px; color: #ec1c24 }
.barcode-scanner img { max-width: 30px; margin-right: 10px }
th.email, td.email { width: 220px !important; max-width: 220px !important; word-break: break-all }
/*th.action, td.action { width: 110px !important }*/
th.index, td.index { width: 40px !important }
.btn-blue, .btn-blue:hover { color: #fff; background: #00adee }
.btn-red { color: #fff; background: #ec1c24 }
.btn-green { color: #fff; background: #afd136 }
.col-form-label { font-size: 14px ;padding-top: 4px;padding-bottom: 4px; letter-spacing: 0.2px;}
.col-form-label strong { font-weight: 600; }
.form-control { border: 1px solid #c1c1c1; border-radius: 5px; background-color: #fff;/* transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out */}
select.form-control, input.form-control { height: 32px !important }
input.form-control.header-form-control{ height: 28px !important }
select.form-control { background: url('../img/select.svg') no-repeat; background-size: 22px; background-position: right 5px center; padding-right: 25px; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: '' }
.form-control:hover, .form-control:focus, .form-control:active { box-shadow: none; outline: 0; border: 1px solid #333333 }
/*---------- Role Management ----------*/
.roles-card { padding: 14px 10px; border: 1px solid #ddd; margin-bottom: 10px; border-radius: 5px }
.roles-card .fancy-checkbox input[type="checkbox"]+span i { width: 18px; height: 18px }
.roles-card .fancy-checkbox input[type="checkbox"]:checked+span i:after { width: 6px; height: 12px; top: 1px; left: 5px }
.parent-role input[type="checkbox"]+span { font-size: 16px; font-weight: bold }
.child-role { margin-top: 15px; display: flex; align-items: center; flex-wrap: wrap }
.child-role>div { margin-top: 5px; margin-right: 10px }
.parent-card { position: relative; margin-top: 20px }
.parent-card .parent-role { position: absolute; left: 10px; top: -8px; background: #fff }
/*---------- Category Slider ----------*/
.category-list-holder { display: block; height: 100%; width: 100%; padding: 0 20px;}
.category-list-holder .category-level { padding: 0 10px; height: 100% }
.category-list-holder .category-level>ul { height: 100%; background: #e6e6e6; overflow: auto; min-height: calc(100vh - 180px); max-height: calc(100vh - 180px); }
.category-list-holder .category-level>ul>li { padding: 20px; border-bottom: 1px solid #c2c2c2 }
.category-list-holder .category-level>ul>li a { position: relative; padding-left: 30px; font-size: 14px; color: rgb(20, 23, 23); line-height: 1.4; text-decoration: none; display: flex; align-items: center; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out }
.category-list-holder .category-level>ul>li a .icon-moon { margin-left: auto; font-size: 10px }
.category-list-holder .category-level>ul>li a.active { color: #f68e1e; font-weight: 600 }
.category-list-holder .category-level>ul>li a:before { content: ''; position: absolute; left: 0; width: 20px; height: 20px; border: 2px solid #c2c2c2; background: #fff; border-radius: 100%; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out }
.category-list-holder .category-level>ul>li a.active:before { border-radius: 50%; background-color: rgb(246, 142, 30); border-color: rgb(246, 142, 30); box-shadow: 0px 0px 15px 0px rgba(246, 142, 30, 0.51) }
.category-breadcrumbs{ margin-bottom: 15px; }
.category-breadcrumbs ul li { position: relative; display: inline-block; padding-right: 20px; }
.category-breadcrumbs ul li:after { content: '>'; position: absolute; right: 5px; line-height: 18px; }
.category-breadcrumbs ul li:last-child:after { content: none; }
.category-breadcrumbs ul li a { font-size: 14px; font-weight: 600; color: #00adee; text-decoration: none; }
/*---------- Range Management ----------*/
.category-tree-view .child-ul { position: relative; padding-left: 20px }
.category-tree-view .child-ul>li { position: relative }
.category-tree-view .child-ul>li:before { content: ''; height: 5px; width: 5px; position: absolute; top: 12px; left: 9px; background: #f68e1e; border-radius: 100% }
/*.category-tree-view .child-ul>li:nth-child(odd){
background: #fff !important;
}
.category-tree-view .child-ul>li:last-child .parent-category{
border-bottom: none;
}*/
.category-tree-view .child-ul:before { content: ''; height: calc(100% - 27px); width: 2px; position: absolute; top: 15px; left: 31px; border-left: 1px dashed #f68e1e }
.category-tree-view .child-ul .parent-category{ padding-top: 2px; padding-bottom: 2px; border-bottom: 1px solid #fff; }
.category-tree-view .parent-category { position: relative; display: flex; align-items: center; margin: 0 0; padding-left: 28px; padding-top: 3px; padding-bottom: 3px; line-height: 20px; }
.category-tree-view .parent-category .expand { position: absolute; font-size: 16px; left: 3px; top: 6px; background: #f68e1e; text-decoration: none; width: 16px; height: 16px; display: flex; align-items: center; justify-content: center; color: #fff; border-radius: 100% }
.category-tree-view .parent-category .expand.disabled { background: #cecece; font-size: 0; }
.category-tree-view .parent-category .name { font-size: 14px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 10px }
.category-tree-view .child-ul .parent-category .name { font-weight: 400; font-size: 14px; line-height: 1.5; }
.category-tree-view .parent-category .category-action { flex: none; margin-left: auto }
.category-tree-view .parent-category .btn.btn-blue,.category-tree-view .parent-category .btn.btn-red { font-size: 12px; padding: 0 10px; font-weight: 600; background: transparent }
.category-tree-view .parent-category .btn.btn-blue { color: #00adee }
.category-tree-view .parent-category .btn.btn-red { color: #ec1c24 !important }
.category-tree-view .child-ul .parent-category .expand{
top: 8px;
}
.category-tree-view.no-background .parent-category{
padding-top: 5px; padding-bottom: 5px;
}
.category-tree-view .child-ul .parent-category .fancy-checkbox input[type="checkbox"]+span i{
bottom: -4px;
}
.parent_child_relation>ul>li:nth-child(odd){
background: #fef3e8 !important
}
.parent_child_relation>ul>li:nth-child(even){
background: #f4f4f4 !important;
}
.parent_child_relation.no-background>ul>li:nth-child(odd),
.parent_child_relation.no-background>ul>li:nth-child(even){
background: transparent !important;
}
.custom-tree .category-tree-view .parent-category .expand{
top: 5px;
}
.custom-tree .category-tree-view .child-ul>li:before{
top: 12px;
}
.custom-tree .category-tree-view .child-ul .parent-category .expand {
top: 6px;
}
.range-mgmt .title { font-size: 18px; font-weight: 600; color: rgb(54, 23, 85); line-height: 1.2; margin-bottom: 20px }
.add-category-form .input-btn { position: relative }
.add-category-form .input-btn .btn-container { position: absolute; top: 1px; right: 1px; width: 30px }
.add-category-form .input-btn .btn-container .btn-remove { background: #f7bdbe; color: #e42328; border: none; width: 100%; height: 30px; border-radius: 0 4px 4px 0;}
.add-category-form .input-select-group * { border-radius: 0 }
.add-category-form .input-select-group input { margin-right: -1px }
/*---------- PO ----------*/
.status-color { display: inline-block; vertical-align: bottom; margin-right: 10px; width: 6px; height: 14px; }
.cell-align-top.table tbody tr td { vertical-align: top; }
.custom-table.bordered-tbl{
border: 2px solid #dee2e6;
}
.custom-table.table-striped tbody tr:nth-child(odd){ background: #e9f6fc !important }
.custom-table thead td { font-size: 14px; color: rgb(51, 51, 51); font-weight: bold; line-height: 1.2; }
.custom-table thead .sorting {
background: url(../img/sort_both.svg) no-repeat;
background-size: 6px;
background-position: center left 0px;
padding: 5px 5px 5px 15px;
}
.custom-table thead .sorting_asc {
background: url(../img/sort_asc.svg) no-repeat;
background-size: 6px;
background-position: center left 0px;
padding: 5px 5px 5px 15px;
}
.custom-table thead .sorting_desc {
background: url(../img/sort_desc.svg) no-repeat;
background-size: 6px;
background-position: center left 0px;
padding: 5px 5px 5px 15px;
}
.custom-table.table td, .custom-table.table th { border-top: none; }
.custom-table.table thead td{ position: relative; z-index: 9; background-color : #FFFFFF; box-shadow: 0 1px 0 #dddddd; vertical-align: top; }
.custom-table tbody td { border-bottom: 3px solid #e6e6e6; vertical-align: top; }
.custom-table tbody td, .custom-table tfoot td { padding: 8px; }
.custom-table.p-4 thead th {padding: 8px 4px;}
.custom-table.p-4 tbody td, .custom-table.p-4 tfoot td { padding: 4px; }
.custom-table thead td.align-center, .custom-table tbody td.align-center { vertical-align: middle !important; }
.custom-table tfoot td { vertical-align: middle; border-bottom: 1px solid #c1c1c1; }
.custom-table tfoot td .title { font-size: 14px; font-weight: 600; }
.custom-table tfoot td .desc { font-size: 14px; font-weight: 400; }
.custom-table .w-4 { width: 4%; }
.custom-table .w-8 { width: 8%; }
.custom-table .w-10 { width: 10%; }
.custom-table .w-12 { width: 12%; }
.custom-table .w-13 { width: 13%; }
.custom-table .w-14 { width: 14%; }
.custom-table .w-15 { width: 15%; }
.custom-table .w-16 { width: 16%; }
.custom-table .w-17 { width: 17%; }
.custom-table .w-18 { width: 18%; }
.custom-table .w-20 { width: 20%; }
.custom-table .w-21 { width: 21%; }
.custom-table .w-22 { width: 22%; }
.custom-table .w-23 { width: 23%; }
.custom-table .w-25 { width: 25%; }
.custom-table .w-30 { width: 30%; }
.custom-table .w-35 { width: 35%; }
.custom-table .group-item { font-size: 12px; margin: 5px 0; align-items: center; }
.custom-table .group-item .color-blue { color: #0600ff !important; }
.color-blue { color: #0600ff !important; }
.color-red { color: #e42328 !important; }
.color-purple{ color: #342254 !important; }
.custom-table .group-item .color-light { color: #9a9a9a !important; }
.custom-table .group-item:first-child { margin-top: 0 }
.custom-table .group-item:last-child { margin-bottom: 0; }
.custom-table .group-item input[type=text],
.custom-table input[type=text],
.custom-table .group-item input[type=number],
.custom-table input[type=number] { border: 1px solid #c1c1c1; border-radius: 5px; font-size: 12px; width: 100%; height: 26px; padding: 0 8px; outline: 0; box-shadow: none; }
.custom-table .group-item .title, .custom-table .title { font-size: 12px; font-weight: 600; line-height: 1.4; }
.custom-table .group-item .w-60 { flex: 0 0 60px; }
.custom-table .group-item .w-80 { flex: 0 0 80px; }
.custom-table .icon-Delete { color: #ec1c24; }
.container-info.shipping-container-cost {
position: relative;
padding: 10px 15px;
background: #FFF;
display: flex;
flex-wrap: wrap;
align-items: center;
position: fixed;
width: 290px;
top: 83px;
box-shadow: 4px 3px 6px rgba(0,0,0,0.3);
z-index: 10;
right: -290px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.container-info.shipping-container-cost.open {
right: 0;
}
.container-info.shipping-container-cost .shipping-toggle{
position: absolute;
width: 38px;
height: 40px;
background: #0600ff;
top: 20px;
left: -38px;
border-radius: 20px 0 0 20px;
display: flex;
align-items: center;
justify-content: center;
}
.container-info.shipping-container-cost .shipping-toggle .icon-moon{
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
background: #514dff;
color: #fff;
border-radius: 100%;
font-size: 13px;
}
.container-info.shipping-container-cost .form { display: flex; flex-wrap: wrap; flex: 1; /*justify-content: center;*/ align-items: center; flex: 0 0 100%; }
.container-info.shipping-container-cost .title { font-size: 14px; color: rgb(228, 35, 40); font-weight: bold; line-height: 1.2; min-width: 150px; flex: 0 0 100%; margin-bottom: 10px; }
.container-info.shipping-container-cost .form-field { margin-bottom: 10px; font-size: 12px; flex: 0 0 100%; }
.container-info.shipping-container-cost .form-field:last-child { margin-right: 0; }
.container-info.shipping-container-cost .form-field .custom-lbl { min-width: 120px; font-size: 12px; color: rgb(51, 51, 51); font-weight: bold; line-height: 1.6; margin-right: 10px; }
.container-info.shipping-container-cost .form-field input[type=text] { border-style: solid; border-width: 1px; border-color: rgb(51, 51, 51); border-radius: 5px; background-color: rgb(255, 255, 255); font-size: 12px; color: #333333; padding: 0 8px; width: 70px; height: 30px; outline: 0; box-shadow: none; }
.container-info { padding: 10px 15px; background: #e6e6e6; margin-bottom: 10px; display: flex; align-items: center; }
.container-info .form { display: flex; flex-wrap: wrap; flex: 1; /*justify-content: center;*/ align-items: center; }
.container-info .title { font-size: 14px; color: rgb(228, 35, 40); font-weight: bold; line-height: 1.2; min-width: 150px; }
.container-info .form-field { margin-right: 20px; font-size: 14px; }
.container-info .form-field:last-child { margin-right: 0; }
.container-info .form-field .custom-lbl { font-size: 14px; color: rgb(51, 51, 51); font-weight: bold; line-height: 1.6; margin-right: 10px; }
.container-info .form-field input[type=text] { border-style: solid; border-width: 1px; border-color: rgb(51, 51, 51); border-radius: 5px; background-color: rgb(255, 255, 255); font-size: 12px; color: #333333; padding: 0 8px; width: 70px; height: 30px; outline: 0; box-shadow: none; }
.w-50 { display: inline-block; width: 50px !important; }
.w-60 { display: inline-block; width: 60px !important; }
.w-90 { display: inline-block; width: 90px !important; }
.w-50-block { display: block; width: 50px !important; }
.w-120 { display: inline-block; width: 120px !important; }
.w-130 { width: 130px !important; }
.w-150 { width: 150px !important; }
.w-180 { width: 180px !important; }
.w-100 { width: 100px !important; }
.w-80 { width: 80px !important; }
.pl-24 { padding-left: 24px; }
.bl-2 { border-left: 2px solid #e6e6e6; }
.bb-2 { border-bottom: 2px solid #e6e6e6; }
.btn-refresh,
.btn-refresh:hover{ color: #00adee; text-decoration: none; font-size: 14px; }
/*.table {
border: 1px solid #dee2e6;
}*/
.table-responsive{min-height: 500px; overflow-y: hidden;}
.table tr td, .table tr th { vertical-align: middle; font-size: 13px; }
.table.border-less td,
.table.border-less th{
border-top: none !important;
}
.table thead tr th { font-weight: 700; border-bottom: 1px solid #e6e6e6; vertical-align: top; }
.font-500 { font-weight: 600; }
.inner-tab.nav-tabs .nav-link { font-size: 14px; font-weight: 600; padding: 10px 20px !important; color: #777; }
.inner-tab.nav-tabs .nav-link.active { color: #f68e1e; background-color: transparent; border-color: #f68e1e #f68e1e #fff; }
.slick-track { margin-left: inherit; margin-right: inherit; }
.search-by-category { position: relative; display: inline-flex; flex: 1 }
.search-by-category select.search-category { position: absolute; left: 0; top: 0; height: 28px !important; width: 140px; border-radius: 3px 0px 0px 3px; background: #ddd url(../img/select.svg) no-repeat; background-size: 23px; background-color: #ddd !important; background-position: right 5px center; }
.search-by-category .txt-listing-search { padding-left: 150px !important; }
.search-by-category .search-category { position: absolute; left: 0; top: 0; height: 28px !important; width: 140px; border-radius: 3px 0px 0px 3px; background: #ddd url(../img/select.svg) no-repeat; background-size: 23px; background-color: #ddd !important; background-position: right 5px center; }
.ser-select .btn{
width: 140px;
padding: .27rem .75rem;
color: #495057 !important;
background: transparent !important;
text-align: left;
border: 1px solid #c1c1c1;
border-radius: .25rem 0 0 .25rem;
}
.ser-select .btn.dropdown-toggle::after{
border: 0;
}
.ser-select .dropdown-menu{
width: 100%;
font-size: 14px;
}
.ser-select .dropdown-item, .ser-select label{
padding: .50rem 1.5rem;
}
.search-input { background: url(../img/search.png) no-repeat; background-position: right 7px center; background-size: 14px; padding-right: 40px; }
.icon-despatch-custom{
background: url(../img/despatch.svg) no-repeat;
width: 22px;
height: 18px;
background-size: 18px;
margin-right: 5px;
}
.icon-reverse_pick-custom{
background: url(../img/reverse_pick.png) no-repeat;
width: 22px;
height: 18px;
background-size: 18px;
margin-right: 5px;
}
#select_2_dropdown { position: relative; }
.select2-container { min-width: 100%; }
.select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #00adee; border: 1px solid #00adee; border-radius: 3px; padding: 4px 4px; font-size: 13px; font-weight: 600; color: #fff; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #fff; margin-right: 5px; }
.custom-field{
border: 1px solid #ddd;
padding: 15px;
margin: 10px 0;
}
.w-auto{
width: auto;
}
.text-nowrap{
white-space: nowrap;
}
.img-container-tbl{
display: inline-block;
position: relative;
margin-bottom: 4px;
}
.btn-remove-img{
height: 16px;
width: 16px;
background: red;
color: #fff;
border: none;
position: absolute;
right: 0;
padding: 0;
cursor: pointer;
}
/*---------- Material Receipt ----------*/
.material-receipt-body,.inner-content-body { flex: 1; overflow: auto; position: relative; }
.material-receipt-header, .material-receipt-footer,.inner-content-header,.inner-content-footer { flex: none; }
.material-receipt-footer { padding: 10px 0; border-top: 2px solid #e6e6e6; display: flex; align-items: center; }
.material-receipt-footer>div{ flex: 1 }
.material-receipt-header .bg-gray,
.inner-content-header .bg-gray{ background: #e6e6e6; padding: 8px 10px; margin-bottom: 5px; }
.material-receipt-header .bookin-ref { text-decoration: none; }
.search-product-container { position: relative; flex: 0 0 610px; border-radius: 3px; }
.search-product-container .form-control { height: 30px !important; border-radius: 0 3px 3px 0; font-size: 12px; }
.search-product-container .select-product-filter, .search-product-container .select-product-filter:focus { position: absolute; background: #999999 url('../img/drop-down-arrow.png') no-repeat; border: 1px solid #999; color: #fff; top: 0; left: 0; width: 150px; background-size: 10px; background-position: center right 10px; }
.search-product-container input, .search-product-container input:focus { padding-left: 160px; border: 1px solid #999999; }
.mr-product-detail { padding-left: 20px; position: relative; }
.mr-product-detail .product-title { min-height: 40px; display: block; }
.descripencies-list .fancy-checkbox { margin: 5px 0px; }
.descripencies-list .fancy-checkbox input[type="checkbox"]+span:hover { color: #0600ff; }
.btn-more-detail { background: #d6d3dd; border-color: #d6d3dd; display: flex; align-items: center; height: 30px; }
.btn-more-detail .icon-moon { color: #362456 }
.mr-product-detail .product-tags { position: absolute; top: 0; left: 0; }
.mr-product-detail .product-tags .tag { cursor: pointer; font-size: 10px; font-weight: 700; background: #222; color: #fff; margin-bottom: 5px; padding: 2px 3px; letter-spacing: 1px; height: 14px; max-width: 14px; white-space: nowrap; overflow: hidden; }
.mr-product-detail .product-tags .tag.new { background: #009759; }
.mr-product-detail .product-tags .tag.master { background: #e42328; }
.mr-product-detail .product-tags .tag.variation { background: #da6146; }
.mr-product-detail .product-tags .tag:hover, .mr-product-detail .product-tags .tag:focus { max-width: 500px; letter-spacing: 1px; }
.mr-product-detail .product-tags .tag::first-letter { margin-right: 3px; }
.mr-product-detail .product-tags .tag:hover::first-letter, .mr-product-detail .product-tags .tag:focus::first-letter { margin-right: 0px; }
.material-receipt-body .diff-plus,.material-receipt-body .diff-plus .font-14-dark { color: #009759 !important; }
.material-receipt-body .diff-minus,.material-receipt-body .diff-minus .font-14-dark { color: #e42328 !important; }
.case-location-box { display: flex; background: #eae8ee; }
.case-location-box .left { flex: 0 0 22%; background: #e1dee6; position: relative; }
.case-location-box .left li { padding: 15px 20px; border-bottom: 1px solid #cfcbd7; }
.case-location-box .left li:last-child { border-bottom: none; }
.case-location-box .left .btn-float-top{ position: absolute; right: 10px; top: 10px; }
.checklist-container { position: fixed; z-index: 11; top: 0; /*right: 0;*/ right: -420px; width: 420px; height: 100%; background: #fff; border-left: 5px solid #0600ff; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; }
.checklist-container.open { right: 0; }
.checklist-container .btn-checklist-toggle { position: absolute; width: 38px; height: 40px; background: #0600ff; top: 48%; left: -43px; border-radius: 20px 0 0 20px; display: flex; align-items: center; justify-content: center; }
.checklist-container .btn-checklist-toggle .icon-moon { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; background: #514dff; color: #fff; border-radius: 100%; font-size: 16px; }
.checklist-container .checklist-detail { padding: 20px; height: 100%; overflow: auto; }
.checklist-container .checklist-detail .title { font-size: 14px; color: rgb(54, 23, 85); font-weight: 700; text-transform: uppercase; margin-bottom: 30px; }
.checklist-detail .upload-img-container{position: relative;}
.checklist-detail .upload-img-container figure { position: relative; display: inline-block; background: #f2f2f2; }
.checklist-detail .upload-img-container input { position: absolute; left: 0; top: 0; opacity: 0; width: 0; height: 0; }
.checklist-detail .upload-img-container input + label { position: absolute; bottom: 12px; right: 10px; background: #aeca3b; font-size: 10px; font-weight: 600; color: #fff; text-transform: uppercase; padding: 4px 6px; border-radius: 3px; }
.checklist-detail .bootstrap-select { border: none; border-radius: 0; border-bottom: 2px solid #cccccc; }
.checklist-detail .upload-img-container .btn-delete{
position: absolute;
background: red;
padding: 2px 5px;
top: 0;
left: 80px;
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 0 0 0 4px;
}
.checklist-detail .upload-img-container .btn-delete .icon-moon{
color: #fff;
font-size: 10px;
}
.product-case-detail .card-cols { display: flex; align-items: center; }
.product-case-detail .card-cols>div { padding: 0 5px; }
.case-location-box .right { flex: 1; padding: 10px; }
.product-case-detail .card-cols .barcode { flex: 0 0 25%; }
.product-case-detail .card-cols .case { flex: 0 0 15%; padding-left: 15px; }
.product-case-detail .card-cols .inclide-in-cnt { flex: 0 0 18%; }
.product-case-detail .card-cols .qty-box { flex: 0 0 10%; }
.product-case-detail .card-cols .box { flex: 0 0 18%; }
.product-case-detail .card-cols .total { flex: 0 0 7%; }
.product-case-detail .card-cols .blank { flex: 0 0 50px; }
.product-case-detail .card-outer-inner, .product-case-detail .card-titles, .product-case-detail .card-loose { display: flex; align-items: center; }
.product-case-detail .card-outer-inner, .product-case-detail .card-loose { border: 2px solid #c8c6cc; }
.product-case-detail .card-titles, .product-case-detail .card-outer-inner .outer, .product-case-detail .card-outer-inner .inner, .product-case-detail .card-loose .content { padding: 15px 5px; }
.product-case-detail .card-outer-inner .inner { border-top: 2px solid #c8c6cc; }
.product-case-detail .card-outer-inner .content, .product-case-detail .card-titles .content, .product-case-detail .card-loose .content { flex: 1; }
.product-case-detail .card-outer-inner .content { border-right: 2px solid #c8c6cc; }
.product-case-detail .card-titles .add-more, .product-case-detail .card-outer-inner .add-more, .product-case-detail .card-loose .add-more { flex: 0 0 50px; display: flex; align-items: center; justify-content: center; }
.product-case-detail input.form-control { height: 28px !important; width: 90%; }
.product-case-detail .product-location-row { padding: 0 5px; }
.best-date { display: flex; align-items: center; }
.case-location-box .right .product-varient { padding: 15px; background: #cfcbd7; display: flex; align-items: center; }
.modal-body .btn-delete { background: #fbd2d3; display: inline-flex; align-items: center; justify-content: center; border-radius: 100%; width: 30px; height: 30px; margin: 2px 0; }
.modal-body .action-btns li a.btn-delete .icon-moon { color: #ec1c24; }
.custom-per-page {
text-align: right;
}
.custom-per-page .show-page{
display: inline-flex;
align-items: center;
font-size: 12px;
color: rgb(51, 51, 51);
font-weight: bold;
line-height: 1.2;
}
.custom-per-page select { height: 28px; border: none; border-bottom: 1px solid #cccccc; outline: 0; font-size: 12px; font-weight: 600; color: #333333; background: transparent; background: url(../img/select.svg) no-repeat; background-size: 20px; background-position: right 0px center; padding-right: 20px;padding-left: 10px; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; }
.custom-pagination{
display: flex;
align-items: center;
justify-content: center;
}
.custom-pagination .page-item.active .page-link,
.custom-pagination .page-link:hover{
background: #f68e1e !important;
border: none;
color: #fff !important;
font-weight: 700;
}
.custom-pagination .page-link.prev .icon-moon,
.custom-pagination .page-link.next .icon-moon{
font-size: 4px;
}
.custom-pagination .page-link.prev,
.custom-pagination .page-link.next{
background: #eaeaea;
}
.custom-pagination .page-link.next .icon-moon{
transform: rotate(-90deg);
}
.custom-pagination .page-link.prev .icon-moon{
transform: rotate(90deg);
}
.custom-pagination .pagination .page-link{
font-size: 12px;
font-weight: 700;
color: rgb(51, 51, 51);
line-height: 1.4;
padding: 6px;
border-radius: 100%;
width: 24px;
height: 24px;
margin: 0 5px;
display: flex;
align-items: center;
justify-content: center;
border: none;
}
.dataTables_wrapper .dataTables_scroll{
height: 100%;
display: flex;
flex-direction: column;
}
.dataTables_wrapper .dataTables_processing{
z-index: 9;
height: auto !important;
padding-top: 0 !important;
background: transparent !important;
background-color: transparent !important;
}
.DTFC_ScrollWrapper{
height: 100%;
display: flex;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
padding-bottom: 30px;
}
.dataTables_wrapper .dataTables_scroll .dataTables_scrollHead{
flex: none;
overflow: visible !important;
}
.position-relative .pound-sign{
position: absolute;
top: 0;
left: 5px;
line-height: 27px;
font-size: 12px;
}
.position-relative .pound-sign + input{
padding-left: 15px !important;
}
/* PO Delivery CSS */
.po-delivered{
display: flex;
flex-direction: column;
height: 100%;
}
.po-delivered-header{
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 2px solid #ddd;
padding-right: 10px;
}
/* Booking In */
.day-date{
font-size: 14px;
line-height: 1.4;
}
.stk-req-lbl{
display: inline-block;
background: #c54d95;
color: #fff;
font-size: 12px;
line-height: 1.2;
padding: 2px 5px;
}
.stk-req-lbl strong{
font-size: 14px;
font-weight: bold;
}
.bootstrap-datetimepicker-widget{
min-width: 540px;
}
.bootstrap-datetimepicker-widget table{
font-size: 13px;
}
.dateTime-boxRow {
position: relative;
}
.dateTime-boxRow .bootstrap-datetimepicker-widget.dropdown-menu {
width: 100% !important;
min-width: 100% !important;
}
.graphTableoverflow {
min-height: auto;
overflow: auto;
padding-right: 10px;
max-width: calc(100% - 15px);
}
.graphTable thead tr:first-child th {
/* border-left: 0px;*/
/* border-right: 0px;*/
}
.graphTable thead tr:nth-child(2) {
background: #fff3e7;
}
.graphTable thead tr:nth-child(2) th {
font-size: 14px;
padding: 8px .75rem;
}
.graphTable tr th,.graphTable tr td {
white-space: nowrap;
padding: 8px .75rem;
}
.graphTable tr td{
line-height: 18px;
}
.graphTable td b {
font-weight: 600;
}
.editable_value {
position: relative;
}
.editable_value h1 {
font-size: 13px;
}
.graphTable .editable_value
{
display: inline-flex;
align-items: center;
flex-wrap: nowrap;
}
.graphTable .editable_value .icon-Edit{
font-size: 10px;
display: flex;
width: 20px;
flex: 0 0 20px;
max-width: 20px;
height: 20px;
border-radius: 9999px;
justify-content: center;
align-items: center;
background: #4ccaff;
color: #ffffff;
margin-left: 6px;
opacity: 0;
cursor: pointer;
}
.graphTable td, .graphTable th {
border: 2px solid #dee2e6;
}
.graphTable .editable_value:hover .icon-Edit,
.revenue_report_table .editable_value:hover .icon-Edit {
opacity: 1;
}
.picking_tr {
background: #f8ffda;
}
.packing_tr {
background: #f9c0c054;
}
.intake_tr {
background: #ddfcff;
}
.despatch_tr {
background: #DDFFE7;
}
.editable_value .editModal {
position: absolute;
background: #ffffff;
padding: 10px;
min-width: 175px;
border-radius: 10px;
border: 1px solid #dcdcdc;
z-index: 2;
top: -70px;
display: none;
left: 0px;
}
.editable_value .editModal .form-group {
align-items: center;
}
.editable_value .editModal .form-group .form-control {
width: 65px;
margin-right: 5px;
}
.editable_value .editModal .form-group .btn {
border-radius: 6px;
cursor: pointer;
}
.editable_value .editModal:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 10px;
content: "";
bottom: -10px;
border-top-color: #dcdcdc;
border-bottom-width: 0;
left: 8px;
}
.editable_value.editableBlock .editModal{
display: block;
}
.editable_value.editableBlock .icon-Edit {
opacity: 1;
}
.editModal .close {
cursor: pointer;
}
.graphTable tr td:nth-last-child(-n + 3) .editable_value .editModal{
right: -5px;
left: initial;
}
.graphTable tr td:nth-last-child(-n + 3) .editable_value .editModal:after {
left: initial;
right: 8px;
}
@media (min-width: 992px) {
.dateTime-boxRow .bootstrap-datetimepicker-widget.dropdown-menu {
width: 350px !important;
}
}
.dateTime-boxRow .bootstrap-datetimepicker-widget .row {
flex-wrap: wrap;
}
.dateTime-boxRow .bootstrap-datetimepicker-widget .row .datepicker {
position: relative;
padding: 4px 15px;
-ms-flex: 0 0 255px;
flex: 0 0 255px;
max-width: 255px;
}
.dateTime-boxRow .bootstrap-datetimepicker-widget .row .timepicker {
position: relative;
padding: 4px 15px;
-ms-flex: 0 0 calc(100% - 255px);
flex: 0 0 calc(100% - 255px);
max-width: calc(100% - 255px)
}
.put-away-filters{
display: flex;
align-items: center;
border-bottom: 2px solid #ddd;
padding: 6px 0;
}
.put-away-filters .goods-in-filter{
font-size: 14px;
}
.put-away-filters .aisle-filter{
flex:1;
margin-left: 30px;
}
.put-away-filters .aisle_filter.active{
/*font-weight: 600;*/
color: rgb(246, 142, 30);
}
.put-away-filters .aisle-filter ul{
display: flex;
flex-wrap: wrap;
}
.put-away-filters .aisle-filter ul li{
padding: 0 10px;
}
.put-away-filters .aisle-filter ul li:first-child{
padding-left: 0;
}
.put-away-filters .aisle-filter ul li a{
font-size: 14px;
text-decoration: underline;
}
.flex-input{
display: flex !important;
align-items: center;
flex-wrap: wrap;
}
.flex-input input{
margin: 0 5px;
border: none;
border-bottom: 1px solid #c1c1c1;
border-radius: 0;
}
#range_budgeting thead tr th,
#range_budgeting thead tr td,
#range_budgeting tbody tr td{
border-bottom: 2px solid #c2c2c2 !important;
box-shadow: none !important;
}
#range_budgeting tbody td, #range_budgeting tfoot td{
padding: 5px !important;
}
#range_budgeting input[type=text]{
height: 28px !important;
border-color: #333333 !important;
}
#range_budgeting thead .sorting {
background-position: bottom 23px left 2px;
padding: 5px 5px 5px 14px;
}
#range_budgeting thead .sorting_asc {
background-position: bottom 23px left 2px;
padding: 5px 5px 5px 14px;
}
#range_budgeting thead .sorting_desc {
background-position: bottom 23px left 2px;
padding: 5px 5px 5px 14px;
}
.total-cat-cnt{
margin-left: 0;
}
.bg-subtotal{
background-color: #fef3e8 !important;
color: #c54d95 !important;
}
.bg-subtotal .font-14-dark{
color: #c54d95 !important;
}
.active-month{
color: #0600ff;
font-weight: 700;
}
#range_budgeting input[type=number].active-month-input{
border-color: #24a9e1 !important;
color: #24a9e1;
}
td.adding{
position: relative;
}
td.adding:after{
content: 'Adding';
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
background: rgba(0,0,0,0.5);
color: #FFF;
font-weight: 600;
line-height: 40px;
text-align: center;
font-size: 12px;
}
.select-control{
border: none !important;
background: transparent url(../img/sort_desc.png) !important;
background-repeat: no-repeat !important;
background-position: right 10px top 10px !important;
width: 62px;
padding: 0;
}
.td-border-right{
border-right: 2px solid #c2c2c2;
}
.pl-text{
padding-left: 8px;
}
.p-name{
font-size: 14px;
font-weight: 600;
margin-bottom: 5px;
line-height: 1.4;
text-transform: capitalize;
}
.tbl-replane-product{
width: 50%;
border-right: 1px solid #e6e6e6;
margin-right: -1px;
}
.tbl-replane-storage{
width: 50%;
border-left: 1px solid #e6e6e6;
}
.cell-border-right{
border-right: 1px solid #e6e6e6;
}
.cell-border-bottom{
border-bottom: 1px solid #e6e6e6;
}
.cell-border-left{
border-left: 1px solid #e6e6e6;
}
.cell-border-top{
border-top: 1px solid #e6e6e6;
}
.tr-border-bottom-2{
border-bottom: 2px solid #333;
}
.highlighted-text{
color: #2196F3;
font-weight: 600;
}
.tooltip{
font-size: 14px;
}
.tooltip:before{
content: none;
}
.stock-holding-lbl{
font-size: 64%;
position: absolute;
right: 187px;
top: 16px;
}
.typeahead.dropdown-menu li a{
color: #222;
}
.typeahead.dropdown-menu li.active{
background: #ddd;
}
.location-container{
position: relative;
}
.location-container .location_type{
position: absolute;
top: 100%;
white-space: nowrap;
}
.material-receipt-body .location-container .location_type.align-center,
.material-receipt-body .location-container .location_type{
left: 50%;
transform: translateX(-50%);
}
.pl-12{
padding-left: 9px !important;
display: inline-block;
}
.pound-sign-form-control{
position: absolute;
top: 0;
left: 5px;
line-height: 34px;
}
.position-relative .pound-sign-form-control + input{
padding-left: 15px !important;
}
.aisles-cnt{
min-width: 36px;
margin-left: 5px;
letter-spacing: 0.6px;
}
/* Assign Location Css Start */
.location-assigned-container{
display: flex;
align-items: center;
}
.location-assigned-container .assign-count{
margin-right: 15px;
min-width: 20px;
color: #333333;
font-size: 14px;
font-weight: 700;
text-align: right;
}
.location-assigned-container a{
font-size: 14px;
color: #0600ff;
text-transform: capitalize;
line-height: 1.4;
}
.modal-assigned-location{
display: flex;
flex-direction: column;
position: fixed;
top: 0;
right: -630px;
width: 630px;
height: 100%;
background: #fff;
border-left: 5px solid #0600ff;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.modal-assigned-location.open{
right: 0;
}
.modal-assigned-location .product-detail-header{
display: flex;
padding: 10px;
align-items: center;
}
.modal-assigned-location .product-detail-header .product-name{
flex: 1;
padding-right: 20px;
font-size: 14px;
color: #361755;
font-weight: 700;
}
.modal-assigned-location .product-tags{
padding: 0 10px 10px 10px;
}
.modal-assigned-location .product-location-detail{
flex: 1;
}
.modal-assigned-location .product-location-detail form{
height: 100%;
}
.modal-assigned-location .custom-table-footer{
padding: 10px;
}
.modal-assigned-location .product-location-detail table.dataTable tbody td{
padding: 10px 18px;
}
.modal-assigned-location .product-location-detail table.dataTable thead .sorting { background-image: url(../img/sort_both.svg); background-size: 6px; background-position: top 11px left 6px; padding: 10px 5px 10px 20px;}
.modal-assigned-location .product-location-detail table.dataTable thead .sorting_asc { background-image: url(../img/sort_asc.svg); background-size: 6px; background-position: top 11px left 6px; padding: 10px 5px 10px 20px;}
.modal-assigned-location .product-location-detail table.dataTable thead .sorting_desc { background-image: url(../img/sort_desc.svg); background-size: 6px; background-position: top 11px left 6px; padding: 10px 5px 10px 20px; }
.modal-assigned-location .product-location-detail table.dataTable tbody input {
height: 30px !important;
border: 1px solid #333333;
}
.location-assign-modal{
height: calc(80vh - 30px);
display: flex;
flex-direction: column;
}
/* Assign Location Css Start END */
/* AR479-13/03/2020 */
.stock-control-row { display: flex; align-items: center; }
.stock-control-row li { margin-right: 15px; margin-bottom: 15px; display: flex;}
.stock-control-row input.form-control { width: 100px; }
.location-code-container{
position: relative;
}
.location-code-container.bottom-space{
margin-bottom: 20px;
}
.location-code-container .location_type {
position: absolute;
color: blue !important;
}
.stock-suggest{
line-height: 1.6;
border: 1px solid #dee2e6;
padding: 10px;
margin-bottom: 10px;
}
.stock-suggest .stock-dropdown .dropdown-menu{
max-height: 300px;
overflow: auto;
}
.stock-suggest .stock-dropdown .dropdown-menu p{
font-size: 12px;
line-height: 1.6;
color: #0600ff !important;
}
.icon-yellow{
font-size: 18px;
color: #f18c21
}
.icon-red{
font-size: 22px;
color: #e5393e;
}
.location-popover{
display: inline-block;
vertical-align: middle;
}
.location-popover a{
padding: 5px 10px;
text-decoration: none;
outline: none;
color: #f7962d;
}
.annotorious-editor .select2-results__option{
font-size: 12px;
color: #222;
padding: 4px;
}
.annotorious-editor .select2-selection__clear{
color: red;
}
.annotorious-editor .select2-search__field{
font-size: 14px;
}
.annotorious-editor .select2-selection{
background: transparent;
border: none;
font-size: 12px;
margin-top: 10px;
}
.annotorious-editor .select2-selection__choice__remove{
color: #000 !important;
}
.annotorious-editor .select2-selection__choice {
background-color: #FFF !important;
border: 1px solid #FFF !important;
font-size: 12px !important;
color: #222 !important;
}
.annotorious-editor .select2-container--default.select2-container--focus .select2-selection--multiple {
border: none !important;
}
.annotorious-editor .select2-selection__rendered{
padding: 0 10px !important;
}
.annotorious-editor .select2-search__field {
color: #FFF;
}
.annotorious-editor .annotorious-editor-button{
margin-top: 22px;
}
.annotorious-editor .select2-selection__choice__remove{
margin-right: 5px;
float: right;
margin-left: 5px;
}
.exact-match-checkbox{
flex: 0 0 125px;
}
.exact-match-checkbox.fancy-checkbox input[type="checkbox"]+span{
padding-left: 5px;
font-weight: 600;
font-size: 14px;
}
.image-container{
display: inline-block;
position: relative;
margin-top: 10px;
}
.image-container .btn{
position: absolute;
top: 3px;
right: 3px;
padding: 0;
width: 24px;
height: 24px;
border-radius: 100%;
line-height: 1;
font-size: 20px;
font-weight: 700;
}
/* Order Detail CSS */
.order-warehouse select{
border-radius: 3px 0 0 3px;
min-width: 200px;
height: 30px !important;
padding: 3px 8px;
font-size: 13px;
font-weight: 600;
}
.order-warehouse .btn{
border-radius: 0 3px 3px 0;
height: 30px;
font-size: 12px;
font-weight: 600;
}
.basic-order-detail{
margin-top: 10px;
}
.basic-order-detail p{
line-height: 1.3;
text-transform: capitalize;
}
.shipping-order-detail{
padding: 15px;
margin: 15px 0;
}
.shipping-order-detail .title{
color: #361755;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 15px;
}
.icon-red-big{
font-size: 20px !important;
color: #e42328;
}
.order-total-table{
background: #e6e6e6;
margin-top: -10px;
margin-bottom: 0;
}
.order-total-table tr,
.order-total-table th{
border: none !important;
}
.cancelled-order-detail{
background: #fddede;
padding: 15px;
margin: 0 0 15px 0;
}
.cancelled-order-detail .title{
color: #ce0e0e;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 15px;
}
/* Dispatch Create CSS */
.dispatch-create{
}
.dispatch-create .col-form-label{
font-size: 13px;
color: #000000;
font-weight: 600;
}
.dispatch-create .order-summary{
padding: 15px 0;
border-bottom: 1px solid #e6e6e6;
}
.box-info{
margin-bottom: 15px;
}
.scanned_item_total{
margin-top: -37px;
}
.dispatch-create .br-1{
border-right: 1px solid #e6e6e6;
}
.dispatch-hr{
width: 100%;
height: 1px;
border-top: 1px solid #e6e6e6;
margin-top: 10px;
margin-bottom: 10px;
}
.shipping-hr{
width: 100%;
height: 1px;
border-top: 2px solid #212536;
margin-top: 10px;
margin-bottom: 10px;
}
.dispatch-create .dispatch-table thead tr td{
font-weight: 600;
padding: 10px 0
}
.dispatch-create .dispatch-table tr td{
border-top: none;
padding: 1px 3px;
}
.dispatch-create .dispatch-table tbody tr:nth-child(even){
background: #e9f6fc;
}
.h-34{
height: 34px;
}
.dispatch-create .dispatch-table .no_record_found td, .dispatch-create #picked_items_table td{
padding: 10px 0;
}
.dispatch-create .overflow-scroll{
height: 296px;
overflow: auto;
}
.dispatch-create .overflow-scroll::-webkit-scrollbar {
width: 0px;
background: transparent; /* make scrollbar transparent */
}
.no_supervisor tbody tr td{
padding: 6px 3px !important;
}
.dispatch-title{
color: #361755;
font-weight: 700;
text-transform: uppercase;
}
.suggested-weight{
background: #e42328;
color: #FFF;
font-size: 11px;
padding: 1px 4px;
}
.order-print .dropdown-menu {
border: none;
background-color: rgb(255, 255, 255);
box-shadow: -10px 0px 33px 0px rgba(0, 0, 0, 0.15);
padding: 15px 15px 10px 15px;
left: inherit !important;
right: 0;
transform: inherit !important;
top: 28px !important;
}
.order-print .dropdown-menu .dropdown-item{
font-size: 14px;
padding: 6px 0;
}
.order-print .icon-order{
background: #fce8d2;
color: #f28d21;
height: 30px;
width: 30px;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 16px;
border-radius: 100%;
margin-right: 10px;
}
.order-print .icon-vat-order{
background: #fad3d4;
color: #e52f33;
height: 30px;
width: 30px;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 16px;
border-radius: 100%;
margin-right: 10px;
}
ul.order-note{
list-style: disc;
padding: 20px;
}
ul.order-note li{
line-height: normal;
}
/*buy-by-tabbing*/
.by-tab{
position: relative;
flex: 1;
display: flex;
flex-direction: column;
height: 100%;
}
.by-tab .tab-content{
flex: 1;
display: flex;
}
.by-tab .tab-content>.tab-pane{
flex-direction: column;
width: 100%;
}
.by-tab .tab-content>.active {
display: flex;
}
.by-tab .nav-tabs .nav-item{ margin-bottom: -3px; font-weight: 600; }
.by-tab .nav-tabs .nav-link.active,.by-tab .nav-tabs .nav-link:hover{ border-color: transparent; border-bottom: solid 3px #f68e1e; color: #f68e1e; }
.by-tab .nav-tabs .nav-item a{ padding: 10px 20px; font-size: 14px; color: #333333; display: flex; align-items: center;}
.by-tab .nav-tabs .nav-item .icon-moon{ font-size: 18px; margin-right: 6px;}
.by-tab .nav-tabs{ border-bottom: solid 3px #e5e5e5; }
/*.by-tab .tab-content{ margin: 20px 0; }*/
.poll-container{ display: flex; flex-wrap: wrap; padding-right: 20px; padding-top: 15px; padding-bottom: 15px; }
.poll-container .poll{
border-radius: 15px;
padding: 10px 14px;
flex: 1;
}
.poll-container .poll + .poll{ margin-left: 20px; }
.sky-blue{
background-image: -moz-linear-gradient( 150deg, rgb(0,173,238) 0%, rgb(110,215,255) 100%);
background-image: -webkit-linear-gradient( 150deg, rgb(0,173,238) 0%, rgb(110,215,255) 100%);
background-image: -ms-linear-gradient( 150deg, rgb(0,173,238) 0%, rgb(110,215,255) 100%);
}
.sky-blue .poll-title .icon-moon{
color: #1fb7f0;
font-size: 22px;
}
.orange{
background-image: -moz-linear-gradient( 150deg, rgb(246,142,30) 0%, rgb(245,164,78) 100%);
background-image: -webkit-linear-gradient( 150deg, rgb(246,142,30) 0%, rgb(245,164,78) 100%);
background-image: -ms-linear-gradient( 150deg, rgb(246,142,30) 0%, rgb(245,164,78) 100%);
}
.orange .poll-title .icon-moon{
color: #f69429;
font-size: 22px;
}
.red{
background-image: -moz-linear-gradient( 150deg, rgb(236,28,36) 0%, rgb(255,92,98) 100%);
background-image: -webkit-linear-gradient( 150deg, rgb(236,28,36) 0%, rgb(255,92,98) 100%);
background-image: -ms-linear-gradient( 150deg, rgb(236,28,36) 0%, rgb(255,92,98) 100%);
}
.red .poll-title .icon-moon{
color: #f15258;
font-size: 22px;
}
.green{
background-image: -moz-linear-gradient( -30deg, rgb(175,209,54) 0%, rgb(149,185,22) 100%);
background-image: -webkit-linear-gradient( -30deg, rgb(175,209,54) 0%, rgb(149,185,22) 100%);
background-image: -ms-linear-gradient( -30deg, rgb(175,209,54) 0%, rgb(149,185,22) 100%);
}
.green .poll-title .icon-moon{
color: #b4d442;
font-size: 22px;
}
.purple{
background-image: -moz-linear-gradient( 150deg, rgb(201,76,154) 0%, rgb(251,118,201) 100%);
background-image: -webkit-linear-gradient( 150deg, rgb(201,76,154) 0%, rgb(251,118,201) 100%);
background-image: -ms-linear-gradient( 150deg, rgb(201,76,154) 0%, rgb(251,118,201) 100%);
}
.purple .poll-title .icon-moon{
color: #ce5ba3;
font-size: 22px;
}
.blue{
background-image: -moz-linear-gradient( -30deg, rgb(107,72,169) 0%, rgb(52,34,84) 100%);
background-image: -webkit-linear-gradient( -30deg, rgb(107,72,169) 0%, rgb(52,34,84) 100%);
background-image: -ms-linear-gradient( -30deg, rgb(107,72,169) 0%, rgb(52,34,84) 100%);
}
.blue .poll-title .icon-moon{
color: #64439e;
font-size: 22px;
}
.poll-container .poll ul li{
color: #fff;
line-height: 30px;
display: flex;
}
.poll-container .poll ul li + li{
border-top: solid 1px rgba(255, 255, 255,0.302);
}
.poll-container .poll ul li a{
font-size: 14px;
color: #fff;
text-decoration: underline;
flex: 1;
}
.poll-container .poll ul li span{
font-size: 16px;
padding: 0 0 0 5px;
}
.poll-container .poll ul li span>a{
font-size: inherit;
}
.poll-container .poll .poll-title{
color: #fff;
font-size: 16.8px;
}
.poll-container .poll .poll-title{
display: flex;
align-items: center;
margin-bottom: 15px;
}
.poll-container .poll .poll-title span{
display: flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
background: #ffffff;
text-align: center;
border-radius: 50%;
margin-right: 10px;
}
.poll-container .poll ul .poll-title-heading{
font-size: 16px;
}
.poll-container .poll ul .poll-title-heading a{
font-weight: 600;
}
.poll-container .poll ul .poll-title-heading b{
font-weight: 600;
margin-left: 5px;
}
.tab-title{ display: flex; width: 100%; color: #361755; font-size: 24px; align-items: center; margin-bottom: 10px; }
.tab-title i{ margin-left: 15px; flex: 1; }
.tab-title a{ color: #c54d95; font-size: 14px; font-weight: 600; padding-right: 15px; }
.product-bar{
background: #e6e6e6;
padding: 7px;
display: flex;
margin-bottom: 10px;
overflow-x: auto;
}
.product-bar.direction-none{flex-direction: inherit !important;}
.product-bar select{ background-color: #fff; border-color: #333333; }
.product-bar .select-box {
flex: 0 0 200px;
margin: 0 10px 0 0;
}
.product-bar #child_category { display: flex; flex: 0 0 200px;}
.product-bar #child_category .form-group{ margin-right: 10px; margin-bottom: 0; width: 200px; }
.red-color{color: #ff0000;
line-height: 32px;
font-weight: bold;
margin: 0 20px 0 0; }
.product-outer{ display: flex; }
.product-outer .product-basic{display: flex; flex: 0 0 45%}
.product-outer .product-basic .product-img{flex: 0 0 80px; margin-right: 10px;}
.product-outer .product-basic .product-img img{ width: 80px; height: 80px;}
.product-outer .product-basic .name{
font-size: 14px;
font-weight: 700;
color: #333333;
text-transform: capitalize;
line-height: 1.4;
}
.product-outer .product-basic .field-container{
font-size: 14px;
margin: 5px 0;
}
.product-outer .product-basic .custom-lbl{
color: #333333;
}
.product-outer .product-basic .color-light{
opacity: 0.6;
}
.product-outer .product-basic span{
color: #0600ff;
}
.product-outer .product-extra{
flex: 1;
display: flex;
}
.product-outer .product-extra .more-info{ flex: 1; padding-left: 5px;}
.product-outer .product-extra .more-info .lab-row{
display: flex;
/*align-items: center;*/
color: #333333;
margin-bottom: 5px;
}
.product-outer .product-extra .more-info .lab-row label{
font-size: 13.9px;
line-height: 14px;
}
.product-outer .product-extra .more-info .lab-row span{
font-size: 14px;
font-weight: 700;
word-break: break-word;
}
.content-header{ display: flex; width: 100%;}
.content-header .page-title{ flex: 1 !important; }
.content-area .content-card .content-card-header .right-items.buy-by-supplier{
flex: 0 0 530px;
}
.btn.btn-pink, .btn-pink:hover { color: #c54d95; background: #f3dbea; }
/* .sku-outer .custom-lbl{ color: #9a9a9a; font-size: 14px;} */
/* .product-info .total_tax{display: block; color: #333333; font-size: 14px; font-weight: bold; margin-bottom: 8px;}
.product-info .barcode{ font-size: 14px; color: #333333; margin-bottom: 5px;}
.product-info .barcode-number,.sku-outer .total_vat{ font-weight: bold; font-size: 14px; color: #0600ff; margin: 0 0 0 5px;}
.product-info{ display: flex; flex: 1; padding: 0 15px 0 0;}
.product-info .more-info .lab-row{ margin-bottom: 4px; }
.product-info .more-info label{
font-size: 12px;
color: #333333;
}
.product-info .more-info span{
color: #333333;
font-size: 14px;
font-weight: bold;
}
.product-info .more-info{ flex: 0 0 29%; }
.product-info .more-info:last-child{ flex: 0 0 29%; }
.product-info .form-field { flex: 0 0 10%; }
.product-info .flex-child{ flex: 0 0 24%; } */
table.dataTable.display tbody tr.active td{
color: #f68e1e;
font-weight: bold;
}
.current-data{
border: solid 2px #fac68e;
padding-right: 17px;
}
.current-data table.dataTable thead tr td{
border-bottom: 0;
padding: 10px 5px 10px 12px !important;
}
/*matched*/
.matched-lable label {
font-size: 14px;
margin: -1px 0 0 0;
}
.matched-lable{
margin: 15px 0 10px;
}
.matched-lable span{ margin: 0 8px 0 0; font-size: 14px; }
.invoice-match-action{
display: flex;
align-items: center;
}
.invoice-match-action li + li{ margin-left: 5px; }
.invoice-match-action li:last-child{ margin-left: 10px; }
.invoice-match-action li a:hover{ text-decoration: none; }
.hide_show{
flex: 1;
text-align: right;
}
.view-all{
color: #c54d95 !important;
font-size: 14px;
font-weight: 600;
padding-right: 15px;
text-align: right;
margin-top: 10px;
}
.table-filter{
display: block;
font-size: 12px;
margin-top: 20px;
padding: 0 5px;
}
.table-filter .fancy-checkbox{
margin-right: 15px;
}
.icon-moon.icon-Refresh{
font-size: 24px; color: #361755;
}
.table-filter .form-group{
margin-bottom: 0;
display: inline-block;
}
.typeahead.dropdown-menu {
padding: 0px !important;
}
.typeahead.dropdown-menu .no_record_found{
padding: 5px 0;
display: block;
font-size: 14px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type=number] {
-moz-appearance: textfield;
}
.mros-dashboard.poll-container .poll ul li a {
font-size: 14px;
text-decoration: none ;
}
.mros-dashboard.poll-container .poll ul .poll-title-heading a{
font-weight: normal;
}
.mros-dashboard.poll-container .poll ul li{
line-height: 36px;
}
.poll-container .poll ul li span.poll-label{
flex: 1;
font-size: 14px;
}
.auto-suggest-main-loader{
position: absolute;
}
.location-absolute .location_type {
position: absolute !important;
}
.dtr-title,
.dtr-data{padding: 3px 5px;}
.dtr-data *{
display: inline-block;
}
.tab-title .refresh{
text-decoration: none;
}
.toast-message{
line-height: 1.6;
}
.bolder{
font-weight: 700 !important;
}
.not-access-outer{ display: flex; height: 100vh; justify-content: center; align-items: center; width: 100%;}
.not-access-container{ max-width: 400px; padding: 30px 20px; box-shadow: 0px 0px 6px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.2); box-shadow: 0px 0px 6px rgba(0,0,0,0.2); display: flex; align-items: center;}
.not-access-info{ flex: 1; }
.not-access-container .lock-img{ margin-right: 15px; align-self: center; }
.not-access-container h5{ font-size: 30px; margin: 0; padding: 0; }
.not-access-container p{ margin: 10px 0 0 0; line-height: normal; font-size: 14px; }
.mros-green{background: #a9d08e;}
.mros-pink{background: #ff9999;}
.mros-blue{background: #ccccff;}
.mros-orange{background: #fce4d6;}
.mros-price{background: #b4c6e7;}
.mros-mros{background: #d9e1f2;}
.mros-counted{background: #FFD966;}
.mros-green-dark{background: #66FF33;}
.mros-stock_state{background: #FFFF00;}
.mros-bbd{background: #C6E0B4;}
.mros-red{background: #FF9999;}
.mros-red-dark{background: #FF7C80;}
.mros-pink-light{background: #F8CBAD;}
.mros-restock{background: #FF99FF;}
.mros-table table.dataTable thead .sorting,
.mros-table table.dataTable thead .sorting_asc,
.mros-table table.dataTable thead .sorting_desc{
background-position: top 12px left 4px;
background-size: 5px;
}
.po-order-popup .modal-lg{
max-width: 900px;
}
#range_budgeting input[type=number].active-month-input.value-added {
background: #4473c4;
color: #fff;
border: solid 2px #2e528f !important;
}
#diff_vat, #diff_grand_total{
padding-left: 23px;
}
.cancel-order-popup .custom-modal.modal-dialog {
max-width: 1000px;
}
.lh-md{
line-height: 1.3;
}
.perpetual-filter .fancy-checkbox .flex-input{
flex-wrap: inherit;
}
.perpetual-filter .fancy-checkbox input[type="checkbox"]+span {
align-items: flex-start;
}
.perpetual-filter .fancy-checkbox input[type="checkbox"]+span i{
bottom: 0;
}
.odr-details{
margin-top: 20px;
}
.odr-details b{
font-weight: bold; margin-right: 5px;
}
.odr-details .form-group{
margin-bottom: 15px;
font-size: 14px;
}
.odr-details .form-group .form-control{
font-size: 14px;
}
.odr-details .ol-list{
width: 33%;
display: inline-flex;
}
.scanned-info p{
font-size: 14px;
margin: 0 0 10px 0;
}
.line-22 {
line-height: 22px;
}
.move-qty #qty-error{
position: absolute;
bottom: -15px;
white-space: nowrap;
}
.p-relative{position: relative;}
.pick-otr b{ padding-top: 2px; }
.success-content{ font-size: 14px; }
.no-wrap{ white-space: nowrap; }
.fix-btn{
min-width: 56px;
}
.urgent-order{
display: inline-flex !important;
align-items: center;
justify-content: center;
}
.dataTables_processing img{
width: 80px !important;
}
.category-list-holder .slick-track{
display: flex;
}
.flex-1{
flex: 1;
}
.font-inherit{
font-size: inherit;
}
.popover-body {
max-height: 200px;
overflow-y: auto;
white-space:pre-wrap;
}
.side-icon{
width: 22px;
margin-right: 5px;
text-align: center;
}
/*.compt-right{
position: absolute;
right: 5px;
}*/
.cancl-validation #qty_cancel-error{
line-height: 1.2;
}
.cancle-order-error #cancel_reason-error{
line-height: 1.5;
}
.width-500{
width:500px;
}
.text-wrap{
white-space:normal;
}
.width-400{
width:400px;
}
.width-100{
width:100px;
}
.width-350{
width:350px;
}
.location-table.custom-table tbody td{
border-bottom: 1px solid #e6e6e6;
}
.custom-anchore a{
color: #fff !important;
font-size: 14px !important;
font-weight: normal!important;
line-height: 1.2 !important;
padding: 6px 15px !important;
display: inline-block;
}
.cus-filter-sec .fancy-checkbox input[type="checkbox"]+span i{
margin-right: 7px;
}
.location_settings .icon-moon{
margin-right: 6px !important;
}
.line-height-normal{
line-height: normal;
}
.set_buying_range_bath, .set_selling_range_bath p{ line-height: normal; }
/*REPLEN JOB QUEUE*/
.custom-scroll .replen-job-table {
height: 100%;
}
/*reuse style*/
.no-wrap {
white-space: nowrap;
}
.flex-center {
display: flex;
align-items: center;
}
.m-w-100 {
min-width: 100px;
}
.content-card-header .btn-add {
color: #fff;
background: #afd136;
}
.content-card-header .btn-add:hover {
background: #afd136;
}
.content-card-header .btn-add .icon-moon {
color: #fff !important;
}
/*CUSTOMER RETURN*/
.col-form-label.col-lg-5 + .col-lg-7 {
padding-left: 0;
}
/*EDIT PO*/
#po-items-container .po-product-title {
line-height: 1.7;
}
.h16 { height: 16px; }
.sqr-digit{ width: 50px;
border-radius: 15px; }
.material-receipt-body input.set_location_details{
width: 100%
}
.dataTables_wrapper.no-footer .dataTables_scrollBody{ height: 100%; }
.range-title .hold-name{ width: 65px;
top: -3px;
right: 232px;}
.range-title .war-name{ right: 162px;
width: 66px;
top: -3px;}
.custom-range .category-tree-view .parent-category .name{ padding-right: 20px; }
.location-popover-green a{
padding: 5px 10px;
text-decoration: none;
outline: none;
color: #007bff !important;
}
/*ORDERS CANCEL REASON*/
table#ordercancelreason_table td:nth-child(2) span {
word-break: break-word;
}
table#ordercancelreason_table td:nth-child(3) {
min-width: 200px;
}
table#ordercancelreason_table td:last-child {
min-width: 110px;
}
/*CANCEL ORDER*/
.err-absolute .custom-select-search .dropdown-menu {
width: 0px;
right: 0;
left: auto !important;
transform: none !important;
position: relative !important;
}
.err-absolute .bootstrap-select .dropdown-menu li a span.text {
white-space: normal;
}
#cancelOrderItemForm .table tr td,
#cancelOrderItemForm .table tr th {
vertical-align: top
}
/*SET DATE TO GO LIVE ON MAGENTO : modal*/
.datetimetogolive-modal .modal-body {
min-height: 430px !important;
}
/*Magento Listing Manager*/
th.check-box-with-dropdown {
min-width: 44px;
max-width: 44px;
}
/*Sales Report*/
.sales-report-table table.dataTable thead .sorting,
.sales-report-table table.dataTable thead .sorting_asc,
.sales-report-table table.dataTable thead .sorting_desc {
background-image:none !important;
}
.sales-report-table table.dataTable thead .sorting,
.sales-report-table table.dataTable thead .sorting_asc,
.sales-report-table table.dataTable thead .sorting_desc {
background-image: url(../img/sort_both.svg);
background-size: 6px;
background-position: top 12px right 4px;
padding: 10px 5px 10px 12px;
}
.sales-report-table table.dataTable thead .sr-contry.sorting,
.sales-report-table table.dataTable thead .sr-contry.sorting_asc,
.sales-report-table table.dataTable thead .sr-contry.sorting_desc {
background-image: url(../img/sort_both.svg);
background-size: 6px;
background-position: top 12px right 64px;
padding: 10px 5px 10px 12px;
}
.sales-report-table .dt-head-align-right span.dt-head-text {
display: flex;
justify-content: flex-end;
}
th.m-w-120.sr-customertype.sorting {
width: 102px !important;
max-width: 102px !important;
min-width: 102px !important;
}
.sku-creadit-memo.sorting {
width: 122px !important;
max-width: 122px !important;
min-width: 122px !important;
}
.sku-qutcreadit-memo.sorting {
width: 185px !important;
max-width: 185px !important;
min-width: 185px !important;
}
/*RANGE MANAGEMENT*/
.range-mgmt .stock-holding-lbl {
font-size: 18px;
}
/*REPORT - GOODS RECEIVED REPORT BY SUPPLIER*/
.report-good-recive-supllier-table td .variation-product {
top: -7px;
left: 0px;
}
th.remove_sort.gd-splr-dd {
min-width: 22px !important;
max-width: 22px !important;
width: 22px !important;
}
.stock-vratn-pro-rprt-table table.dataTable p.pr-3 {
padding-right: 0 !important;
}
.stock-vratn-pro-rprt-table table.dataTable thead .sorting,
.stock-vratn-pro-rprt-table table.dataTable thead .sorting_asc,
.stock-vratn-pro-rprt-table table.dataTable thead .sorting_desc {
background-image:none !important;
}
.stock-vratn-pro-rprt-table {
height: 100% !important;
}
.stock-vratn-pro-rprt-table .DTFC_ScrollWrapper {
height: 100% !important;
display: flex;
}
.shoting-main-div {
display: inline-flex;
align-items: center;
}
.shoting-main-div span {
white-space: nowrap;
}
table.dataTable thead .sorting .shoting-div,
table.dataTable thead .sorting_asc .shoting-div,
table.dataTable thead .sorting_desc .shoting-div {
background-image: url(../img/sort_both.svg);
background-size: 6px;
background-position: 0 0;
padding: 0;
background-repeat: no-repeat;
width: 10px;
height: 11px;
display: inline-block;
margin: 0 0 0 -2px;
}
table.dataTable thead .sorting_asc .shoting-div {
background-image: url(../img/sort_asc.svg);
}
table.dataTable thead .sorting_desc .shoting-div {
background-image: url(../img/sort_desc.svg);
}
#productSupplierModal .supplier-modal {
max-width: 1100px;
}
#productSupplierModal table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before,
#productSupplierModal table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
top: 4px;
left: -15px;
}
table#ordercancelreason_table td:last-child .pl-12 {
padding-left: 0 !important;
}
/*PRICE INFORMATION:*/
#updateMarketplacePriceModel .modal-header .btn.btn-blue {
font-size: 12px;
}
/*SCAN PALLET*/
.modal-body.p-4.overflow-inherit {
overflow: inherit;
}
.canc-select2{ font-size: 14px;
height: 32px; }
.canc-select2 .select2-container--default .select2-selection--single{height: 32px;
line-height: 32px; border: 1px solid #c1c1c1;}
.canc-select2 .select2-container--default .select2-selection--single .select2-selection__rendered{
line-height: 32px;
}
.canc-select2 .select2-container--default .select2-selection--single .select2-selection__arrow{ height: 32px; }
.change-price .invalid-feedback{display: block; margin-top: 3px;}
.change-price .pound-sign-form-control{ line-height: 16px; }
.small-from-label{ padding-top: 0; padding-bottom: 0; line-height: 1.2;}
.block-error + .invalid-feedback{ display: block !important; }
.filter-btn-otr{ text-align: right; padding: 5px 15px; position: relative; }
.filter-btn-otr .search-filter-dropdown{
top: 34px;
height: auto;
}
.set_buying_range_bath, .set_selling_range_bath p{ line-height: normal; }
.overflow-inherit{ overflow: inherit !important; }
.bottom-select .select2-dropdown{bottom: 32px; border: 1px solid #aaa !important; border-radius: 4px !important;}
.position-relative.change-price {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.change-price .pound-sign-our-price {
display: flex;
align-items: center;
min-width: 60px;
}
.change-price .pound-sign-form-control {
line-height: 30px;
}
/*MATERIAL RECEIPT*/
.location-container ul.typeahead.dropdown-menu {
min-width: 140px;
}
/*EDIT PRODUCT*/
.category-list-holder {
margin-bottom: 10px;
}
/*PRICE INFORMATION:*/
.price-infobox .font-14-dark {
position: relative;
top: -1px;
}
/*buy-by-product : buy-by-product */
.po-order-popup .table tr td {
word-break: break-all;
line-height: 18px;
}
/*PURCHASE ORDER LIST*/
.po-list-table tbody tr td:nth-child(3) .pl-12 {
max-width: 140px;
word-break: break-word;
}
/*REPORT TO STOCK CONTROL : Modal*/
.reportstockModal {
z-index: 1050;
}
/*EDIT PRODUCT*/
.amsc-box {
display: flex;
align-items: center;
justify-content: space-between;
}
/*Additional Magento Selling Categories*/
.ep-amsc-table tbody tr td {
font-size: 16px;
}
.ep-amsc-table-action {
text-align: right;
}
.ep-amsc-table-action .icon-moon {
font-size: 16px;
}
/*Replen request*/
.popover {
z-index: 6 !important;
}
/*PUT AWAY JOB LIST*/
.putaway-table .table thead th {
vertical-align: middle;
}
.inner-content-header span.icon-moon.icon-Refresh {
font-size: 15px;
}
/*SIDEBAR*/
.brand-icon {
position: relative;
top: 1px;
}
/*Price Information: POPUP*/
#form-stock-file .modal.fade.show {
padding-right: 0;
}
.price-info-box {
padding: 0 15px;
}
.form-group.price-infobox {
margin-right: 10px;
}
/*Swoopos Listing Manager*/
th.check-with-dropdown {
width: 45px !important;
min-width: 45px !important;
max-width: 45px !important;
}
.variation-product span.icon-moon.icon-Arrow-Down.size-sm {
margin-right: 4px;
}
/*EDIT PRODUCT*/
.dd-arrow-updown img {
transform: rotate(180deg);
}
.des-select.form-group.row.align-items-center .select2-dropdown {
bottom: 30px !important;
top: auto !important;
}
.des-select.form-group.row.align-items-center span.select2-container.select2-container--default.select2-container--open {
top: auto !important;
bottom: 0 !important;
}
.pr-30{
padding-right: 30px !important;
}
.canc-select21{ font-size: 14px;
height: 32px; }
.canc-select21 .select2-container--default .select2-selection--single{height: 32px;
line-height: 32px; border: 1px solid #c1c1c1;}
.canc-select21 .select2-container--default .select2-selection--single .select2-selection__rendered{
line-height: 31px;
}
.canc-select21 .select2-container--default .select2-selection--single .select2-selection__arrow{ height: 32px; }
.w-170{ width: 170px !important; }
.table.modal-first-padding thead tr th:first-child,
.table.modal-first-padding tbody tr td:first-child{
padding-left: 30px !important;
}
.table.modal-both-padding thead tr th:first-child,
.table.modal-both-padding tbody tr td:first-child{
padding-left: 30px !important;
}
.table.modal-both-padding thead tr th:last-child,
.table.modal-both-padding tbody tr td:last-child{
padding-right: 30px !important;
}
.table.th-border-top-none thead tr th{border-top: none !important;}
.btn-add-rma{
width: 25px;
height: 25px;
margin-bottom: 1rem !important;
padding: 0;
margin: 0;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.btn-add-rma.btn-add.btn-light-green .icon-moon{
font-size: 10px !important;
}
.line-h-24{
line-height: 24px !important;
}
.fancy-checkbox.align-center{
display: flex;
align-items: center;
justify-content: center;
}
table.dataTable tbody tr.bg-danger:hover{
background-color: #dc3545!important;
}
.line-h-normal{
line-height: 1.4 !important;
}
.min-h-datepicker{
min-height: 420px !important;
}
.select-control.select-year{
background-position: right 10px top 7px !important;
border: 1px solid #c1c1c1 !important;
padding-left: 10px;
width: 80px;
}
.invalid-feedback{
font-size: 11px !important;
}
.qty-ul{
list-style: disc;
padding-left: 15px;
}
.custom-file-sm{
position: relative;
}
.custom-file-sm input[type='file']{
opacity: 0;
width: 0;
height: 0;
position: absolute;
overflow: hidden;
}
.custom-file-sm label{
font-size: 14px;
font-weight: bold;
}
.modal-lg.modal-lg-xl{
max-width: 1200px;
}
.active_dot{
content: "\A";
width: 10px;
height: 10px;
border-radius: 50%;
background: #00FF00;
display: inline-block;
margin: 0 5px;
}
input[disabled] + .font-14-dark{
cursor: not-allowed !important;
}
.bootbox.modal {z-index: 9999 !important;}
.invalid-feedback-array {
width: 100%;
margin-top: 0.25rem;
font-size: 80%;
color: #dc3545;
}
.box-link{
color: #333 !important;
}
.box-tabs{
border-bottom: 2px solid #dee2e6;
}
.box-tabs .nav-link.active{
color: #f68e1e !important;
}
#customer_address{
line-height: 1.2;
}
.draggable_table {
position: relative;
}
.draggable_table tr th, .draggable_table tr td {
padding: 12px 12px;
}
.draggable_table tr th {
font-weight: 700;
font-size: 14px;
padding-bottom: 15px;
padding-bottom: 15px;
}
.draggable_table tr th.site_name {
min-width: 200px;
}
.draggable_table td .form-control {
height: 40px !important;
}
.draggable_table td .drag_icon {
display: block;
text-align: center;
font-size: 15px;
color: #777777;
}
.draggable_table td .toggle.btn {
width: 70px !important;
height: 40px !important;
}
.draggable_table .toggle-group>.btn {
top: 50% !important;
transform: translateY(-50%);
bottom: initial !important;
}
.draggable_table .toggle-group>.btn.toggle-on {
left: 0px !important;
right: initial !important;
background: transparent !important;
}
.draggable_table .toggle-group>.btn.toggle-off {
right: 0px !important;
left: initial !important;
background: transparent !important;
}
.draggable_table tr.drag_activeRow {
background: #ececec;
}
.eye_btns {
display: flex;
align-items: center;
justify-content: center;
line-height: initial;
font-size: 15px;
}
.eye_btns .glyphicon {
top: 0px !important;
line-height: initial !important;
}
#calendar {
width: calc(100% - 20px); /* 100% width minus 20px margin on both sides */
margin: 10px;
}
.fc-highlight {
background-color: #3788d8 !important; /* Replace with your desired color */
opacity: 0.5; /* Optional: Adjust the opacity as needed */
}
.fc-event .ui-icon{
float: right;
margin: 0.4em 0.5em 0 0;
cursor: pointer;
}
b {
font-weight: 700;
}
/* Filter Info css */
.filtercontentBox, .dropClick {-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;-ms-transition: all 300ms linear;transition: all 300ms linear;}
.filterContainerinfo {flex-wrap: wrap;position: relative }
.filterContainerinfo .dropClick {cursor: pointer;position: relative;transform: rotate(90deg);}
.filterContainerinfo .dropClick svg {fill: #aeca3b;}
.filterContainerinfo .filtercontentBox {position: relative;background: #ffffff;padding: 15px;padding-bottom: 0px;flex: 0 0 100%;border-radius: 5px;max-height: 170px;overflow: auto;display: none;}
.filterContainerinfo .filtercontentBox .filterRow {margin: 0px -15px;display: flex;flex-wrap: wrap;}
/*.filterContainerinfo .filtercontentBox .filterRow .filterCol {flex: 0 0 16.66%;max-width: 16.66%;padding: 0px 15px;border-right: 1px solid #dcdcdc;margin-bottom: 12px;line-height: initial;}*/
.filterContainerinfo .filtercontentBox .filterRow .filterCol {padding: 0px 15px;border-right: 1px solid #dcdcdc;margin-bottom: 12px;line-height: initial;}
.filterContainerinfo .filtercontentBox .filterRow .filterCol:last-child {border-right: 0px !important;}
.filterContainerinfo .filterRow .filterCol h6 {font-weight: 700;font-size: 14px;margin-bottom: 0px;}
.filterContainerinfo .filterRow .filterCol label {display: block;font-size: 14px;color: #777777;}
.filterContainerinfo.open .filtercontentBox{display: block;}
.filterContainerinfo.open .dropClick {transform: rotate(0deg);}
@media (min-width: 992px) {
/* .filterContainerinfo .filtercontentBox .filterRow .filterCol:nth-child(4n) {border-right: 0px;} */
}
@media (max-width: 1140px) {
.filterContainerinfo .filterRow .filterCol label {font-size: 13px;}
.filterContainerinfo .filtercontentBox .filterRow .filterCol {flex: 0 0 33.33%;max-width: 33.33%;}
.filterContainerinfo .filtercontentBox .filterRow .filterCol:nth-child(3n){border-right: 0px;}
}
@media (max-width: 575px) {
.filterContainerinfo .filtercontentBox .filterRow .filterCol {flex: 0 0 50%;max-width: 50%;}
.filterContainerinfo .filtercontentBox .filterRow .filterCol:nth-child(2n){border-right: 0px;}
.filterContainerinfo .filtercontentBox .filterRow .filterCol:nth-child(3n){border-right: 1px solid #dcdcdc;}
}
.bootstrap-datetimepicker-widget {
min-width: 560px !important;
padding-left: 20px !important;
}
.date-time-right .bootstrap-datetimepicker-widget {
left: auto !important;
right: 0 !important;
}
.bootstrap-datetimepicker-widget.dropdown-menu:before,
.bootstrap-datetimepicker-widget.dropdown-menu:after {
/* left: auto;
right: 0 !important; */
display: none !important;
}
.min-h-270px {
min-height: 275px;
}
/* Fullcalender */
.fc .fc-timegrid-slots table {
height: calc(100vh - 195px);
}
.template-shift-calender .fc-timegrid-slots>table {
height: calc(100vh - 123px) !important;
}
.fc th {
text-align: center;
font-weight: 700;
font-size: 14px;
}
.fc .fc-toolbar-title {
font-weight: 600;
}
.fc .fc-daygrid-day-frame,
.fc .fc-timegrid-slot-label-cushion {
font-size: 14px;
}
.filterContainerinfo .filtercontentBox .filterRow .align-right {
margin-left: auto;
}
.filterContainerinfo .filtercontentBox .filterRow .align-right div {
display: inline-block; /* Add this line */
}
.fancy-checkbox input[type="checkbox"]:disabled+span i {
opacity: 0.5;
cursor: not-allowed;
}
.revenue_report_table .editable_value .editModal .form-group .form-control {
width: 70px;
margin-right: 5px;
}
.revenue_report_table .editable_value .editModal{
min-width: 135px;
}
.revenue_report_table .editable_value
{
display: flex;
align-items: center;
justify-content: center;
flex-wrap: nowrap;
}
.revenue_report_table .editable_value .icon-Edit {
font-size: 10px;
display: flex;
width: 20px;
height: 20px;
border-radius: 99px;
justify-content: center;
align-items: center;
background: #4ccaff;
color: #ffffff;
margin-left: 4px;
opacity: 0;
cursor: pointer;
}
table.revenue_report_table.dataTable th{
vertical-align:middle;
text-align: center;
}
table.revenue_report_table.dataTable thead th.sorting,
table.revenue_report_table.dataTable thead th.sorting_desc,
table.revenue_report_table.dataTable thead th.sorting_asc{
background-position: top 11px left 4px;
}
table.revenue_report_table.dataTable thead th.rowspan-2.sorting,
table.revenue_report_table.dataTable thead th.rowspan-2.sorting_desc,
table.revenue_report_table.dataTable thead th.rowspan-2.sorting_asc{
background-position: top 30px left 4px;
}
table.revenue_report_table.dataTable tbody td:nth-child(1),
table.revenue_report_table.dataTable tbody td:nth-child(4),
table.revenue_report_table.dataTable tbody td:nth-child(6),
table.revenue_report_table.dataTable tbody td:nth-child(8),
table.revenue_report_table.dataTable tbody td:nth-child(9),
table.revenue_report_table.dataTable tbody td:nth-child(10),
table.revenue_report_table.dataTable tbody td:nth-child(11),
table.revenue_report_table.dataTable tbody td:nth-child(12),
table.revenue_report_table.dataTable tbody td:nth-child(13),
table.revenue_report_table.dataTable tbody td:last-child{
border-right: 1px solid #dddddd;
}
table.revenue_report_table.dataTable tbody td:first-child{
border-left: 1px solid #dddddd;
}
table.revenue_report_table.dataTable tbody tr:last-child td{
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
background-color: #fef3e8 !important;
}
/* table.revenue_report_table.dataTable tbody td{
padding:10px 5px 10px 12px;
} */
.revenue_report_table .forcast-edit.editable_value .editModal {
position: absolute;
background: #ffffff;
padding: 10px;
min-width: 175px;
border-radius: 10px;
border: 1px solid #dcdcdc;
z-index: 2;
top: 30px;
display: none;
left: 0px;
}
.revenue_report_table .forcast-edit.editable_value .editModal .form-group {
align-items: center;
}
.revenue_report_table .forcast-edit.editable_value .editModal .form-group .form-control {
width: 100px;
margin-right: 5px;
}
.revenue_report_table .forcast-edit.editable_value .editModal .form-group .btn {
border-radius: 6px;
cursor: pointer;
}
.revenue_report_table .forcast-edit.editable_value .editModal:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 10px;
content: "";
top: -10px;
border-bottom-color: #dcdcdc;
border-top-width: 0;
left: 8px;
}
.revenue_report_table .forcast-edit.editable_value.editableBlock .editModal {
display: block;
}
#revenue_report_table_wrapper.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody{
padding-bottom: 10px;
}
#revenue_report_table_wrapper.dataTables_wrapper{
height: calc(100% - 34px) !important;
}
table.reason_refund_report.dataTable th{
vertical-align:middle;
text-align: center;
}
table.reason_refund_report.dataTable tbody td:nth-child(1),
table.reason_refund_report.dataTable tbody td:nth-child(2),
table.reason_refund_report.dataTable tbody td:nth-child(3),
table.reason_refund_report.dataTable tbody td:nth-child(4),
table.reason_refund_report.dataTable tbody td:nth-child(5),
table.reason_refund_report.dataTable tbody td:nth-child(6),
table.reason_refund_report.dataTable tbody td:nth-child(7),
table.reason_refund_report.dataTable tbody td:nth-child(8),
table.reason_refund_report.dataTable tbody td:nth-child(9),
table.reason_refund_report.dataTable tbody td:last-child{
border-right: 1px solid #dddddd;
}
table.reason_refund_report.dataTable tbody td:first-child{
border-left: 1px solid #dddddd;
}
table.reason_refund_report.dataTable tbody td:nth-child(1){
width: 167px;
}
table.reason_refund_report.dataTable tbody tr:nth-last-child(-n+2) td {
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
background-color: #fef3e8 !important;
}
table.refund-report-list.dataTable tbody tr:nth-last-child(-n+2) td{
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
background-color: #fef3e8 !important;
}
.is-invalid {
border-color: #dc3545;
}
.error-message {
font-size: 0.875rem;
color: #dc3545;
margin-top: 0.25rem;
}
.mb-15rem {
margin-bottom: 15rem;
}
.fancy-radio.pick-by input[type="radio"]:disabled+span i { cursor: not-allowed; display: inline-block; position: relative; bottom: 1px; content: ""; margin-right: 10px; width: 14px; height: 14px; border: 2px solid #c2c2c2; border-radius: 100%; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out }
.tab-padding {
padding: 0px 15px 36px 0;
}
.icon-Download-drop{
background: #00adee;
color: #fff;
height: 30px;
width: 30px;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 13px;
border-radius: 100%;
margin-right: 10px;
}
.search-info-icon {
margin-left: 12px;
vertical-align: middle;
display: inline-block;
width: 28px;
height: 28px;
line-height: 28px;
text-align: center;
}