/* ===============================================================================
Project Name    : Travelcorp DMC, CRM
Module      	: Application Layout Custom Stylesheet
Version       	: V1.0.0 
Programmed by   : Hedayat
Company Name	: TRAVELCORP DMC PVT. LTD.
================================================================================== */
@charset "utf-8";
/* ===============================================================================
Project Name    : Travelcorp DMC, CRM
Module      	: Application Layout Custom Stylesheet
Version       	: V1.0.0 
Programmed by   : Hedayat
Company Name	: TRAVELCORP DMC PVT. LTD.
================================================================================== */
@import url("https://fonts.googleapis.com/css2?family=Catamaran:wght@300;400&family=Hind+Madurai:wght@300;400;500&display=swap");

/*
01. Basic Styles
02. DailySheet Page
03. Datatable Custom Style
*/

/*--------------------------------------------
01. Basic Styles
---------------------------------------------*/
.dark {
  color: #333;
}
.color-orange {
  color: #d9534f !important;
}
.color-green {
  color: green !important;
}
.table thead tr.tamil-font th {
  font-family: "Hind Madurai", sans-serif;
  font-size: 13px !important;
  font-weight: 500;
}
.label-tamil {
  font-family: "Hind Madurai", sans-serif;
  font-size: 13px;
  font-weight: 500;
}
.bg-dark {
  background-color: #262b36;
  color: rgba(255, 255, 255, 0.8);
}
.bg-blue {
  background-color: #1967d2;
  color: rgba(255, 255, 255, 0.8);
}
.bg-dark-blue {
  background-color: #071820;
  color: rgba(255, 255, 255, 0.8);
}
.bg-green {
  background-color: #1fa67a;
  color: rgba(255, 255, 255, 0.8);
}
.bg-dark-green {
  background-color: #084540;
  color: rgba(255, 255, 255, 0.8);
}
.bg-pink {
  background-color: #d43a69;
  color: rgba(255, 255, 255, 0.8);
}
.bg-orange {
  background-color: #e6ad5c;
  color: rgba(255, 255, 255, 0.8);
}
.mb5 {
  margin-bottom: 5px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb15 {
  margin-bottom: 15px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb30 {
  margin-bottom: 30px;
}
.mb35 {
  margin-bottom: 35px;
}
.mb40 {
  margin-bottom: 40px;
}
.mr5 {
  margin-right: 5px;
}
.mr10 {
  margin-right: 10px;
}
.mr20 {
  margin-right: 20px;
}
.mr30 {
  margin-right: 30px;
}
.mt0 {
  margin-top: 0;
}
.mt5 {
  margin-top: 5px;
}
.mt10 {
  margin-top: 10px;
}
.mt20 {
  margin-top: 20px;
}
.ml5 {
  margin-left: 5px;
}
.ml10 {
  margin-left: 10px;
}
.mlr15 {
  margin: 0 15px;
}
.padding5 {
  padding: 5px;
}
.padding10 {
  padding: 10px;
}
.nomargin {
  margin: 0;
}
.noshadow {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.nopadding {
  padding: 0;
}
.nopaddingtop {
  padding-top: 0 !important;
}
.nopaddingbottom {
  padding-bottom: 0 !important;
}
.italic {
  font-style: italic;
}
.width100p {
  width: 100%;
}
.width20 {
  width: 20px;
}
.width30 {
  width: 30px;
}
.width50 {
  width: 50px;
}
.width60 {
  width: 60px;
}
.width70 {
  width: 70px;
}
.width80 {
  width: 80px;
}
.width100 {
  width: 100px;
}
.width120 {
  width: 120px;
}
.width200 {
  width: 200px;
}
.inblock {
  display: inline-block;
}
.none {
  display: none;
}
.block {
  display: block;
}
.align-center {
  text-align: center;
}
.bootstrap-select > .dropdown-toggle {
  padding: 7px 15px !important;
}

/*--------------------------------------------
02. Sales and Daily Sheet Header
---------------------------------------------*/
.shed_header {
  font-family: "Hind Madurai", sans-serif;
  font-size: 13px;
  font-weight: 500;
}
.shed_header span {
  display: block;
}
.shed_header span.shed_text {
  margin-top: 10px;
}

/*--------------------------------------------
02. Datatable Custom Style
---------------------------------------------*/
table.dataTable > tbody > tr.child ul.dtr-details > li {
  font-family: "Hind Madurai", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
}
table.dataTable > tbody > tr.child span.dtr-title {
  width: 51%;
  font-weight: 500 !important;
}
table.dataTable > tbody > tr.child span.dtr-title:after {
  content: ":";
}
.datatable_grouping_header {
  background: #3a7fd5;
  background: -webkit-linear-gradient(left, #3a7fd5, #6ebce2);
  background: -o-linear-gradient(left, #3a7fd5, #6ebce2);
  background: linear-gradient(to right, #3a7fd5, #6ebce2);
  color: #fff;
}

/*--------------------------------------------
03. Thin Line Notification
---------------------------------------------*/
#gritter-notice-wrapper {
  position: fixed !important;
  top: 20px !important;
  right: 20px !important;
  left: auto !important;
  width: 360px !important;
  z-index: 9999 !important;
}

.gritter-item-wrapper.thin-line-notification {
  margin: 0 0 10px 0 !important;
  border-radius: 6px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12) !important;
  padding: 14px 18px !important;
  animation: tln-slide-in 0.3s ease-out !important;
  overflow: hidden !important;
  border: none !important;
}

@keyframes tln-slide-in {
  from {
    opacity: 0;
    transform: translateX(40px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.gritter-item-wrapper.thin-line-notification .gritter-item {
  padding: 0 !important;
  background-color: transparent !important;
  background-image: none !important;
}

.gritter-item-wrapper.thin-line-notification.with-icon > .gritter-item {
  padding-left: 36px !important;
}

.gritter-item-wrapper.thin-line-notification.with-icon > .gritter-item:before {
  top: 50% !important;
  transform: translateY(-50%) !important;
  left: 0 !important;
  font-size: 20px !important;
  color: #fff !important;
}

/* --- Success (green) --- */
.gritter-item-wrapper.thin-line-notification.success {
  background: linear-gradient(135deg, #1fa67a, #17a571) !important;
  color: #fff !important;
}

/* --- Error / Danger (red) --- */
.gritter-item-wrapper.thin-line-notification.error,
.gritter-item-wrapper.thin-line-notification.danger {
  background: linear-gradient(135deg, #d9534f, #c9302c) !important;
  color: #fff !important;
}

/* --- Info (blue) --- */
.gritter-item-wrapper.thin-line-notification.info {
  background: linear-gradient(135deg, #3a7fd5, #2e6ec0) !important;
  color: #fff !important;
}

/* --- Warning (amber) --- */
.gritter-item-wrapper.thin-line-notification.warning {
  background: linear-gradient(135deg, #e6ad5c, #d4982f) !important;
  color: #fff !important;
}

/* --- Primary (teal) --- */
.gritter-item-wrapper.thin-line-notification.primary {
  background: linear-gradient(135deg, #2574ab, #1e628e) !important;
  color: #fff !important;
}

/* --- Update (purple) --- */
.gritter-item-wrapper.thin-line-notification.update {
  background: linear-gradient(135deg, #7c3aed, #6d28d9) !important;
  color: #fff !important;
}

.gritter-item-wrapper.thin-line-notification .gritter-title {
  display: none !important;
}

.gritter-item-wrapper.thin-line-notification p {
  margin: 0 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  color: #fff !important;
}

/* Premium Gritter Close Button and Layout Override */
.gritter-close {
  display: none;
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  width: 20px !important;
  height: 20px !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
  background: none !important;
  cursor: pointer !important;
  z-index: 9999 !important;
}

.gritter-item-wrapper:hover .gritter-close,
.gritter-item-wrapper.hover .gritter-close {
  display: block;
}

.gritter-close:before {
  text-indent: 0 !important;
  content: "\f00d" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 20px !important;
  height: 20px !important;
  line-height: 20px !important;
  text-align: center !important;
  font-family: "FontAwesome" !important;
  color: rgba(255, 255, 255, 0.6) !important;
  font-size: 13px !important;
  opacity: 1 !important;
  transition: color 0.15s ease-in-out !important;
}

.gritter-close:hover:before {
  color: #ffffff !important;
}

/* Ensure inner items are completely transparent to avoid overlaying random dark boxes */
.gritter-item-wrapper.thin-line-notification .gritter-item {
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Zebra Datepicker Styling */
.Zebra_DatePicker .dp_actions td {
  background-color: #1f3a52 !important;
  color: #fff !important;
}
.Zebra_DatePicker .dp_actions .dp_hover {
  background-color: #3b82f6 !important;
  color: #fff !important;
}
.Zebra_DatePicker .dp_daypicker th {
  background-color: #f1f5f9 !important;
  color: #1f3a52 !important;
}
.Zebra_DatePicker .dp_body .dp_selected {
  background-color: #3b82f6 !important;
  color: #fff !important;
}
.Zebra_DatePicker .dp_footer td {
  background-color: #1f3a52 !important;
  color: #fff !important;
}
.Zebra_DatePicker .dp_footer .dp_hover {
  background-color: #3b82f6 !important;
  color: #fff !important;
}