.link {
font-size: 1rem;
padding: 10px;
}
.splitBtnIcon {
border-left: 1px solid #cdcdcd;
}
.splitBtn > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.dataTable thead{
background-color: #fff;
}
.splitBtn > .btn:last-child:not(:first-child),
.splitBtn > .dropdown-toggle:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.dtfh-floatingparenthead{
margin-top: 45px !important;
}
.input-group{
position: relative;
}
.input-group::after {
content: "";
width: 1px;
position: absolute;
top: 50%;
z-index: 10;
left: 50%;
transform: translate(-50%, -50%);
background-color: #e9e9e9;
height: 100%;
}
.recentInvoice {
margin-right: 4px;
margin-bottom: 4px;
}
.recentBadge {
margin-bottom: 4px;
min-width: 96px;
}
.badge {
white-space: initial;
}
.systemData {
list-style: none;
padding: 0;
white-space: nowrap;
display: flex;
flex-wrap: nowrap;
}
.jqgridRadio {
width: 100%;
}
.splitBtn {
position: relative;
display: -ms-inline-flexbox;
display: inline-flex;
vertical-align: middle;
}
.btn-group .btn {
padding: 10px 0px;
}
.gridRadioBtn {
min-height: 15px !important;
}
h1,
.h1 {
font-size: 1.6rem;
}
.lightFont {
color: #c6c6c6 !important;
}
.defaultText {
font-size: 1rem;
}
.select2-container--default
.select2-selection--single
.select2-selection__arrow
b {
display: none;
}
.h1.enText {
font-size: 1.2rem;
}
.greenFont {
color: #188753;
}
.form-check
.form-check-label
input[type="checkbox"]:checked
+ .input-helper:before {
background: #037bfe;
border-width: 0;
}
.form-check .form-check-label input[type="checkbox"] + .input-helper:before {
content: "";
width: 17px;
height: 17px;
border-radius: 2px;
border: solid #037bfe;
border-width: 2px;
-webkit-transition: all;
transition: all;
transition-duration: 0s;
-webkit-transition-duration: 250ms;
transition-duration: 250ms;
}
.mainSearchDetail .mainSearchItem input {
display: none;
}
.selectCloseBtn {
position: absolute;
right: 10px;
top: 8px;
z-index: 1000;
display: none;
color: #666666;
}
.mainSearchGroup {
padding: 0;
max-height: 140px;
overflow: scroll;
margin: 0;
}
.form-check
.form-check-label
input[type="radio"]:checked
+ .input-helper:before {
background: #0075ff;
}
.form-check .form-check-label input[type="radio"] + .input-helper:before {
border: 2px solid #cdcdcd;
}
.mainSearchDetail {
width: 100%;
display: none;
z-index: 11;
padding: 10px;
position: absolute;
border-radius: 4px;
background-color: #fff;
border: 1px solid #cdcdcd;
}
.searchWrap {
margin-bottom: 20px;
}
.mainSearchWrap.active .mainSearchDetail {
display: block;
}
.mainSearchDetail .mainSearchItem {
list-style: none;
width: 100%;
line-height: initial;
position: relative;
}
.mainSearchDetail .mainSearchItems:hover {
background-color: #f7f7f7;
}
.mainSearchDetail .mainSearchItems {
padding: 5px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
.doughnutChartBody {
border-radius: 50px;
box-shadow: 0 4px 25px -3px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 4px 25px -3px rgba(0, 0, 0, 0.2);
}
.recentItem {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px dotted #cdcdcd;
}
.orderTotal {
position: relative;
}
.orderTotal::before {
content: "";
position: absolute;
width: 1px;
height: 60px;
left: -17px;
background-color: #f2f3f4;
}
.tag {
border: 1px solid;
text-align: center;
display: inline-block;
padding: 4px 6px;
border-radius: 10px;
font-size: 0.6rem;
}
.smallTabBtn {
text-decoration: none;
display: inline-block;
background-color: #eeeeee;
font-size: 0.8rem;
padding: 0px 10px;
-webkit-box-shadow: rgb(0 0 0 / 6%) 0px 4px 10px 0px;
box-shadow: rgb(0 0 0 / 6%) 0px 4px 10px 0px;
margin: 4px;
text-align: center;
border-radius: 4px;
min-height: 20px;
}
.smallTabBtn.active {
color: #fff;
background-color: #b4b4b4;
}
.smallTabBtn:hover {
text-decoration: none;
box-shadow: none;
}
.select2-container--default .select2-selection--single {
border: 1px solid #e4e9f0;
border-radius: 4px;
}
/*
.inboxShadow {
background: #fbfbfb !important;
border: 2px solid #fff;
border-radius: 10px;
box-shadow: -10px -10px 15px #fff, 10px 10px 15px rgba(0, 0, 0, 0.1),
inset -5px -5px 15px #fff, inset 5px 5px 15px rgba(0, 0, 0, 0.1);
}*/
.boxShadow {
position: relative;
padding: 15px;
border-radius: 10px;
-webkit-box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 24px 0px;
box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 24px 0px;
}
.shadow {
-webkit-box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 5%) !important;
}
textarea {
min-height: 2rem;
}
.bg-gary-blue {
background: rgb(238 247 255);
}
.staff span::after{
content: "|";
margin-left: 10px;
}
.staff span:last-child:after{
content: "";
}
.signBox{
max-width: 300px;
min-height: 200px;
border: 1px solid #e4e9f0;
}
.gap20{
gap: 10px;
}
.bg-gr-gary {
background: rgb(29 98 253); /* fallback for old browsers */
background: -moz-linear-gradient(
135deg,
rgb(168 191 196) 0%,
rgb(195 195 195) 100%
);
/* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(
135deg,
rgb(168 191 196) 0%,
rgb(195 195 195) 100%
);
}
.bg-gr-blue {
background: rgb(29 98 253); /* fallback for old browsers */
background: -moz-linear-gradient(
135deg,
rgb(0 193 236) 0%,
rgb(29 98 253) 100%
);
/* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(135deg, rgb(0 193 236) 0%, rgb(29 98 253) 100%);
}
.bg-gr-pruple {
background: #7367f0; /* fallback for old browsers */
background: -moz-linear-gradient(135deg, #ce9ffc 0%, #7367f0 100%);
/* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(135deg, #ce9ffc 0%, #7367f0 100%);
}
.bg-gr-orange {
background: #da0641; /* fallback for old browsers */
background: -moz-linear-gradient(135deg, #f2d50f 0%, #e08930 100%);
/* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(135deg, #f2d50f 0%, #e08930 100%);
}
.bg-gr-green {
background: #3bb2b8; /* fallback for old browsers */
background: -moz-linear-gradient(135deg, #42e695 0%, #3bb2b8 100%);
/* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(135deg, #42e695 0%, #3bb2b8 100%);
}
.bg-gr-pink {
background: #d23cad; /* fallback for old browsers */
background: -moz-linear-gradient(135deg, #ffa7d4 0%, #d23cad 100%);
/* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(135deg, #ffa7d4 0%, #d23cad 100%);
}
.bg-gr-yellow {
background: #bba228; /* fallback for old browsers */
background: -moz-linear-gradient(135deg, #fae86d 0%, #bba228 100%);
/* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(135deg, #fae86d 0%, #bba228 100%);
}
.bg-gr-red {
background: #a51b1b; /* fallback for old browsers */
background: -moz-linear-gradient(135deg, #ff5555 0%, #a51b1b 100%);
/* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(135deg, #ff5555 0%, #a51b1b 100%);
}
.bg-gr-lightblue {
background: #0ca1a9; /* fallback for old browsers */
background: -moz-linear-gradient(135deg, #4eece5 0%, #0ca1a9 100%);
/* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(135deg, #4eece5 0%, #0ca1a9 100%);
}
.navIcon .counter {
background-color: #ff3c7e;
border-radius: 50px;
color: #fff;
font-size: 10px;
line-height: 1;
padding: 3px 5.5px;
position: absolute;
right: -8px;
top: 4px;
}
.navIcon {
display: block;
position: relative;
font-size: 1.2rem;
}
.require::after {
content: "*";
color: #ff0854;
}
.bg-primary {
background: #5e6eed;
}
.bg-success {
background: #00d284;
}
.bg-info {
background: #00cff4;
}
.bg-danger {
background: #ff0854;
}
.modal-title {
font-size: 1rem;
}
.passtrengthMeter input {
font-size: 0.8rem;
padding: 0.6rem;
border: 1px solid #e4e9f0;
}
.loginLogo {
padding: 20px;
}
input::-webkit-calendar-picker-indicator {
display: none;
}
.bigfont {
font-size: 1.6rem;
}
.bigicon {
font-size: 1.4rem;
}
.enquiryId {
width: 100px !important;
}
.parentSelectpicker .bootstrap-select {
padding: 0 !important;
}
.parentSelectpicker .bootstrap-select {
padding: 0 !important;
}
.parentSelectpicker .dropdown-toggle {
background-color: #fff !important;
height: 30px;
}
.parentSelectpicker
.bootstrap-select
.dropdown-toggle
.filter-option-inner-inner {
overflow: inherit !important;
font-weight: initial !important;
}
.text-blue {
color: #3e4b5b;
}
.toggleTitle {
display: block;
position: relative;
}
.indexDataTableWrap {
position: relative;
}
.permissonTb tbody tr{
border-bottom: 0;
}
.permissonTb tbody tr:first-child td {
border: 1px solid #eef7ff;
}
.permissonTb tbody tr td {
border: 1px solid #eef7ff;
}
.checkedIcon::before{
content: "\f058";
font-family: "Font Awesome\ 5 Free";
font-weight: 900;
font-size: 1rem;
color: #20cca5;
}
.uncheckedIcon::before{
content: "\f057";
font-family: "Font Awesome\ 5 Free";
font-weight: 900;
font-size: 1rem;
color: #ef646e;
}
.permissonTb td:first-child {
position: sticky;
left: 0;
z-index: 100;
}
.fright{
float: right;
}
.permissonTbUser{
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.permissonTb thead tr th{
vertical-align: middle;
}
.table thead th,
.table td {
font-size: 0.7rem !important;
}
.table thead th {
text-transform: uppercase;
}
.draggable {
float: left;
display: inline-block;
height: 60px;
padding: 20px 0;
margin: 5px;
text-align: center;
background: yellow;
position: absolute;
transition: all 700ms ease;
}
.select2-container .select2-selection--single .select2-selection__rendered {
padding-left: 0px;
}
.select2-container {
width: 100% !important;
display: block;
}
.select2-container--default
.select2-results__option--highlighted[aria-selected] {
color: #4c4c4c;
background-color: #f3f3f3;
}
.select2-container--default
.select2-selection--single
.select2-selection__rendered {
line-height: 28px;
}
.draggableItemLage {
width: 100%;
position: absolute;
}
.mdi-arrow-down-drop-circle-outline {
position: absolute;
right: 0;
top: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.rotate {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
transform: rotate(-90deg);
}
.dataTable td {
font-size: 0.8rem;
}
.inputSelectfield {
position: relative;
}
.inputSelectfield::after {
font: normal normal normal 24px / 1 "Material Design Icons";
content: "\f140";
color: #cdcdcd;
top: 6px;
font-size: 1.2rem;
position: absolute;
right: 2px;
}
textarea {
line-height: 24px !important;
}
.greenBtn {
background-color: #1abb9c;
color: #fff;
}
.orangeBtn {
background-color: #ff5730;
color: #fff;
}
.redBtn {
background-color: #ff0854;
color: #fff;
}
.success {
background-color: #dff0d8;
color: #5a8b48;
border-radius: 10px;
padding: 20px;
}
.error {
background-color: #f2dede;
color: #78272e;
border-radius: 10px;
padding: 20px;
}
.itemUsage {
position: relative;
}
.footer a {
color: #04c;
font-size: inherit;
}
.itemUsage::after {
font-size: 0.8rem;
content: "Times";
position: absolute;
bottom: 8px;
right: 10px;
color: #cdcdcd;
}
.error .head {
font-weight: bold;
}
.blackFont {
color: #000;
}
.dropdown .dropdown-menu .dropdown-item {
font-size: 0.8rem;
padding: 0.25rem 1rem;
}
.grayFont {
color: #cdcdcd;
}
.searchDefault .form-group {
margin-bottom: 10px;
}
.form-control.noborder,
.noborder {
border: 0px !important;
}
.select2-container--default
.select2-selection--single
.select2-selection__clear {
height: 32px;
margin-right: 0px;
}
tbody {
font-size: 0.8rem;
}
.whiteBg {
background-color: #fff;
}
::-webkit-scrollbar {
height: 8px;
width: 4px;
background: gray;
}
::-webkit-scrollbar-thumb:horizontal {
background-color: #dedede;
border-radius: 10px;
}
.custom-file-label {
height: 2rem;
border: 1px solid #e7e7e7;
}
.whiteFont {
color: #fff;
}
.garyFont {
color: #cdcdcd;
}
.yelloFont {
color: #fcff60;
}
.navSearch {
display: none;
}
table.dataTable thead .sorting_asc {
padding: 10px 8px;
font-size: 0.8rem;
background-position: 96% 50%;
color: #cdcdcd;
}
.navMobileClose {
display: none;
background-color: #fff !important;
font-size: 3rem;
padding: 0 20px;
}
.indexDataTableHead {
position: relative;
padding: 0 15px;
}
.form-control {
border-radius: 4px;
}
table.dataTable {
width: 100% !important;
}
.formSearch {
position: relative;
}
.searchBtn {
position: absolute;
right: 8px;
top: 5px;
}
.sidebar .nav .nav-item.nav-profile .nav-link .nav-profile-image {
width: 100%;
height: auto;
margin: auto;
}
.sidebar .nav .nav-item:not(:nth-child(2)).active {
background: #eeeeee;
}
.sidebar .nav .nav-item:not(:nth-child(2)).active > .nav-link i {
color: #141212;
}
.sidebar .nav .nav-item:not(:nth-child(2)).active > .nav-link .menu-title {
color: #141212;
}
.sidebar .nav .nav-item.active {
background: #eeeeee;
}
.sidebar .nav .nav-item.active > .nav-link i {
color: #141212;
}
.sidebar .nav .nav-item.active > .nav-link .menu-title {
color: #141212;
font-weight: 600;
}
/* ===== Scrollbar CSS ===== */
/* Firefox */
* {
scrollbar-width: thin;
scrollbar-color: #dedede #ffffff;
}
/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
width: 4px;
}
*::-webkit-scrollbar-track {
background: #ffffff;
}
*::-webkit-scrollbar-thumb {
background-color: #dedede;
border-radius: 6px;
border: 0px none #ffffff;
}
.sidebar .nav {
height: calc(100vh - 66px);
overflow: hidden;
overflow-y: auto;
left: 0;
top: 0;
padding-bottom: 50px;
}
.sidebar .nav .nav-item.nav-profile .nav-link .nav-profile-image img {
width: 100%;
height: auto;
border-radius: 100%;
}
.sidebar .nav .nav-item.nav-profile .nav-link {
padding: 10px;
}
.list_view {
overflow-y: scroll;
height: 200px;
padding: 10px;
}
.list_view label input {
top: 4px;
position: absolute;
left: 0;
}
.list_view label {
padding-left: 20px;
position: relative;
display: block;
margin-bottom: 10px;
}
.flex-row {
display: flex;
flex-direction: row;
}
.flex-row .column {
width: 40%;
}
.form-checkGroup .form-check {
padding-left: 30px;
padding-bottom: 10px;
border-bottom: 1px solid #f1f1f1;
}
.bgHeard {
font-size: 0.8rem;
background-color: #f4f4f4;
padding: 10px 0;
font-weight: bold;
}
.subTitle {
line-height: 36px;
border-bottom: 1px solid #e6e6e6;
}
.arrowBtn {
color: #007bff;
padding: 1px 2px;
background: #fff;
border: 1px solid #dcedff;
}
.dateBtn {
border: 0 solid #007bff;
background: #fff;
padding: 2px;
}
.reportWrap {
position: absolute;
z-index: 10;
top: 15px;
}
.addNewBtn {
position: absolute;
z-index: 10;
top: 15px;
}
.markBtn {
font-size: 1.4rem;
top: 0;
position: absolute;
right: 0;
}
.dashboardDataTable .dataTables_wrapper .dataTables_filter {
float: initial;
text-align: left;
width: 100%;
}
.displayBlock {
display: block;
}
.largeBtn {
padding-left: 40px !important;
padding-right: 40px !important;
}
.dataTables_wrapper {
overflow-x: auto;
padding-bottom: 20px;
}
.inputRadioBtn {
position: absolute;
top: 32px;
left: 10px;
}
table.dataTable thead .sorting {
padding: 10px 8px;
font-size: 0.8rem;
background-position: 96% 50%;
color: #4c4c4c;
padding-right: 30px;
}
.dataSelectCol {
position: absolute;
right: 0;
z-index: 9;
top: 10px;
}
.dashboardDataTable {
display: none;
position: relative;
}
.collapse_active {
display: block;
}
table.groupRecieptTable th,
table.groupRecieptTable td {
font-size: 0.6rem !important;
}
.table-check {
position: relative;
display: block;
margin-bottom: 10px;
padding-left: 0;
}
a[disabled] {
background-color: gray;
pointer-events: none;
}
.table-check-input {
position: absolute;
top: 0;
left: 0;
}
.table .thead-blue th {
font-weight: bold;
background-color: #d5ecff;
padding: 10px 15px;
}
.dashboardDataTable .dataTables_length {
display: none;
}
.dashboardDataTable .dataTables_wrapper .dataTables_info {
display: none;
}
table.dataTable thead .sorting_desc {
padding: 10px 8px;
font-size: 0.8rem;
background-position: 96% 50%;
color: #cdcdcd;
}
.parentSelectpicker .dropdown-menu {
width: 100%;
}
.dataTables_filter label {
width: 100%;
}
.enquiryAllBookingDateTimeWrap i {
display: none;
}
.dashboardDataTable .dataTables_paginate {
display: none;
}
.dataTables_wrapper .dataTables_info {
font-size: 0.8rem;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
color: dimgrey !important;
border: 1px solid #e2e2e2;
background: #e2e2e2;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
color: #007bff !important;
font-weight: bold;
border: 0 solid #007bff;
background: none;
}
.grid-margin {
margin-bottom: 10px;
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
color: #333;
font-size: 0.8rem;
margin-top: 10px;
}
table.dataTable thead th,
table.dataTable thead td {
border-bottom: 1px solid #dfdfdf;
}
.dataTables_wrapper .dataTables_filter {
width: 50%;
}
.dataTables_wrapper select {
border: 1px solid #e4e9f0 !important;
outline: 0 solid #e4e9f0 !important;
}
.dataTables_wrapper select {
padding: 0.4375rem 0.75rem;
border: 0;
border-radius: 4px;
outline: 1px solid #e4e9f0;
color: #c9c8c8;
}
table.dataTable tbody tr.selected {
background-color: #f3fcff !important;
}
.btn-blue {
color: #fff;
background-color: #55c2d6;
}
.btn-pruple {
color: #fff;
background-color: #bf74cd;
}
.btn-deeppruple {
color: #fff;
background-color: #8c02a5;
}
.badge-pruple {
color: #fff;
background-color: #bf74cd !important;
}
.badge-danger {
color: #fff;
background-color: #ff0854 !important;
}
.badge-deepred {
color: #fff;
background-color: #be6328 !important;
}
.badge-success {
color: #fff;
background-color: #00d284 !important;
}
.badge-waiting {
color: #fff;
background-color: #ffa734 !important;
}
.badge-primary{
color: #fff;
border:0 ;
background-color: #4261b8 !important;
}
.badge-yellow {
color: #fff;
background-color: #ffc836 !important;
}
.badge-default {
color: #fff;
background-color: #607d8b !important;
}
.badge-close {
color: #fff;
background-color: #cdcdcd !important;
}
.dataTables_wrapper .dataTables_filter input {
margin-left: 0.5em;
width: 50%;
border-radius: 4px;
border: 1px solid #e4e9f0;
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-size: 0.8rem;
height: 2rem;
padding: 1rem;
}
.uploadWrap{
padding: 1rem;
display: none;
}
.borderSelect2Multiple .select2-container--default .select2-selection--multiple .select2-selection__choice {
padding: 4px;
}
.select2singleSearch .select2-container--default .select2-selection--single,
.select2Multiple .select2-container--default .select2-dropdown,
.select2Multiple .select2-container--default .select2-selection--multiple {
border: 0px;
padding-right: 30px;
}
.select2-container--default .select2-selection--single .select2-search__field,
.select2-container--default .select2-dropdown .select2-search__field,
.select2-container--default
.select2-selection--multiple
.select2-search__field {
vertical-align: middle;
font-size: 0.8rem;
}
.select2-container .select2-search--inline .select2-search__field {
margin-left: 10px;
margin-right: 10px;
}
.select2singleSearch {
position: relative;
}
.select2singleSearch .select2-selection__arrow {
display: none;
}
.select2Multiple .select2::after {
font-family: "Font Awesome\ 5 Free";
font-weight: 900;
content: "\f078";
position: absolute;
right: 3px;
top: 10px;
color: #e6e6e6;
font-size: 0.7rem;
}
.mainSearchItem label {
display: block;
}
.jQWCP-wWidget{
padding: 10px 20px!important;
background-color: #fff!important;
border: 0px!important;
box-shadow: rgb(0 0 0 / 10%) 2px 2px 24px 0px!important;
width: auto !important;
height: auto!important;
z-index: 9999!important;
}
.productImg{
margin: 0px 10px;
display: inline-block;
}
.statusSelect{
color: #fff;
background-color: #607d8b;
}
.colorCub{
width: 20px;
border: 1px solid #cdcdcd;
border-radius: 4px;
height: 20px;
display: inline-block;
}
select.form-control{
color: #3c3c3c ;
}
.min-850{
min-width: 850px;
}
/* Custom dropdown */
.addSizeWrap,.addOtherWrap,.addSkuWrap{
display: none;
}
.custom-dropdown {
height: 38px;
box-shadow: 0.1rem 0.4rem 1rem rgb(0 0 0 / 22%) ;
position: relative;
display: inline-block;
vertical-align: middle;
margin-bottom: 1.5rem;
border-radius: 4px;
}
.custom-dropdown select {
border-radius: 4px;
font-size: 0.8rem;
padding: 10px;
padding-right: 2.5em;
border: 0;
margin: 0;
height: 38px;
text-indent: 0.01px;
text-overflow: "";
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
}
.custom-dropdown::before,
.custom-dropdown::after {
content: "";
position: absolute;
pointer-events: none;
}
.custom-dropdown::after {
/* Custom dropdown arrow */
content: "\25BC";
height: 1em;
font-size: 0.625em;
line-height: 1;
right: 1em;
top: 50%;
margin-top: -0.5em;
}
.custom-dropdown::before {
/* Custom dropdown arrow cover */
width: 2em;
right: 0;
top: 0;
bottom: 0;
border-radius: 0 3px 3px 0;
}
.custom-dropdown select[disabled] {
color: rgba(0, 0, 0, 0.3);
}
.custom-dropdown select[disabled]::after {
color: rgba(0, 0, 0, 0.1);
}
.custom-dropdown::before {
background-color: rgba(0, 0, 0, 0.15);
}
.custom-dropdown::after {
color: rgba(0, 0, 0, 0.4);
}
.hexagon {
width: 52px;
margin: 20px auto;
}
.select2-container--default
.select2-selection--multiple
.select2-selection__choice {
background: #676767 !important;
}
.select2-container--default
.select2-selection--multiple
.select2-selection__clear {
margin-right: 16px;
}
.select2-container--default
.select2-selection--multiple
.select2-selection__choice__remove {
border-right: 0px !important;
background-color: #676767 !important;
}
.select2-selection__choice__remove {
position: relative !important;
}
.select2-dropdown {
-webkit-box-shadow: 0 0.2rem 1rem rgb(0 0 0 / 20%);
box-shadow: 0 0.2rem 1rem rgb(0 0 0 / 20%) !important;
}
::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #c9c8c8;
}
::-moz-placeholder {
/* Firefox 19+ */
color: #c9c8c8;
}
:-ms-input-placeholder {
/* IE 10+ */
color: #c9c8c8;
}
:-moz-placeholder {
/* Firefox 18- */
color: #c9c8c8;
}
.badge {
font-size: 0.7rem !important;
}
.dropdown-menu.show {
-webkit-box-shadow: 0 0.2rem 1rem rgb(0 0 0 / 20%);
box-shadow: 0 0.2rem 1rem rgb(0 0 0 / 20%) !important;
}
.higlight {
color: #007bff;
}
.fht-cell {
display: none;
}
lass .m-0 {
margin: 0;
}
.btnPadding {
padding: 10px;
}
.forgetWrap {
color: #cdcdcd;
width: 100%;
padding: 40px;
text-align: center;
}
.modal-header {
background-color: #eeeeee;
}
.modal-header h4 {
margin: 0 !important;
padding: 0 !important;
color: #fff;
}
.iconList {
list-style: none;
margin: 0;
padding: 0;
}
.iconList {
position: relative;
padding-left: 20px;
}
.iconList i {
position: absolute;
left: 0;
}
.btn-purple {
color: #fff;
background-color: #8e11dd;
border-color: #8e11dd;
}
.btn-red {
color: #fff;
background-color: #dd0000;
border-color: #dd0000;
}
.btn-primary {
color: #fff;
background-color: #007bff;
border-color: #007bff;
}
.btn-yellow{
color: #fff;
background-color: #ffc836 ;
border-color: #ffc836 ;
}
.btn-primary:hover {
color: #fff;
background-color: #50a4ff;
border-color: #50a4ff;
}
.customDeatil .iconBox {
margin-top: -55px;
background-color: #fff;
}
.customDeatil {
margin-top: 30px;
}
.formTitle {
position: relative;
}
/* Button 1 */
.toggle-button-cover {
display: table-cell;
position: relative;
box-sizing: border-box;
}
.toggle-button-cover input[type="checkbox"].toggle {
opacity: 0;
display: none;
position: absolute;
left: -99999px;
}
.toggle-button-cover input[type="checkbox"].toggle + label {
height: 20px;
line-height: 20px;
background-color: #818181;
padding: 0px 16px;
border-radius: 16px;
display: inline-block;
position: relative;
cursor: pointer;
-moz-transition: all 0.25s ease-in;
-o-transition: all 0.25s ease-in;
-webkit-transition: all 0.25s ease-in;
transition: all 0.25s ease-in;
-moz-box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.5);
box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 0.2rem 1rem rgb(0 0 0 / 20%);
-webkit-box-shadow: 0 0.2rem 1rem rgb(0 0 0 / 20%);
box-shadow: 0 0.2rem 1rem rgb(0 0 0 / 20%) !important;
}
.toggle-button-cover input[type="checkbox"].toggle + label:before,
input[type="checkbox"].toggle + label:hover:before {
content: " ";
position: absolute;
top: 2px;
left: 2px;
width: 46px;
height: 16px;
background: #fff;
z-index: 2;
-moz-transition: all 0.25s ease-in;
-o-transition: all 0.25s ease-in;
-webkit-transition: all 0.25s ease-in;
transition: all 0.25s ease-in;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
border-radius: 14px;
}
.toggle-button-cover input[type="checkbox"].toggle + label .off,
input[type="checkbox"].toggle + label .on {
color: #fff;
}
.toggle-button-cover input[type="checkbox"].toggle + label .off {
margin-left: 46px;
display: inline-block;
}
.toggle-button-cover input[type="checkbox"].toggle + label .on {
display: none;
}
.toggle-button-cover input[type="checkbox"].toggle:checked + label .off {
display: none;
}
.toggle-button-cover input[type="checkbox"].toggle:checked + label .on {
margin-right: 46px;
display: inline-block;
}
.toggle-button-cover input[type="checkbox"].toggle:checked + label,
input[type="checkbox"].toggle:focus:checked + label {
background-color: #08cb5e;
}
.toggle-button-cover input[type="checkbox"].toggle:checked + label:before,
input[type="checkbox"].toggle:checked + label:hover:before,
input[type="checkbox"].toggle:focus:checked + label:before,
input[type="checkbox"].toggle:focus:checked + label:hover:before {
background-position: 0 0;
top: 2px;
left: 100%;
margin-left: -48px;
}
.loginForm,
.reviewloginForm {
margin: 40px 20px;
}
.input-group-append .input-group-text,
.input-group-prepend .input-group-text {
padding: 0 0.75rem;
}
.editor_edit {
font-size: 1rem;
}
.btn-outline-pruple {
color: #e467f8;
border-color: #e467f8;
}
.btn-outline-pruple:hover {
color: #000;
background-color: #e467f8;
border-color: #e467f8;
}
.btn-primary:not(.btn-light):focus,
.btn-primary:not(.btn-light):active {
background-color: #007bff;
border-color: #007bff;
-webkit-box-shadow: 0 4px 20px -3px rgb(94 135 253);
box-shadow: 0 4px 20px -3px rgb(94 135 253);
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
background-color: #007bff;
border-color: #007bff;
-webkit-box-shadow: 0 4px 20px -3px rgb(94 135 253);
box-shadow: 0 4px 20px -3px rgb(94 135 253);
}
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
background-color: #007bff;
border-color: #007bff;
-webkit-box-shadow: 0 4px 20px -3px rgb(94 135 253);
box-shadow: 0 4px 20px -3px rgb(94 135 253);
}
.newProductBtn,
.newSearchBtn {
margin-top: 4px;
}
.previewDetail {
padding-bottom: 6px;
border-bottom: 1px solid #f2f2f2;
}
.double_border_bottom {
border-bottom: 2px double #4c4c4c;
}
.previewTB th {
font-weight: bold !important;
background-color: #f6f6f6;
}
.shadow_dark {
-webkit-box-shadow: 0 0.2rem 1rem rgb(0 0 0 / 20%);
box-shadow: 0 0.2rem 1rem rgb(0 0 0 / 20%) !important;
}
.shadow_deepgreen {
-webkit-box-shadow: 0 4px 20px -3px rgb(38 108 33);
box-shadow: 0 4px 20px -3px rgb(38 108 33);
}
.shadow_blue {
-webkit-box-shadow: 0 4px 20px -3px rgb(94 135 253);
box-shadow: 0 4px 20px -3px rgb(94 135 253);
}
.shadow_pruple {
-webkit-box-shadow: 0 4px 20px -3px rgb(140 119 243);
box-shadow: 0 4px 20px -3px rgb(140 119 243);
}
.shadow_orange {
-webkit-box-shadow: 0 4px 20px -3px rgb(230 161 42);
box-shadow: 0 4px 20px -3px rgb(230 161 42);
}
.shadow_green {
-webkit-box-shadow: 0 4px 20px -3px rgb(61 198 171);
box-shadow: 0 4px 20px -3px rgb(61 198 171);
}
.shadow_pink {
-webkit-box-shadow: 0 4px 20px -3px rgb(229 107 189);
box-shadow: 0 4px 20px -3px rgb(229 107 189);
}
.shadow_red {
-webkit-box-shadow: 0 4px 20px -3px rgb(255 123 123);
box-shadow: 0 4px 20px -3px rgb(255 123 123);
}
.shadow_lightblue {
-webkit-box-shadow: 0 4px 20px -3px rgb(28 235 238);
box-shadow: 0 4px 20px -3px rgb(28 235 238);
}
.userIcon {
text-align: center;
padding: 20px;
border-radius: 50%;
width: 74px;
font-size: 1.4rem;
margin: -32px auto 20px;
box-shadow: 7px 11px 19px -13px hsla(0, 0%, 47%, 0.6);
-webkit-box-shadow: 7px 11px 19px -13px hsla(0, 0%, 47%, 0.6);
}
.loginWrap {
padding: 40px 20px;
width: 50%;
border-radius: 10px;
margin: 40px auto;
box-shadow: 2px 32px 36px -14px hsla(0, 0%, 70%, 0.5);
-webkit-box-shadow: 2px 32px 36px -14px hsla(0, 0%, 70%, 0.5);
}
.logo {
background-color: #fff !important;
font-size: 3rem;
padding: 0 20px;
}
.sidebar .nav .nav-profile {
background-color: #fff !important;
}
.sidebar .nav .nav-item:not(:nth-child(2)).active .sub-menu .nav-link.active {
background-color: #4e82fe;
}
.fixed-table-container {
border: 0 solid #ddd;
border-top-width: 0;
border-right-width: 0;
border-bottom-width: 0;
border-left-width: 0;
}
.dashTable th {
width: 25%;
}
.fixed-table-container thead th {
border-left: 0 solid #ddd;
border-left-width: 0;
}
.fixed-table-container tbody td {
border-left: 0 solid #ddd;
}
#dashboardList li {
margin: 20px 0;
list-style: none;
}
.dataTables_scrollBody {
width: 90%;
}
.halfWidth {
width: 50%;
}
.show {
display: block !;
}
.boxBg {
border: 1px solid #e4e9f0;
background-color: #fff;
padding: 20px;
margin-bottom: 20px;
overflow-x: auto;
}
.custom-table th,
.custom-table td {
font-size: 0.8rem;
font-weight: 400;
}
.searchAdditionItem {
display: none;
}
.smaller {
font-size: 0.7rem !important;
}
.small {
font-size: 0.8rem !important;
}
.listRemarkWrap {
overflow-y: scroll;
height: 400px;
}
/* .dataTables_scrollHeadInner {
width: 100%!important;
} */
.blockBtn {
display: block;
text-align: center;
margin-top: 24px;
}
.dt-buttons {
padding: 26px 0;
position: absolute;
}
.alginBottom {
align-self: flex-end;
margin-bottom: 14px;
}
.dt-button {
cursor: pointer;
margin: 0 10px;
}
.align-items-stretch {
padding: 0 20px;
border-left: 1px solid #f4f4f4;
}
.sidebar-icon-only .sidebar-offcanvas.active {
position: absolute;
}
.sidebar .nav .nav-item .nav-link:hover i.menu-icon,
.sidebar .nav .nav-item .nav-link:hover .menu-title {
color: #c0c0c0;
}
.sidebar .nav .nav-item.hover-open .nav-link:hover .menu-title {
color: #ffffff;
background-color: #979797;
}
hr {
border-top: 1px solid rgb(156 156 156 / 10%);
}
.sbtn {
border: 0px;
padding: 6px;
border-radius: 4px;
}
.custom-table th img,
.custom-table td img {
width: 50px;
height: 50px;
}
.collapseTitle {
background-color: #fff;
position: relative;
display: block;
margin-bottom: 10px;
padding-right: 40px;
}
.collapseText {
position: relative;
display: block;
margin-bottom: 10px;
padding-right: 20px;
}
.collapseText:hover {
text-decoration: none;
}
.collapseText::after {
font-family: "Font Awesome\ 5 Free";
font-weight: 900;
content: "\f055";
position: absolute;
right: 0px;
top: 8px;
}
.collapseText.collapsed::after,
.collapseTitle.collapsed::after {
content: "\f056";
}
.collapseText::after {
font-family: "Font Awesome\ 5 Free";
font-weight: 900;
content: "\f055";
position: absolute;
right: 0px;
top: 0px;
}
.collapseTitle::after {
font-family: "Font Awesome\ 5 Free";
font-weight: 900;
content: "\f055";
position: absolute;
right: 0px;
top: 6px;
}
.BillingDetailItem,
.contactDetailItem {
margin-bottom: 10px;
}
.collapseBtn {
position: relative;
padding: 10px;
border-radius: 10px;
-webkit-box-shadow: 0 4px 25px -3px rgb(0 0 0 / 20%);
box-shadow: 0 4px 25px -3px rgb(0 0 0 / 20%);
color: #fff;
display: block;
background-color: #58c7f2;
}
.collapseBtn.collapsed {
-webkit-box-shadow: 0 4px 25px -3px rgb(0 0 0 / 20%);
box-shadow: 0 4px 25px -3px rgb(0 0 0 / 20%);
}
.collapseBtn:hover {
color: #fff;
text-decoration: none;
}
.collapseBtn.active {
-webkit-box-shadow: none;
box-shadow: none;
}
.collapseBtn.active::after {
content: "\f056";
}
.collapseBtn::after {
font-family: "Font Awesome\ 5 Free";
font-weight: 900;
content: "\f055";
position: absolute;
right: 10px;
}
.box-body {
padding: 10px;
}
.summaryItem {
width: 100%;
}
.summaryItem .iconBox {
position: absolute;
right: 15px;
top: -20px;
}
.custom-file-uploader {
position: relative;
}
.custom-file-uploader input[type="file"] {
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 5;
width: 100%;
height: 100%;
opacity: 0;
cursor: default;
}
.companyIconLogo {
width: 100%;
padding: 10px;
position: absolute;
top: 50%; /* position the top edge of the element at the middle of the parent */
left: 50%; /* position the left edge of the element at the middle of the parent */
transform: translate(-50%, -50%);
}
.customDeatil .logoIconBox {
margin-top: -55px;
background-color: #fff;
}
.logoIconBox {
overflow: hidden;
position: relative;
text-align: center;
font-size: 1.2rem;
width: 75px;
height: 75px;
border-radius: 50px;
}
.iconBox {
position: relative;
text-align: center;
font-size: 1.2rem;
width: 50px;
height: 50px;
border-radius: 50px;
}
.iconBox i {
position: absolute;
top: 50%; /* position the top edge of the element at the middle of the parent */
left: 50%; /* position the left edge of the element at the middle of the parent */
transform: translate(-50%, -50%);
}
.textellipsis {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.sidebar .nav .nav-item {
padding: 0;
}
.logo {
display: block;
padding: 0 20px;
}
.dashboardListWrap li {
display: none;
list-style: none;
}
/* .load-more-container ul {
list-style-type: none;
padding: 0;
}
.load-more-container ul:after {
content: "";
display: table;
clear: both;
}
.load-more-container ul li:nth-child(1n + 5) {
max-height: 0;
opacity: 0;
transition: 0.1s ease-in;
}
.load-more-btn {
display: block;
color: #007bff;
cursor: pointer;
font-size: 0.8rem;
text-align: right;
}
.load-more-btn .loaded {
display: none;
}
#load-more {
display: none;
}
#load-more:checked~ul li:nth-child(1n + 5) {
max-height: 999px;
opacity: 1;
transition: 0.2s ease-in;
}
#load-more:checked~.load-more-btn .loaded {
display: block;
}
#load-more:checked~.load-more-btn .unloaded {
display: none;
} */
.disabled {
pointer-events: none;
cursor: default;
background-color: #efefef !important;
}
.fullwidth {
width: 100%;
}
.modal-header .close {
padding: 0;
color: #4c4c4c;
margin: 0;
}
.addItemList {
border-bottom: 1px solid #efefef;
padding-bottom: 10px;
}
.addItemList textarea {
padding: 20px;
}
.vericallyCenter {
flex-direction: row;
display: flex;
align-items: center;
justify-content: center;
}
.col-custom-small {
-webkit-box-flex: 0;
-ms-flex: 0 0 10%;
flex: 0 0 10%;
max-width: 10%;
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.col-custom-nornal {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.col-custom-big {
-webkit-box-flex: 0;
-ms-flex: 0 0 70%;
flex: 0 0 70%;
max-width: 70%;
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.modalChecklist {
display: none;
}
.verticalCenter {
justify-content: center;
align-items: center;
}
.paymentWarp .form-check-inline {
margin-right: 0;
}
.lableTitle {
font-size: 0.8rem !important;
font-weight: bold;
}
.ItemWrap .fieldColum {
display: inline-flex;
}
.ItemWrap .smallColum {
width: 12%;
}
.ItemWrap .middleColum {
width: 40.5%;
}
.ItemWrap .normalColum {
width: 20%;
}
.ItemWrap .bigColum {
width: 32.5%;
}
.addItemList .boxWhite {
background-color: #fff;
padding: 20px;
}
.buttomWrap {
margin-bottom: 20px;
margin-top: 10px;
}
.mTop {
margin-top: 20px;
}
.modal-body {
font-size: 0.8rem;
padding: 1rem;
}
.expandInput {
margin-top: 10px;
}
.checkBoxInput {
margin: 0 10px;
}
.sidebar .nav .nav-item:not(:nth-child(2)).active .sub-menu .nav-link {
color: #191919;
}
.sidebar .nav .nav-item:not(:nth-child(2)).active .sub-menu .nav-link.active {
background-color: #e2e2e2;
color: #4c4c4c;
}
.sidebar .nav.sub-menu {
margin-left: 25px;
height: auto;
padding: 0;
margin-bottom: 0px;
}
.priceView {
position: absolute;
padding-top: 35px;
width: 100%;
bottom: 10px;
padding-right: 15px;
}
.bold {
font-weight: bold !important;
}
.form-control,
.typeahead,
.tt-query,
.tt-hint {
height: 2rem;
border: 1px solid #e4e9f0 !important;
outline: 0 solid #e4e9f0 !important;
padding: 0 0.6rem !important;
}
.borderSelect2 .select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single .select2-search__field {
border: 1px solid #e4e9f0 !important;
}
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single .select2-search__field {
height: 2rem;
outline: 0 solid #e4e9f0 !important;
padding: 0 0.6rem !important;
}
.form-check-inline {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex !important;
margin: 2px 10px;
padding: 0;
padding-left: 0!important;
}
.alertMessage {
display: none;
}
.form-group {
margin-bottom: 0.4rem;
}
select option:disabled {
color: #e4e9f0 !important;
}
.form-group label {
line-height: 22px;
font-size: 0.8rem;
margin-bottom: 0;
}
.form-check {
padding-left: 30px;
}
.form-check .form-check-label {
display: block;
margin-left: 0px;
font-size: 0.8rem;
}
.sidebar .nav .nav-item .nav-link {
padding: 1rem;
}
.sidebar .nav .nav-item .nav-link i.menu-icon {
font-size: 0.8rem !important;
}
.sidebar .nav .nav-item .nav-link:hover {
background-color: #f9f9f9;
}
.inline-block {
display: inline-block;
}
.itemBtnWrap {
position: absolute;
}
.nav-profile-text {
position: relative;
display: inline-block;
background-color: #007bff;
border-radius: 50%;
color: #fff;
width: 30px;
height: 30px;
vertical-align: middle;
text-align: center;
}
.tableHeadShortCut {
position: relative;
cursor: pointer;
font-weight: bold !important;
color: #007bff;
}
.tableHeadShortCut::before {
content: "▴";
right: 2px;
top: 14px;
position: absolute;
}
.tableHeadShortCut::after {
content: "▾";
right: 2px;
top: 20px;
position: absolute;
}
.nav-profile-text span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.navbar-nav {
align-items: center;
-ms-flex-direction: row;
flex-direction: row;
}
.navbar-nav li {
margin-left: 10px;
}
.card-body {
flex: initial;
padding: 1.25rem;
}
.dropdown-menu li a {
padding: 10px;
}
.sbutton {
border: 1px solid transparent;
border-radius: 4px;
font-size: 0.8rem;
padding: 4px 10px;
}
.sbutton:hover {
border: 1px solid transparent;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
text-decoration: none;
color: #fff;
opacity: 0.5;
}
.button {
border-radius: 4px;
font-size: 0.8rem;
padding: 10px;
}
.nornalBtn {
background-color: #007bff;
color: #fff;
}
.buttonWarp {
margin: 12px 0;
}
.datetimepicker table {
margin: 10px;
}
.datetimepicker td,
.datetimepicker th {
padding: 5px;
}
.glyphicon-arrow-left::after {
content: "<";
}
.flexWrap {
flex-wrap: wrap;
}
.glyphicon-arrow-right::after {
content: ">";
}
.dateRang {
position: relative;
}
.dateRang::after {
content: "To";
position: absolute;
top: 30px;
font-size: 0.8rem;
right: -8px;
}
.breadcrumb-item,
.breadcrumb-item a {
font-size: 0.7rem !important;
}
.moreBtn {
background-color: #1abb9c;
color: #fff;
}
.breadcrumb {
border: 0 !important;
}
.breadcrumbTitle {
padding-bottom: 10px;
}
.button:hover {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
text-decoration: none;
color: #fff;
opacity: 0.5;
}
.tableBottomBtnWrap {
padding: 20px 0;
}
.googleCalendar {
padding: 20px;
}
.datetimepicker-minutes .minute {
display: none;
}
.datetimepicker-minutes .minute:nth-child(1),
.datetimepicker-minutes .minute:nth-child(7) {
display: block !important;
}
.switchCheckBox {
padding: 10px 0 0;
}
.check-trail {
margin-bottom: 0;
}
.rightsWrap {
font-size: 0.8rem;
}
.rightsTableHead {
font-weight: bold;
background-color: #d5ecff;
padding: 10px 15px;
}
.rightsTableTd {
display: flex;
align-items: center;
background-color: #ffffff;
}
/* Hide the input */
.switchCheckBox input[type="checkbox"] {
position: absolute;
opacity: 0;
z-index: -1;
}
.switchCheckBox .check-trail {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
width: 2em;
height: 1em;
background: #ff0854;
border-radius: 2.5em;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
cursor: pointer;
}
.switchCheckBox .check-handler {
display: -webkit-box;
display: flex;
margin-left: 0;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
width: 1.2em;
height: 1.2em;
background: #ff0854;
border-radius: 50%;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}
.switchCheckBox
input[type="checkbox"]:checked
+ .check-trail
.check-handler::before {
font-size: 0.4rem !important;
content: "\F12C" !important;
font: normal normal normal 24px / 1 "Material Design Icons";
padding-top: 1px;
}
.switchCheckBox .check-handler:before {
content: "\00D7";
color: white;
font-size: 0.8em;
font-weight: bold;
}
.switchCheckBox input[type="checkbox"]:checked + .check-trail {
background: #1abb9c;
}
.switchCheckBox input[type="checkbox"]:checked + .check-trail .check-handler {
margin-left: 36%;
background: #1abb9c;
}
.switchCheckBox
input[type="checkbox"]:checked
+ .check-trail
.check-handler::before {
content: "✔";
}
.toolbar.bars,
.toolbar.columns,
.toolbar.search {
position: relative;
margin-top: 10px;
margin-bottom: 10px;
line-height: 34px;
}
.btn:hover,
.ajax-upload-dragdrop .ajax-file-upload:hover {
color: #fff;
opacity: 0.5;
text-decoration: none;
}
.storeSeletion{
display: none;
}
.card-btn a {
text-align: center;
padding: 10px;
color: #fff !important;
background-color: #007bff;
}
.btn-dark:not(.btn-light):hover, .btn-dark:not(.btn-light):focus, .btn-dark:not(.btn-light):active {
background-color: #001f49 !important;
}
.footer {
padding: 20px 0px 20px 0px;
}
.tableWrap {
position: relative;
}
.dataTable td.details-control {
cursor: pointer;
}
.dataTable tr.shown td {
background-color: #225699;
color: #fff !important;
border: none;
border-right: 1px solid #4d7cb0;
}
.dataTable tr.shown td:last-child {
border-right: none;
}
.dataTable tr.details-row .details-table tr:first-child td {
color: #fff;
background: #8fc2e2;
border: none;
}
.dataTable tr.details-row .details-table > td {
padding: 0;
}
.dataTable tr.details-row .details-table .fchild td:first-child {
cursor: pointer;
}
.dataTable tr.details-row .details-table .fchild td:first-child:hover {
background: #fff;
}
.dataTable tr.shown td.sorting_1 {
background-color: #225699 !important;
}
.dataTable .form-group.agdb-dt-lst {
padding: 2px;
height: 23px;
margin-bottom: 0;
}
.dataTable .form-group.agdb-dt-lst .form-control {
height: 23px;
padding: 2px;
}
.dataTable .adb-dtb-gchild {
padding-left: 2px;
}
.dataTable .adb-dtb-gchild td {
background: #f5fafc;
padding-left: 15px;
}
.dataTable .adb-dtb-gchild td:first-child {
cursor: default;
}
.sidebar {
border-right: 0px solid #e4e9f0;
}
.page-body-wrapper {
padding-left: 260px;
}
.sidebar-icon-only .page-body-wrapper {
padding-left: 70px;
}
.dashboardListWrap .card-btn {
position: absolute;
width: 100%;
bottom: 0;
}
.dashboardListWrap .card .card-body {
padding: 20px 20px 70px;
}
.sidebar-icon-only
.sidebar
.nav
.nav-item:not(:nth-child(2)).active
.sub-menu
.nav-link.active {
color: #fff;
}
.sampleTypeWrap {
height: 200px;
overflow-y: scroll;
}
.hide_me {
display: none;
}
.hide-password {
display: none;
}
table.dataTable tbody th,
table.dataTable tbody td {
white-space: nowrap;
}
.nowrap {
white-space: nowrap;
}
.password-showhide {
color: #cdcdcd;
position: absolute;
right: 10px;
top: 2px;
font-size: 1.2rem;
}
.list_view_en,
.list_view_me > div {
padding: 0 10px;
}
select:invalid {
color: #c9c8c8;
}
@media (min-width: 576px) {
.modal-md {
max-width: 70%;
margin: 30px auto;
}
}
@media (min-width: 992px) {
.dasbordWrap {
margin-top: 46px;
}
.sidebar-icon-only .sidebar {
padding-top: 0px !important;
}
.page-title-box {
margin-top: 46px;
background-color: #f3f3f3;
padding: 10px 27px;
}
.sidebar {
border-right: 0px solid #e4e9f0;
position: fixed;
}
.topNav {
position: fixed;
width: calc(100% - 260px);
background: #fff;
z-index: 999;
padding: 0px 10px;
}
.memberLoginMenu {
margin-right: 10px;
}
.topNav.active {
width: calc(100% - 70px);
}
.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse,
.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapsing {
width: auto !important;
}
}
@media (max-width: 991px) {
.page-title-box {
background-color: #f3f3f3;
padding: 10px 27px;
}
.mbw-100 {
width: 100%;
}
.topNav {
padding: 0px 20px;
}
.navMobileClose {
display: block;
font-size: 1.6rem;
}
.sidebar-icon-only .page-body-wrapper {
padding-left: 0;
}
.page-body-wrapper {
padding-left: 0;
}
.sidebar-offcanvas {
top: 0px;
left: -260px;
}
.sidebar-offcanvas.active {
left: 0;
max-height: calc(100vh);
top: 0 !important;
position: fixed;
overflow-y: auto;
overflow-x: hidden;
}
.navbar-toggler {
display: none;
}
.navbar-toggler-right {
display: block;
top: 14px;
}
.formTitle {
padding: 40px 0;
}
.loginWrap {
padding: 20px;
width: 100%;
}
}
@media (max-width: 768px) {
h3,
.h3 {
font-size: 1.2rem;
}
h1,
.h1 {
font-size: 1.4rem;
}
.dt-buttons {
padding: 26px 0;
position: relative;
}
.dataTables_wrapper .dataTables_filter {
width: 100%;
}
}
.modal-backdrop {
height: 1000vh;
}