/**
 * Place your custom styles here.
 *
@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0-rc2/css/bootstrap-glyphicons.css");
@import url(https://fonts.googleapis.com/css?family=Play:400,700);
*/

/*************** Common ********************/
/*!!Important Note:
Please don't wrap your style attributes in the same line as your selector as it hinders
readability especially when multiple selectors are used*/

body{font-size:12px;}

h1, .h1 {font-size: 24px;}
h2, .h2 {font-size: 20px;}
h3, .h3 {font-size: 16px;}
h4, .h4{font-size: 14px;}
h5, .h5{font-size: 12px;}
.page-header{magrin-bottom:10px;}
.main-container .table-responsive{overflow-x: visible; font-size: 12px;}
#ui-datepicker-div {z-index: 2 !important;} /*To make the date picker apper on top of (input-group from-control) which has z-index 2*/


/*************** Navigation BAr *******************/
/**** Header ****/
#navbar {
  --background:#194f6c;
  border-bottom:5px solid #eee;
  width: 100%; position: fixed;
  z-index: 99;
  max-width: 100% !important;
  margin: 0;
  padding: 0 15px;
}

#navbar nav{float:right;}
.container {position: relative;}
.navbar-header .logo{margin-top:4px; margin-bottom:4px;}
.navbar-header .logo img{max-height:40px;}
.navbar-header .navbar-brand{font-family: 'Play'; font-weight: 700; color:#111; --color: #fff;  ---background: #b20606;}
.navbar-inverse .navbar-nav > li > a{padding-right:9px; padding-left:9px; color:#fff !important; font-family: 'Play'; font-weight: 400; font-size:13px;}
.navbar-default .navbar-nav > li > .navbar-text{padding-right:9px; padding-left:9px; color:#111 !important; font-family: 'Play'; font-weight: 400; font-size:13px; margin-right: 0; margin-left: 0;}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {text-shadow: 0px 0px 3px rgba(244, 238, 238, 0.98);}
.navbar-nav .dropdown-menu > .active > a,
.navbar-nav .dropdown-menu > .active > a:focus,
.navbar-nav .dropdown-menu > .active > a:hover{background:initial; color:#333}

li.dropdown.active {
    background-image: linear-gradient(to bottom,#dbdbdb 0,#e2e2e2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0);
    background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 3px 9px rgba(0,0,0,.075);
    box-shadow: inset 0 3px 9px rgba(0,0,0,.075);
}
li.dropdown .navbar-text {margin-top: 16px;margin-bottom: 16px;
}

#page-header{background: #eee; --background: #abe9c8; padding: 4px 0 0px 0; border-radius: 5px; margin: 0 15px 10px;}
#page-header a{color:#111; font-family:'Play';}
#page-header .nav > li > a:hover, #page-header .nav > li > a:focus{background:none;}
#page-header .nav > li.first a{padding: 10px 0px 10px 20px;}
#page-header .navbar-nav li a {padding: 10px; margin: 0 5px; line-height: 12px;}
#page-header .navbar-right {margin-right: 0;}

#block-ebbmainmenu .nav .open{background-color: #e7e7e7;}
#block-ebbmainmenu li li span.navbar-text {margin: 0px; font-weight: bold; background: #d2e7fa; padding: 2px 15px; letter-spacing: 1px;     white-space: nowrap; width: 100%;}
#block-ebbmainmenu ul.dropdown-menu {padding-top: 0px;}

/**** Menu ****/
#block-ebbmainmenu{font-family: 'Play';}
.navbar-nav .dropdown-menu {max-height: 80vh; overflow-y: auto;}
.navbar-nav .dropdown-menu .specialmenuitem {font-weight: bold; background: #d2e7fa; padding: 2px 15px; letter-spacing: 1px;}
.navbar-nav .dropdown-menu  li.first .specialmenuitem {margin-top:-5px;}

/**footer*/
.footer.container {padding: 0; width: 95%;}

/**************** Forms *************************/

/*custom css for center settings in form edit*/
div#edit-field-centre-custom-settings-wrapper {margin-top: 20px;}
div#edit-field-centre-custom-settings-wrapper > fieldset .fieldset-wrapper > #edit-field-centre-custom-settings > div {display: block;}
div#edit-field-centre-custom-settings-wrapper > fieldset > .fieldset-wrapper label {font-size: 14px;}
/*custom css for center settings in form edit*/

/*custom css for center settings in form view*/
.field > .field--items > .field--item{
  padding: 3px 7px; color: #000000;
  background: #d3d3d3;
  border-radius: 6rem;
  margin: 3px;
}

.field.field--name-field-signs-and-symptoms,
.field.field--name-field-interventions{
  display: flex;
  align-items: center;
  overflow: auto;
  height: fit-content;
}
/*custom css for center settings in form view*/

.form-group {
  margin-bottom: 20px;
}

.form-item.form-type-radio > label{
  font-size: 1.4rem;
}

.form-group .form-item.form-type-radio,
.field--type-datetime .form-inline.form-item {
  display: inline-block;
}

.panel.panel-default .form-group > .form-group > .form-group{
  margin-bottom: 0;
}

.form-group .form-item{
  display:flex;
  align-items: center;
}

.form-group .form-inline.form-item{
  display: inline-block;
}

.form-group fieldset.form-item,
.form-group .js-form-wrapper.form-wrapper.form-item.js-form-item.panel.panel-default {
  display: block;
}

.field--type-address.form-group .panel  .address-container-inline.form-group{
  display: flex;
}

form #edit-field-allow-duplicate-number-wrapper > .form-item{
  display: inline-block;
}

form #edit-field-allow-duplicate-number-wrapper > .form-item input{
  vertical-align: text-bottom;
}
/*center config custom settings*/
.form-group fieldset#edit-field-centre-custom-settings--wrapper{
  align-items: flex-start;
}

.node-centre-edit-form.node-form  .form-group .form-item.js-form-item.form-type-textarea.js-form-type-textarea,
.node-centre-edit-form.node-form .form-group .form-item {
  display: block;
}

.node-centre-edit-form.node-form #edit-group-miscellaneous .form-group .form-item {
  display: flex;
}

.node-centre-edit-form.node-form .form-group .form-item .js-text-summary-wrapper .control-label,
.node-centre-edit-form.node-form .form-group .form-item.form-type-textarea .control-label {
  vertical-align: top;
}

.node-centre-edit-form.node-form
.field--type-text-with-summary.field--name-body.field--widget-text-textarea-with-summary.form-group.js-form-wrapper.form-wrapper
.ck{
  clear: both;
}
  /*center config custom settings*/
.views-exposed-form .form--inline .form-item{
  display: inline-block;
}

.form-group .form-item .control-label{
  margin-bottom: 0;
}
form .control-label{
  width:180px;
  text-align:right;
  --vertical-align: top;
  margin-right:5px;
}

div.views-element-container div.views-form form #edit-header .control-label{
  width: fit-content;
  margin-right:5px;
}

div.views-element-container div.views-form form #edit-header{
  margin: 15px 0 10px 0;
}

div.views-element-container div.views-form form #edit-header > .form-group{
  display: flex;
  align-items: center;
  gap: 2em;
  width: fit-content;
  border: 2px groove #ffffff;
  background: #eee;
  border-radius: 6px;
  padding: 7px;
}

div.views-element-container div.views-form form #edit-header > .form-group > .form-group{
  margin: 0;
}

div.views-element-container div.views-form form #edit-header > .form-group > .form-group.form-actions > button.form-submit{
  padding: 5px;
  font-size: 1.3rem;
}

form .form-control{width:auto; display:inline; height:auto; min-height:24px; padding:4px 5px;font-size:12px; border: 2px solid #e0d7d7;}
form .control-group .help-inline, form .help-block{display:inline-block; margin-left:10px; vertical-align: top; font-size:11px; margin-top:0;}
form .control-group .help-inline ul, form .help-block ul{margin: 0; padding: 0 18px;}
form .resizable-textarea{display:inline;}
form .resizable-textarea textarea{height: 75px; max-height:none;}
form .resizable-textarea .grippie{display:none;}
form .form-control.chosen-container {padding:0; border:none; font-size:12px; line-height:1; width:auto; max-width:200px;}
form .form-control.form-select{
  line-height: 1.42857143;
  font-size: 12px;
  width: auto;
  max-width: 200px;
  max-height: 100px;
  padding: 4px 18px 4px 4px;
}
form .form-control.form-select:after{
  padding-right: 2em;
}
form .form-control.form-select option{white-space:normal;}
form .form-radios, form .form-checkboxes{display: inline-block;  max-width: 600px;}
form .form-radios .form-item , form .form-checkboxes .form-item{display: inline-block; margin-right: 20px;}
form .form-radios .form-item label, form .form-checkboxes .form-item label{width:auto;}
form .date-form-element-content-multiline{border:none; padding:0;}
form .date-padding {float: none !important; display: inline-block; min-width: 158px;}

form .input-group{display: flex; max-width:500px;}
form .input-group input{display: inline !important; width: 80% !important;}
form .input-group .input-group-addon{display: inline; font-size: 10px; width: 35px;}
html.js .form-item .input-group-addon .glyphicon{
  color: #000;
}
form .input-group .btn{padding: 5px 12px; line-height: 1;}

form .select-wrapper {width: auto;}
form .field--type-datetime .container-inline {display: inline-block;}
form .field--type-datetime .container-inline input {line-height: 18px;}
form .input-group .select-wrapper {display: inline;}
form .form-textarea-wrapper {display: inline;}
form .address-line2 {margin-left: 188px;}
form .form-managed-file {display: inline;}

form .fieldset-wrapper {display: inline-block; width: auto;}
form legend {display: contents;}
form .fieldset-legend {text-align: right; margin-right: 5px; width: 180px; display: inline-block;}

form .checkbox, form .radio {display: inline;}
form .checkbox label, form .radio label {width: auto;}
.compact-form-wrapper .compact-form-label {width: auto;margin-top: 6px;color: #aaa;}

/* Donor registraion Form customisation */
.node-donation-record-form .horizontal-tabs-panes.horizontal-tabs-processed,
.node-donation-record-form .vertical-tabs-panes {max-height: 430px; overflow-y: scroll;}
.node-donation-record-form .panel-heading {padding: 2px 10px;}
.node-donation-record-form fieldset.date-combo .container-inline-date .date-padding {padding: 0px;}
.node-donation-record-form fieldset.date-combo .container-inline-date > .form-item {margin: 0px;}
.node-donation-record-form .panel-body{padding:10px 0;}

.node-donation-record-form #edit-field-blood-group-wrapper,
.node-donation-record-form #edit-field-gender-wrapper,
.node-donation-record-form #edit-field-donor-occupation-wrapper,
.node-donation-record-form #edit-field-mobile-wrapper,
.node-donation-record-form #edit-field-email-wrapper,
.node-donation-record-form #edit-field-aadhar-pan-number-wrapper,
.node-donation-record-form #edit-field-donor-donation-location-wrapper,
.node-donation-record-form #edit-field-blood-donation-camp-wrapper,
.node-donation-record-form #edit-field-donor-date-of-birth-wrapper,
.node-donation-record-form #edit-field-age-wrapper,
.node-donation-record-form .form-item-field-address-und-0-country,
.node-donation-record-form .street-block,
.node-donation-record-form .form-item-field-address-und-0-thoroughfare,
.node-donation-record-form .form-item-field-address-und-0-premise,
.node-donation-record-form #edit-field-bp-systolic-wrapper,
.node-donation-record-form #edit-field-bp-diastolic-wrapper,
.node-donation-record-form .form-item-field-address-0-address-address-line1,
.node-donation-record-form .form-item-field-address-0-address-address-line2
{display: inline-block;}

.node-donation-record-form #edit-field-donor-height-wrapper,
.node-donation-record-form #edit-field-donor-hct-wrapper {display: inline-block;}

.node-donation-record-form #edit-field-gender-wrapper label,
.node-donation-record-form #edit-field-donor-occupation-wrapper label,
.node-donation-record-form #edit-field-email-wrapper label,
.node-donation-record-form #edit-field-aadhar-pan-number-wrapper label,
.node-donation-record-form #edit-field-blood-donation-camp-wrapper label,
.node-donation-record-form .form-item-field-address-und-0-thoroughfare label,
.node-donation-record-form .form-item-field-address-und-0-premise label,
.node-donation-record-form .form-item-field-address-und-0-administrative-area label,
.node-donation-record-form .form-item-field-address-0-address-postal-code label,
.node-donation-record-form #edit-field-age-wrapper label,
.node-donation-record-form #edit-field-donor-hct-wrapper label,
.node-donation-record-form .form-item-field-address-0-address-address-line2, .node-donation-record-form .address-line2
{width: auto;margin-left: 25px;}

.node-donation-record-form .form-item-field-address-und-0-thoroughfare .form-control,
.node-donation-record-form .form-item-field-address-und-0-premise .form-control,
.node-donation-record-form #edit-field-mobile-wrapper .form-control,
.node-donation-record-form #edit-field-aadhar-pan-number-wrapper .form-control,
.node-donation-record-form #edit-field-email-wrapper .form-control
{width:160px}

.node-donation-record-form .date-no-float.container-inline-date {width: auto;}

#block-createcontentfooterlinksblock div {display: inline;}

.node-donation-record-form .field-group-tabs-wrapper ul.nav.nav-tabs {padding-bottom: 0; width: 100%;}
.node-donation-record-form .field-group-tabs-wrapper ul.nav.nav-tabs > li {display: inline-block; margin-bottom: 0; margin-right: 2px;}

.node-donation-record-form .field-group-tabs-wrapper ul.nav.nav-tabs > li > a,
.node-donation-record-form .field-group-tabs-wrapper ul.nav.nav-tabs > li > a:hover,
.node-donation-record-form .field-group-tabs-wrapper ul.nav.nav-tabs > li.active > a {
    border-bottom: 0 none;
    border-color: #dddddd #dddddd rgba(0, 0, 0, 0) #dddddd;
    border-radius: 4px 4px 0 0;
    margin-bottom: 0;
	padding: 5px 15px;
    font-weight: bold;
}
.node-donation-record-form .field-group-tabs-wrapper ul.nav.nav-tabs li.active a{background-color:#eee;}
.node-donation-record-form #edit-field-allow-duplicate-number-wrapper {display: inline;}
.node-donation-record-form #edit-field-allow-duplicate-number-value{position: relative;}

/*Form fieldcollection table */
form .field-type-field-collection table thead{display:inline-block;}
form .field-type-field-collection table tbody{display:inline-block;}
form .field-type-field-collection table th.field-label{display: table-cell;background: #fff;border: none;color: initial;text-align: right;}
form .field-type-field-collection table th.tabledrag-hide{display:none;}
form .field-type-field-collection table td .control-label{width:auto;}

/**** Bulk Issue ****/
#jc-bulk-issue-entry-form table{font-size:11px;}
#jc-bulk-issue-entry-form table label{width:auto;}
#jc-bulk-issue-entry-form table .form-control{max-width:100px; font-size:11px; min-height:20px;}
#jc-bulk-issue-entry-form table th:nth-child(5),
#jc-bulk-issue-entry-form table th:nth-child(7),
#jc-bulk-issue-entry-form table th:nth-child(9),
#jc-bulk-issue-entry-form table th:nth-child(11),
#jc-bulk-issue-entry-form table th:nth-child(13){min-width:163px;}
#jc-bulk-issue-entry-form table td .form-type-date-select,
#jc-bulk-issue-entry-form table td .date-padding{width:100%;}
#jc-bulk-issue-entry-form table td:nth-child(3) label{display:none;}
#jc-bulk-issue-entry-form table td:nth-child(3) .help-block{margin-bottom:0;}

/**** Bulk Update Component Qunatity ****/
.bulk-update-component-form #edit-date-time--description {width: 100%;}
.bulk-update-component-form #edit-time-of-preparation {display: inline-block;}

/**** Update Serology ****/
#edit-test-date {display: inline;}

/**** Bulk Serology Verification ****/
.view-bulk-serology-verification table .checkbox input[type=checkbox],
.view-bulk-serology-verification table .checkbox-inline input[type=checkbox],
.view-bulk-serology-verification table .radio input[type=radio],
.view-bulk-serology-verification table .radio-inline input[type=radio] {margin-left: -12px;}

.views-field-views-bulk-operations-bulk-form {text-align: center;}

/**** Donor Actions: SMS and Mail ****/
#vbo-action-form-wrapper label{width: auto;}
#vbo-action-form-wrapper .form-item-action {margin: 15px 10px;}

/************ Form View *************/
.field--label{width:180px; max-width: 30%; vertical-align: top; display:inline-block;}
.field--items, .field--item {display: inline-block; width: auto; max-width: 100%;}
.field {
  padding: 8px 2px;
  border-radius: 1px;
  min-height: 20px;
  overflow: auto;
  display: flex;
}

.field:nth-child(even){
  background-color: #f2f2f2;
}
.field:nth-last-child(1){
  margin-bottom: 10px;
}

.form-item.form-wrapper {
  margin-top: 10px;
}

.field--name-og-user-node .field--item {display: block; max-Width:100%;} /** User Center Display **/
.field--name-field-rc-components .field--item {display: flex; max-width: 100%;}
.field--name-field-component-mod.field--type-list-string .field--items .field--item {display: flex; max-width: 100%;}
.field--name-field-component-mod.field--type-list-string .field--items {float: none;}

/**************** Calender **********************/
.view .date-nav-wrapper .date-nav{max-height:30px !important;}
.ui-datepicker-calendar{width:100% !important;}

/** Calender front page block **/
#block-views-block-camp-calendar-front-block-1 .fc-toolbar h2 {font-size: 13px; font-weight: bold;}
#block-views-block-camp-calendar-front-block-1 .fc-button-primary {padding: 2px 3px;}
#block-views-block-camp-calendar-front-block-1 .fc-today-button {margin-left: 0.3em;}

.view-camp-calendar-front table table thead, .view-camp-calendar-front table table thead a {background: transparent;color: black;}
.view-camp-calendar-front .fc-head {background-color: #0000;}
.view-camp-calendar-front .fc-body {background-color: white;}
.view-camp-calendar-front .fc-row.fc-week.fc-widget-content {min-height: auto;}
.view-camp-calendar-front .fc-scroller.fc-day-grid-container {overflow: revert !important; height: auto !important;}
.view-camp-calendar-front .fc-row.fc-widget-header {margin-right: 0px !important; border-right: 0px;}

/**************** Login Page **********************/
.not-logged-in {background: #CFCFCF; background:url('http://www.bmtplus.net/sites/default/files/field/image/technology_0.jpg') 100%; background-size: cover;}
.not-logged-in .page-header,
.not-logged-in #navbar , .not-logged-in #page-header, .not-logged-in #taskbar-container{display: none;}
.not-logged-in .main-container{padding:10px;}
.not-logged-in .main-container .row{max-width: 450px; margin: auto; text-align: center; padding: 20px;background: rgba(255, 255, 255, 0.2);    border: 5px solid white; border-radius: 15px; float:none; color:white;}
.not-logged-in .main-container a{color: white}
.not-logged-in .main-container #block-system-main{font-size:18px;}
.not-logged-in .main-container div.error{text-align:left;}
.not-logged-in form{padding:10px;}
.not-logged-in form .help-block{color:white !important;}
.not-logged-in form#user-login-form{width:200px; margin:auto;}
.not-logged-in form#user-login, .not-logged-in form#user-pass {font-size: 12px;max-width: 310px; margin: auto;}
.not-logged-in form#user-login-form input,
.not-logged-in form#user-login input,
.not-logged-in form#user-pass input{width:100%; min-height: 30px;}
.not-logged-in .form-item{margin-bottom:15px;}
.not-logged-in .control-label{width:auto;}
.not-logged-in #block-ji-bootstrap-user-login ul{padding:0}
.not-logged-in #block-ji-bootstrap-user-login ul li{padding:0; list-style:none;}
.not-logged-in .footer{color:white; border:none;}
.not-logged-in section.col-sm-9 {width: 100%;}

/******** View Filters******/
.views-exposed-form > .form--inline.form-inline.clearfix{
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  /* Modernised UI/UX refresh, Phase 2 (2026-08-18): the double-line grey
     panel + 'Play' font read as dated; layout mechanics (flex-wrap,
     per-item boxing) are unchanged, only the visual treatment moved to
     the var(--ji-*) token system components.css establishes. */
  background: var(--ji-n-0);
  padding: var(--ji-s-5);
  align-items: center;
  border: 1px solid var(--ji-n-200);
  border-radius: var(--ji-r-md);
  box-shadow: var(--ji-sh-xs);
}

.views-exposed-form > .form--inline.form-inline.clearfix > .form-item.js-form-item{
  margin: 4px 10px;
  border: 1px solid var(--ji-n-200);
  padding: var(--ji-s-3);
  border-radius: var(--ji-r-sm);
  height: fit-content;
}

.views-exposed-form > .form--inline.form-inline.clearfix > .form-item.js-form-item > .control-label{
  width: auto;
  color: var(--ji-n-600);
}

.views-exposed-form > .form--inline.form-inline.clearfix > .form-item.js-form-item.form-wrapper.js-form-wrapper.panel.panel-default > .panel-heading {
  padding: 3px;
}

.views-exposed-form > .form--inline.form-inline.clearfix > .form-item.js-form-item.form-wrapper.js-form-wrapper.panel.panel-default > .panel-heading > .panel-title{
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  margin: 0;
  padding: 0;
  color: var(--ji-n-900);
}

.views-exposed-form > .form--inline.form-inline.clearfix > .form-item.js-form-item.form-wrapper.js-form-wrapper.panel.panel-default > .panel-body > .control-label{
  width: fit-content;
}

.views-exposed-form > .form--inline.form-inline.clearfix > .form-item.js-form-item.form-wrapper.js-form-wrapper.panel.panel-default > .panel-body{
  padding: 8px;
}

.views-exposed-form > .form--inline.form-inline.clearfix > .form-item.form-type-textfield > input {
  padding: 5px;
  border-radius: var(--ji-r-md);
}

.views-exposed-form > .form--inline.form-inline.clearfix > div#edit-actions{
  align-self: end;
  display: flex;
  justify-content: end;
}

.views-exposed-form > .form--inline.form-inline.clearfix > .form-item.js-form-item.form-type-select.form-item-items-per-page{
  flex: 1;
  align-self: end;
  border: none;
  display: flex;
  justify-content: end;
}

.panel-body .form-inline.form-item.js-form-item.form-type-date{
  margin-bottom: 4px;
}

.panel-body .form-inline.form-item.js-form-item.form-type-date > input[type="date"]{
  line-height: normal;
  cursor: pointer;
}

.view-filters.form-group{
  margin-bottom: 5px;
  margin-top: 3px;
}
/******** View Filters******/

/************ Table ***************/
table.table{width:auto;}
table.field-component-label-template-values{width: 100%;}
table.full, .calendar-calendar table{width:100% !important;}
thead, thead a{background-color: #2aabd2;color: #fff;}
thead th.active {background-color: #2aabd2 !important;}

.sticky-header{top:55px !important;}
.sticky-header th{padding:5px; border: 1px solid #ddd;}

/************* Custom Table ***********/
table.ji-custom-table{width:auto;}
table.ji-custom-table td {min-width: 50px;text-align: center; vertical-align: middle !important;}
table.ji-custom-table td a{font-weight:bold; font-size:16px;}
table.ji-custom-table td a.status-near-expiry{font-weight: bold; font-size: 16px; background: #d9534f; color: #fff; border-radius: 15px;display: inline-block; padding: 1px 10px; width: auto;}
table.jc-current-status-group-wise-table tbody tr:nth-child(15) {font-size: 16px; font-weight: bold;} /** Making Total row of group wise table bold**/

/**************** Custom table to display blood stock for anonymous user ***********************/
table.ji-custom-stock-table{width:60% !important;}
table.ji-custom-stock-table td {min-width: 100px !important;text-align: center; vertical-align: middle !important;}
table.ji-custom-stock-table td a{font-weight:bold; font-size:16px;}
table.ji-custom-stock-table th {text-align: center}

.not-logged-in.path-html-blood-stock-data {background:#fff !important;}
.not-logged-in.path-html-blood-stock-data .main-container .row {max-width: 100% !important;}

/************ Date Calender **********/
.date-prev{background:none !important; padding:0; margin:0;}
.date-next{background:none !important; padding:0; margin:0;}
.date-prev a{margin:0 !important; padding:0; color:white !important;}
.date-prev a:hover, .date-next a:hover{background-color: #2aabd2 !important;}
.date-prev a:active, .date-next a:active{background-color: #2aabd2;border-color: #28a4c9;}
.date-next a{margin:0 !important; padding:0; color:white !important;}
.nav-tabs.nav-pills{font-size:14px; font-weight:bold;}


/******** Front Page Side Bar *************/

.region-sidebar-first h2.block-title {text-align: center; border-bottom: 4px solid #c4c4c4; line-height: 1.8; font-size: 16px; letter-spacing: 0px; font-family: 'Play'; text-shadow: 1px 1px #c2c2c2;}
.region-sidebar-first ol,
.region-sidebar-first ul{padding-left: 15px;}

#block-ji-custom-sero-not-done-donors-block a,
#block-ji-custom-awaiting-comp-prep-block a,
#block-ji-custom-partially-registered-donor-list a
{width: 100%; text-align: left;}

.region-sidebar-first section {margin-bottom: 6px;}
.region-sidebar-first section .btn {width: 100%;}

section#block-unitsissuesuptodate {text-align: center; font-weight: bold; line-height: 3;}

/******** Search Blocks *************/
#block-views-drive-calendar-block-1{margin-bottom:20px;}

.region-header{text-align:right;}
#block-bbsearch-jc-search-block-form{}
#bbsearch-block-form{max-width:300px;}
#bbsearch-block-form .form-item-search-type, #bbsearch-block-form .form-item-search-text {display: inline-block; width: 42%;}
#bbsearch-block-form .form-item-search-type select{width:100%; height:30px; font-size:11px; border-radius:5px 0 0 5px;}
#bbsearch-block-form .form-item-search-text input{height: 30px; vertical-align: middle; margin: 0; font-size:11px; border-radius:0;margin-bottom:1px;}
#bbsearch-block-form button{border-radius:0 5px 5px 0; margin-bottom:3px;}
#bbsearch-block-form label.control-label {display: none;}

/** Hide fields under the fieldset**/
.jc-fieldset-hidden {display:none;}


#finder-block-content_finder {max-width: 350px;display: inline-block;vertical-align: top;}
#finder-block-content_finder .finder-form-element-title{display: inline-block; width: 80%;}
#finder-block-content_finder .finder-form-element-title .control-label{text-align:left;}
#finder-block-content_finder .finder-form-element-title input{padding: 6px 12px; border-radius: 5px 0 0 5px;}
#finder-block-content_finder  button{display: inline-block;  border-radius: 0 5px 5px 0; line-height: 1.25;}
#block-searchformblock {max-width: 300px; display: inline-block; vertical-align: top;}

#block-system-user-menu{display:inline-block;}
#block-system-user-menu ul li{display:inline-block;}
#block-block-9{display:inline-block;}
#block-block-9 ul li{display:inline-block;}
#block-userloginlogoutblock{display:inline-block;}
#block-userloginlogoutblock ul li{display:inline-block;}

.jc-expiry-warning{background: #f69615; color: #fff; padding: 2px;}
.jc-expiry-danger{background: #e72d15; color: #fff; padding: 2px;}

/** Naco Report Table **/
.naco-reports-form .js-form-item-month, .naco-reports-form .js-form-item-year {display: inline-block;}
.jc-naco-report-table .naco-report-first-header td, .jc-naco-report-table .naco-report-second-header td, .jc-naco-report-table .naco-report-third-header td {
    background-color: #2aabd2;color: #fff; font-weight:bold;
}

/** Quality Indicator Table **/
.jc-quality-indicator-table .quality-indicator-first-header td {
    background-color: #2aabd2;color: #fff; font-weight:bold;
}

/*** Colour coding ***/
.role-admin #navbar{border-bottom-color:#A0CED9;}
.role-admin #page-header{background: #A0CED9; color:#111;}

.role-data-entry-operator #navbar{border-bottom-color:#5FDDE1;}
.role-data-entry-operator #page-header{background: #5FDDE1; color:#111;}

.role-doctor #navbar{border-bottom-color:#89E894;}
.role-doctor #page-header{background: #89E894; color:#111;}

.role-receptionist #navbar{border-bottom-color:#FFE66D;}
.role-receptionist #page-header{background: #FFE66D; color:#111;}

.role-technician #navbar{border-bottom-color:#FFC09F;}
.role-technician #page-header{background: #FFC09F; color:#111;}

.role-coordinator #navbar{border-bottom-color:#ADF7B6;}
.role-coordinator #page-header{background: #ADF7B6; color:#111;}

.role-authenticated-user #navbar{border-bottom-color:#ddd;}
.role-authenticated-user #page-header{background: #ddd; color:#111;}

.role-staff-nurse #navbar{border-bottom-color:#D7B9D5;}
.role-staff-nurse #page-header{background: #D7B9D5; color:#111;}

/*** Admin Masquerade Block****/
.form-item-masquerade-user-field.form-autocomplete .dropdown {display: block;}

/*** Reports ***/
/** Master Register Version 2**/
table.master-register{text-align:center;}
table.master-register td{padding: 3px !important;font-size:11px;word-break: break-word;}
table.master-register .master-register-donor-header, table.master-register .master-register-component-header{font-weight:bold;}
table.master-register .master-register-donor-header td:nth-child(1){width:7%;}
table.master-register .master-register-donor-header td:nth-child(2){width:6%;}
table.master-register .master-register-donor-header td:nth-child(3){width:7%;}
table.master-register .master-register-donor-header td:nth-child(4){width:6%;}
table.master-register .master-register-donor-header td:nth-child(5){width:6%;}
table.master-register .master-register-donor-header td:nth-child(6){width:15%;}
table.master-register .master-register-donor-header td:nth-child(7){width:5%;}
table.master-register .master-register-donor-header td:nth-child(8){width:8%;}
table.master-register .master-register-donor-header td:nth-child(9){width:5%;}
table.master-register .master-register-donor-header td:nth-child(10){width:5%;}
table.master-register .master-register-donor-header td:nth-child(11){width:5%;}
table.master-register .master-register-donor-header td:nth-child(12){width:7%;}
table.master-register .master-register-donor-header td:nth-child(13){width:9%;}
table.master-register .master-register-donor-header td:nth-child(14){--width:9%;}

/** Issue Register Version 2**/
.view-issueregister2 table td {border: 1px solid #999 !important; word-break: break-word; white-space: pre-wrap;}

/*** Updates Block ***/
#block-ji-bootstrap-block-8{float:left; line-height:22px; height:32px; font-size:13px; margin-left:10px; padding:5px;width:500px; text-align:left;}
#block-ji-bootstrap-block-8 .scroll { display:inline-block; width: 420px; margin: 0 auto; overflow: hidden; white-space: nowrap; box-sizing: border-box; animation: marquee 30s linear infinite;}
#block-ji-bootstrap-block-8 .scroll:hover {animation-play-state: paused !important;}
@keyframes marquee {
    0%   { text-indent: 26em }
    100% { text-indent: -26em }
}
#block-ji-bootstrap-block-8 .field--type-text-with-summary {max-width: 100%;}


/*** Taskbar ***/
#taskbar {font-family: 'Play'; font-size: 14px;}
#taskbar li a {padding: 3px 12px;}
#taskbar h2.block-title{display:none}
#taskbar .taskbar-item-titlebar{padding: 4px 10px 7px 15px;font-size: 15px; font-weight:bold;}
.form-item-field-address-und-0-administrative-area{padding-left:100px}

/*** Blood Donation Camp view ***/
.blood-donation-camp .field--items .field--item {display:inline;}

/*** Patient Bill ***/
.page-node-type-patient-bill #block-createcontentfooterlinksblock div {display: inline-block;}

/*** Patient Requirement ***/
.flag-close-patient-request {display: inline;}

/*** Footer ***/
#block-ji-bootstrap-block-1 {text-align: center;}

/*** Outward Transfer Invoice List ***/
#block-ji-bootstrap-block-7 .field--item {max-width: 100%;}

/*** Custom Indicator Block ***/
.indicator-text{font-size: 12px;}
.span-indicator-text{padding: 10px;}
.indicator-view .view-content .views-field{padding-top: 4px;}
.indicator-view .view-content .table-bordered{border: none !important;}
.indicator-view .view-content .views-field a{padding: 8px;border-radius: 5px;display: -webkit-box}
.indicator-view .view-content .views-field a:hover{text-decoration: none !important;}
.indicator-view .view-content td,tr{
  border: none !important;
}


/*** Blood Group Wise Status for Projector screen ***/
.blood-group-wise-status-table table {width: auto; margin: auto; font-size: 15px; text-align: center; color: black !important; }
.blood-group-wise-status table thead {background-color: #2aabd2; color: white;}
.blood-group-wise-status-table table td {padding: 2px 8px !important;}
.blood-group-wise-status-table table td a {font-weight: bold;}
.blood-group-wise-status-table table tr:last-child {font-weight: bold;}
.blood-group-wise-status-table caption {text-align: center;}

/***** Suppliers Contact Page ****/
#edit-field-supplier-contact-wrapper table {display: inline-flex; border: 0px;}
#edit-field-supplier-contact-wrapper table thead {width: 189px; background: #fff; color: black;}
#edit-field-supplier-contact-wrapper table tr {border: 0px !important;}
#edit-field-supplier-contact-wrapper table th.field-label {width: 200px; border: 0px !important; text-align: right; padding-right: 10px !important;}
#edit-field-supplier-contact-wrapper .clearfix {display: inline-block;}
#edit-field-supplier-contact-wrapper .table-responsive {display:inline;}

/*** Stock Report Color Highlighter ***/
tr.low-stock:nth-child(odd){
  background-color: #faa;
}
tr.low-stock:nth-child(even){
  background-color: #f88;
}
tr.stock-ok:nth-child(odd){
  background-color: #afa;
}
tr.stock-ok:nth-child(even){
  background-color: #8f8;
}

/*--registers css fix--*/

/*master-register-column-TTD By-column-issue-fix*/
table.master-register > tbody > tr > td:nth-child(14), table.master-register > tbody > tr.header > td:nth-child(15) {
  white-space: nowrap;
}

/*--registers css fix--*/

/*--custom-template css--*/

table td div .field--item {
  max-width: 30vw;
  overflow: hidden;
}

/*--custom-template css--*/

/*Blood Stock Position view*/
#edit-field-quantity-value-value{
  width: 90px;
}

#edit-field-date-of-collection-value-min, #edit-field-date-of-collection-value-max{
  margin-bottom: 0px;
}
/*Blood Stock Position view*/

/*Centre Config Template Table*/
.node-centre-edit-form.node-form .table-responsive > table#field-product-label-templates-values{
  width: 100%;
}
/*Centre Config Template Table*/

/*textareas in general */
form .form-item.js-form-item.form-type-textarea.js-form-type-textarea{
  display: flex;
}
/*textareas in general */

/**hide drupal dob filter in donor-actions
 */
.views-exposed-form div#edit-field-donor-date-of-birth-value-wrapper{
  display: none;
}
/**hide drupal dob filter in donor-actions
 */

article.donation-record div.ji_custom_node_view_display_none{
  display: none;
}

/*Increasing the height of list for the field - Other blood types*/
#edit-field-other-blood-type {
  max-height: none;
  height: 200px;
}

.view-duplicate-of-product-labels .view-footer > a{
  text-decoration: none;
  padding: 5px;
  background: #bd2c2c;
  border-radius: 1em;
  color: #ffdfdf;
  font-weight: 700;
}

.view-duplicate-of-product-labels .view-footer > a:hover{
  background: #ff0000;
}


/**new table styles **/
/* Header background moved to components.css .table > thead > tr > th
   (var(--ji-p-600), same #00779b) — a cell's own background always paints
   over its <thead>'s, so leaving this rule in place would have been a
   silent no-op once the new rule landed; see components.css's header
   comment. */

table.table > thead > tr > th{
  text-align: center;
  vertical-align: middle;
}

table.table-striped>tbody>tr:nth-of-type(odd) {
  background-color: #a0cfe273;
}

table.table-striped.cols-0>tbody>tr {
  background-color: unset;
}

table{
  border-collapse: separate !important;
}

/* .btn-warning / .btn-info background colours moved to components.css
   (var(--ji-warn) / var(--ji-p-700)) as part of the token-driven button
   system — left here as bare rules would have out-specced nothing, but
   this is where a future reader would look for them. */

/** product quality control table alignment in component node add form **/
.node-component-form.node-form .field--name-field-component-quality-control- .table-responsive > table,
.node-component-edit-form.node-form .field--name-field-component-quality-control- .table-responsive > table {
  margin: 0;
}

/**new table styles **/

/**quality control template**/
#quality-control-template-container{
  max-width: 600px;
}

table#qualtity-control-table{
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  border:1px solid #000000;
}

#qualtity-control-table tr > td{
  border:1px solid #000000;
  border-collapse: collapse;
  padding: 0.2rem;
  text-align: left;
}
/**quality control template**/

/** user manual **/
article.book.full.clearfix > div.content > div.field--name-body.field--type-text-with-summary{
  flex-direction: column;
}
/** user manual **/

div.field.field--name-comment-body{
  display: block;
}

div#edit_field_donor_date_of_birth_date_chosen,
div#edit_field_number_of_donations_chosen{
  width: fit-content !important;
}

/**
checkbox multiselect form options under miscellaneous tab in center settings
 */

.field--widget-options-buttons.form-group > fieldset.form-item {
  align-items: flex-start;
}

div.fieldset-wrapper > div.form-checkboxes > :first-child {
  margin-top: 0;
}

/* Fix fieldset wrapper taking inline-block/auto width */
form div.field--widget-options-buttons.form-group .fieldset-wrapper {
  display: block;
  width: 100%;
}

/* Grid layout on the checkboxes container */
form div.field--widget-options-buttons.form-group .form-checkboxes {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  width: 100%;
  max-width: none;

  /* REMOVE inner card styling */
  border: none;
  border-radius: 0;
  overflow: visible;
}

/* Each item (clean grid borders) */
form div.field--widget-options-buttons.form-group .form-item.checkbox {
  display: flex;
  align-items: center;
  padding: 12px 14px;
  margin: 0;
  box-sizing: border-box;
  min-width: 0;

  /* Clean grid border system */
  border-top: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
}

/* Remove old broken logic */
form div.field--widget-options-buttons.form-group .form-item.checkbox:nth-last-child(1),
form div.field--widget-options-buttons.form-group .form-item.checkbox:nth-last-child(2) {
  border-bottom: unset;
}

/* Label: text left, toggle right */
form div.field--widget-options-buttons.form-group .control-label.option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  cursor: pointer;
  font-size: 13px;
  gap: 10px;
  margin-bottom: 0;
  text-align: left;
}

div.fieldset-wrapper .form-item.form-type-radio {
  margin-left: 1rem;
}

/* Checkbox toggle */
form div.field--widget-options-buttons.form-group .form-checkbox {
  appearance: none;
  -webkit-appearance: none;
  position: relative;
  margin: 0;
  padding: 0;
  flex-shrink: 0;
  order: 2;

  width: 36px;
  height: 20px;
  border-radius: 10px;
  background: #c8c8c8;
  cursor: pointer;
  transition: background 0.2s ease;
  box-sizing: border-box;
  border: none;
  box-shadow: none;
  float: none;
}

form div.field--widget-options-buttons.form-group .form-checkbox::before {
  content: '';
  position: absolute;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #ffffff;
  top: 3px;
  left: 3px;
  transition: transform 0.2s ease;
  box-shadow: 0 1px 3px rgba(0,0,0,0.22);
  pointer-events: none;
}

form div.field--widget-options-buttons.form-group .form-checkbox:checked {
  background: #1D9E75;
}

form div.field--widget-options-buttons.form-group .form-checkbox:checked::before {
  transform: translateX(16px);
}

form div.field--widget-options-buttons.form-group .form-checkbox:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(29,158,117,0.28);
}

/* Fieldset as the ONLY card container */
form div.field--widget-options-buttons.form-group fieldset {
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  padding: 0;
  margin-bottom: 16px;
  overflow: hidden;
}

/* Legend */
form div.field--widget-options-buttons.form-group fieldset > legend {
  display: block;
  float: none;
  width: 100%;
  font-size: 14px;
  font-weight: 600;
  color: #333;
  background: #f7f7f7;
  padding: 12px 16px;
  margin: 0;
  border-bottom: 1px solid #e0e0e0;
  border-radius: 0;
  box-sizing: border-box;
}

form div.field--widget-options-buttons.form-group fieldset > legend .fieldset-legend {
  font-size: 14px;
  font-weight: 600;
  color: #333;
}

form div.field--widget-options-buttons.form-group .form-item.checkbox:hover {
  background: #fafafa;
}