@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: local('Material Icons'),local('MaterialIcons-Regular'),url(material-fonts.woff2) format('woff2')
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -moz-font-feature-settings: 'liga';
    -webkit-font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale
}

.clickable {
    cursor: pointer
}

.material-icons.clickable {
    cursor: pointer
}

.material-icons.dark,nav .nav-wrapper a {
    color: #2e7d32
}

.material-icons.tiny {
    font-size: 12px!important
}

.material-icons.xsmall {
    font-size: 16px!important
}

.material-icons.small {
    font-size: 20px!important
}

.material-icons.medium {
    font-size: 28px!important
}

.material-icons.large {
    font-size: 36px!important
}

.material-icons.xlarge {
    font-size: 48px!important
}

.material-icons.xxlarge {
    font-size: 60px!important
}

.deploymenth5 {
    font-size: 1rem;
    color: #2e7d32;
    text-transform: uppercase
}

h5 {
    margin: 10px 0 5px 0
}

.select-wrapper {
    padding-left: 4px;
    padding-right: 4px;
}

.select-wrapper input.select-dropdown {
    margin: 0;
    font-size: 12px;
    height: 2.1rem;
    z-index: 1;
    box-sizing: border-box;
    padding-right: 16px;
}

.btn,.btn-large {
    /* background: #388e3c; */
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 10px;
}

.btn,.btn-flat,.btn-large {
    line-height: 30px;
    height: 30px!important
}

.input-field {
    margin-top: 10px
}
.nonadherence-select-filter .input-field, .report-date-filter .input-field{
    margin-top: 0 !important;
    border:none !important;
    width: 110px !important;
    color: rgba(0, 0, 0, 0.42) !important;
    font-size: 14px !important;
    font-weight: 500;
    line-height: 26px !important;
    letter-spacing: 0.46000000834465027px;
    text-align: left;
}
#reportsdiv .report-date-filter .input-field{
    text-align: center !important;
    width: 100px !important;
}
#reportsdiv .report-month-picker .input-field{
    width: 110px !important;
}
#reportsdiv .report-date-filter{
    padding: 8px 22px 8px 12px !important;
}
#reportsdiv pre{
    padding-right: 0 !important;
    padding-left: 8px !important;
}
.header-font {
    color: #2e7d32!important;
    font-size: 14px!important
}

.nounderline {
    text-decoration: none!important
}

.btnlink {
    color: #fff;
    text-decoration: none!important
}

.btnlink:hover {
    color: #fff
}

nav .nav-wrapper i,nav a.button-collapse,nav a.button-collapse i {
    height: 60px;
    line-height: 60px
}

.h6green {
    color: #2e7d32
}

.rowBorder {
    border-bottom: 1px solid #eee;
    padding: 5px
}

[type=checkbox].filled-in:not(:checked)+label:after {
    top: 5px!important
}

.rowBorderLabel {
    font-size: 12px!important;
    color: #666;
    line-height: 20px!important
}

table tbody tr td {
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal
}

.chip {
    height: 22px!important;
    font-size: 10px!important;
    line-height: 23px!important
}

.chip i.material-icons {
    line-height: 23px!important
}

.card-content {
    padding: 10px
}

[type=checkbox]+label {
    height: 18px;
    padding-left: 5px
}

.nav-tabs>li {
    font-size: 14px
}

.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover {
    border-top: 4px solid #388e3c;
    color: #039be5
}

.nav-tabs>li a {
    color: #bbb
}

input[type=checkbox i],input[type=radio i] {
    margin: 2px!important
}

[type=checkbox].filled-in:checked+label:after,[type=checkbox].filled-in:not(:checked)+label:after {
    height: 15px;
    width: 15px
}

[type=checkbox].filled-in:checked+label:after {
    top: 5px
}

[type=checkbox].filled-in:checked+label:before {
    top: 5px;
    width: 6px;
    height: 10px;
    border-color: transparent
}

textarea.materialize-textarea {
    padding: 0!important
}

.btn-small {
    font-size: 10px;
    height: 25px!important;
    line-height: 25px!important;
    margin: 5px;
    padding: 0 7px 3px 7px
}

.input-field label {
    font-size: 12px
}

textarea.materialize-textarea {
    min-height: 2.1rem
}

.textbox {
    padding-left: 7px!important;
    margin: 15px 0!important;
    font-size: 14px!important
}

.loginbutton {
    margin: 25px 0 15px 0;
    font-size: 12px
}

[type=checkbox]:checked,[type=checkbox]:not(:checked) {
    left: 0;
    position: inherit;
    visibility: visible
}

[type=checkbox].filled-in:checked+label:after,[type=checkbox].filled-in:not(:checked)+label:after,[type=checkbox].filled-in:not(:checked)+label:before {
    display: none
}

.modal {
    width: 25%
}

.modal-style{
    top:50% !important;
    width: 25%
}

.modal-content {
    font-size: 14px
}

.page-full {
    position: absolute;
    height: calc(100% - 173px);
    overflow-y: scroll;
    background-color: #fff
}

.custom-full {
    position: absolute;
    bottom: 0;
    overflow-y: scroll
}

.map-view {
    height: 99%;
    width: 100%;
    zoom: 1;
}

.booking-view {
    position: absolute;
    top: 60px;
    bottom: 0;
    width: 71%
}
/* Media query for mobile devices */
@media (max-width: 767px) {
    .map-view {
      /* Adjust the zoom level for mobile devices */
      zoom: 1.2;
    }
  }

  .mapdiv {
    height: calc(85%);
    position: absolute;
    width: 99%;
  }
  
  .modal-content .toggle-cfrm {
    top: 32%;
    right: 1.2%;
  }
  
  .toggle-cfrm {
    position: absolute;
    z-index: 10000;
    top: 84px;
    right: 16px;
    cursor: pointer;
  }

.selected-row {
    background-color: #e5e5e5
}

.collapsible-header-table {
    margin: 0
}

.collapsible-header-table th {
    padding: 2px;
    font-size: 12px;
    font-weight: 400
}

.collapsible-header-table thead {
    border: none!important
}

.collapsible-header-value {
    font-size: 12px!important;
    font-weight: 700!important
}

.collapsible-header-border {
    border-left: 1px solid #bdbdbd;
    padding: 0 0 0 15px!important
}

.preview-panel-left {
    height: calc(100% - 175px)!important;
    position: absolute;
    width: 48%!important;
    overflow-y: scroll
}

.preview-panel-right {
    height: calc(100% - 175px)!important;
    position: absolute;
    width: 48%!important;
    overflow-y: scroll;
    margin-left: calc(49% - 5px)!important
}

.monochrome-label {
    font-weight: 700;
    line-height: 10px
}

.mono-label-1 {
    background: #9e9e9e none repeat scroll 0 0;
    border: 1px solid #9e9e9e;
    border-radius: 4px 0 0 4px;
    color: #fff;
    float: left;
    padding: 3px 4px
}

.mono-label-2 {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #bdbdbd;
    border-radius: 0 4px 4px 0;
    color: #757575;
    float: left;
    padding: 3px 5px
}

.text-upper {
    text-transform: capitalize
}

.preview-panel-left-adhoc {
    height: calc(100% - 240px)!important;
    position: absolute;
    width: 48%!important;
    overflow-y: scroll
}

.preview-panel-right-adhoc {
    height: calc(100% - 240px)!important;
    position: absolute;
    width: 48%!important;
    overflow-y: scroll;
    margin-left: calc(49% - 5px)!important
}

.info-table {
    min-width: 350px;
    border-collapse: collapse
}

.info-table td,.info-table th {
    border: 1px solid #000
}

.btnlink {
    color: #fff;
    text-decoration: none!important
}

.btnlink:hover {
    color: #fff
}

.cfrm-mode {
    text-transform: capitalize;
}

.marker-content {
    min-width: 350px;
    max-height: 180px;
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}

/* Google map infoWindow close button */

.gm-style-iw-chr > button[title="Close"] {
    width: 32px !important;
    height: 32px !important;
}

.gm-style-iw-chr > button[title="Close"] > span {
    width: 16px !important;
    height: 16px !important;
    margin: 9px !important;
}