.link {
font-size: 1rem;
padding: 10px;
}
h1,
.h1 {
font-size: 1.8rem;
}
.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;
}
.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 {
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;
}
.grayFont {
color: #cdcdcd;
}
tbody {
font-size: 0.8rem;
}
.whiteFont {
color: #fff;
}
table.dataTable thead .sorting_asc {
padding: 10px 8px;
font-size: 0.8rem;
background-position: 96% 50%;
color: #007bff;
}
.indexDataTableHead {
position: relative;
padding: 0 15px;
}
table.dataTable {
width: 100% !important;
}
.sidebar .nav .nav-item.nav-profile .nav-link .nav-profile-image {
width: 100%;
height: auto;
margin: auto;
}
table.dataTable.no-footer {
border-bottom: 1px solid #e8e8e8;
}
.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 {
padding: 10px;
}
.list_view label {
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: #007bff;
}
.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: #007bff;
}
.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;
height: 2.875rem;
outline: 1px solid #e4e9f0;
color: #c9c8c8;
}
.dataTables_wrapper .dataTables_filter input {
margin-left: 0.5em;
width: 50%;
border: 1px solid #e4e9f0;
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-size: 0.8rem;
height: 2rem;
padding: 1rem;
}
.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: #007bff;
}
.modal-header h4 {
margin: 0 !important;
padding: 0 !important;
color: #fff;
}
.btn-primary {
color: #fff;
background-color: #007bff;
border-color: #007bff;
}
.btn-primary:hover {
color: #fff;
background-color: #50a4ff;
border-color: #50a4ff;
}
.formTitle {
position: relative;
}
.loginForm,
.reviewloginForm {
margin: 40px 20px;
}
.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);
}
.loginWrap {
padding: 40px 20px;
width: 50%;
border-radius: 10px;
margin: 40px auto;
box-shadow: 2px 32px 36px -14px hsla(0, 0%, 70%, 0.5);
}
.logo {
border-right: 1px solid #e4e9f0;
background-color: #fff !important;
font-size: 3rem;
padding: 0 20px;
}
.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%;
}
.boxBg {
border: 1px solid #e4e9f0;
background-color: #fff;
padding: 20px;
margin-bottom: 20px;
overflow-x: auto;
}
.small {
font-size: 0.8rem;
}
.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;
}
.sidebar .nav .nav-item .nav-link:hover i.menu-icon,
.sidebar .nav .nav-item .nav-link:hover .menu-title {
color: #fff;
}
.sidebar .nav .nav-item.hover-open .nav-link:hover .menu-title {
color: #007bff;
}
.textellipsis {
height: 45px;
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: #cdcdcd !important;
}
.fullwidth {
width: 100%;
}
.modal-header .close {
padding: 0;
color: #fff;
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;
}
.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.sub-menu {
margin-left: 25px;
}
.priceView {
position: absolute;
padding-top: 35px;
width: 100%;
bottom: 10px;
padding-right: 15px;
}
.bold {
font-weight: bold;
}
.form-control,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single .select2-search__field,
.typeahead,
.tt-query,
.tt-hint {
height: 2rem;
border: 1px solid #e4e9f0 !important;
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 0;
padding: 0;
}
.form-group {
margin-bottom: 0.4rem;
}
.form-group label {
line-height: 22px;
font-size: 0.8rem;
margin-bottom: 0;
}
.form-check .form-check-label {
padding: 2px 0;
margin-left: 0;
font-size: 0.8rem;
}
.sidebar .nav .nav-item .nav-link {
padding: 1rem;
}
.sidebar .nav .nav-item .nav-link:hover {
background-color: #007bff;
color: #fff;
}
.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: 40px;
height: 40px;
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: "<";
}
.glyphicon-arrow-right::after {
content: ">";
}
.dateRang {
position: relative;
}
.dateRang::after {
content: "To";
position: absolute;
top: 30px;
font-size: 0.8rem;
right: -8px;
}
.moreBtn {
background-color: #1abb9c;
color: #fff;
}
.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);
}
.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;
}
.card-btn a {
text-align: center;
padding: 10px;
color: #fff !important;
background-color: #007bff;
}
.footer {
padding: 40px 25px 12px 37px;
}
.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;
}
.btn:hover,
.ajax-upload-dragdrop .ajax-file-upload:hover {
color: #fff;
opacity: 0.5;
text-decoration: none;
}
.dataTable .adb-dtb-gchild {
padding-left: 2px;
}
.modalChecklist {
display: none;
}
.dataTable .adb-dtb-gchild td {
background: #F5FAFC;
padding-left: 15px;
}
.dataTable .adb-dtb-gchild td:first-child {
cursor: default;
}
.sidebar {
position: absolute;
}
.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;
}
.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-dialog {
max-width: 50%;
margin: 30px auto;
}
}
@media(max-width: 991px) {
.sidebar-icon-only .page-body-wrapper {
padding-left: 0;
}
.sidebar-offcanvas.active.open {
max-height: calc(100vh);
top: 0;
}
.page-body-wrapper {
padding-left: 0;
}
.sidebar-offcanvas {
top: 56px;
left: -260px;
}
.sidebar-offcanvas.active {
left: 0;
position: fixed;
top: 56px;
overflow-y: auto;
overflow-x: hidden;
}
.navbar-toggler {
display: none;
}
.navbar-toggler-right {
display: block;
position: absolute;
top: 14px;
}
.formTitle {
padding: 40px 0;
}
.loginWrap {
padding: 20px;
width: 100%;
}
}
@media(max-width: 768px) {
.paymentWarp .form-check-inline {
padding: 15px;
}
.dt-buttons {
padding: 26px 0;
position: relative;
}
.dataTables_wrapper .dataTables_filter {
width: 100%;
}
}
.modal-backdrop {
height: 1000vh;
}