/* You can add global styles to this file, and also import other style files */
/*!
 * (The MIT License)
 * 
 * Copyright (c) 2012-2014 Marcin Warpechowski
 * Copyright (c) 2015 Handsoncode sp. z o.o. <hello@handsoncode.net>
 * 
 * Permission is hereby granted, free of charge, to any person obtaining
 * a copy of this software and associated documentation files (the
 * 'Software'), to deal in the Software without restriction, including
 * without limitation the rights to use, copy, modify, merge, publish,
 * distribute, sublicense, and/or sell copies of the Software, and to
 * permit persons to whom the Software is furnished to do so, subject to
 * the following conditions:
 * 
 * The above copyright notice and this permission notice shall be
 * included in all copies or substantial portions of the Software.
 * 
 * THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND,
 * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
 * MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
 * IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
 * CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
 * TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
 * SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 * 
 * Version: 6.2.2
 * Release date: 19/12/2018 (built at 18/12/2018 14:40:17)
 */
/**
 * Fix for bootstrap styles
 */

.handsontable .table th,
.handsontable .table td {
  border-top: none;
}
.handsontable tr {
  background: #fff;
}
.handsontable td {
  background-color: inherit;
}
.handsontable .table caption + thead tr:first-child th,
.handsontable .table caption + thead tr:first-child td,
.handsontable .table colgroup + thead tr:first-child th,
.handsontable .table colgroup + thead tr:first-child td,
.handsontable .table thead:first-child tr:first-child th,
.handsontable .table thead:first-child tr:first-child td {
  border-top: 1px solid #cccccc;
}
/* table-bordered */
.handsontable .table-bordered {
  border: 0;
  border-collapse: separate;
}
.handsontable .table-bordered th,
.handsontable .table-bordered td {
  border-left: none;
}
.handsontable .table-bordered th:first-child,
.handsontable .table-bordered td:first-child {
  border-left: 1px solid #cccccc;
}
.handsontable .table > tbody > tr > td,
.handsontable .table > tbody > tr > th,
.handsontable .table > tfoot > tr > td,
.handsontable .table > tfoot > tr > th,
.handsontable .table > thead > tr > td,
.handsontable .table > thead > tr > th {
  line-height: 21px;
  padding: 0 4px;
}
.col-lg-1.handsontable,
.col-lg-10.handsontable,
.col-lg-11.handsontable,
.col-lg-12.handsontable,
.col-lg-2.handsontable,
.col-lg-3.handsontable,
.col-lg-4.handsontable,
.col-lg-5.handsontable,
.col-lg-6.handsontable,
.col-lg-7.handsontable,
.col-lg-8.handsontable,
.col-lg-9.handsontable,
.col-md-1.handsontable,
.col-md-10.handsontable,
.col-md-11.handsontable,
.col-md-12.handsontable,
.col-md-2.handsontable,
.col-md-3.handsontable,
.col-md-4.handsontable,
.col-md-5.handsontable,
.col-md-6.handsontable,
.col-md-7.handsontable,
.col-md-8.handsontable,
.col-md-9.handsontable .col-sm-1.handsontable,
.col-sm-10.handsontable,
.col-sm-11.handsontable,
.col-sm-12.handsontable,
.col-sm-2.handsontable,
.col-sm-3.handsontable,
.col-sm-4.handsontable,
.col-sm-5.handsontable,
.col-sm-6.handsontable,
.col-sm-7.handsontable,
.col-sm-8.handsontable,
.col-sm-9.handsontable .col-xs-1.handsontable,
.col-xs-10.handsontable,
.col-xs-11.handsontable,
.col-xs-12.handsontable,
.col-xs-2.handsontable,
.col-xs-3.handsontable,
.col-xs-4.handsontable,
.col-xs-5.handsontable,
.col-xs-6.handsontable,
.col-xs-7.handsontable,
.col-xs-8.handsontable,
.col-xs-9.handsontable {
  padding-left: 0;
  padding-right: 0;
}
.handsontable .table-striped > tbody > tr:nth-of-type(even) {
  background-color: #fff;
}
.handsontable {
  position: relative;
}
.handsontable .hide {
  display: none;
}
.handsontable .relative {
  position: relative;
}
.handsontable.htAutoSize {
  visibility: hidden;
  left: -99000px;
  position: absolute;
  top: -99000px;
}
.handsontable .wtHider {
  width: 0;
}
.handsontable .wtSpreader {
  position: relative;
  width: 0; /*must be 0, otherwise blank space appears in scroll demo after scrolling max to the right */
  height: auto;
}
.handsontable table,
.handsontable tbody,
.handsontable thead,
.handsontable td,
.handsontable th,
.handsontable input,
.handsontable textarea,
.handsontable div {
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
}
.handsontable input,
.handsontable textarea {
  min-height: initial;
}
.handsontable table.htCore {
  border-collapse: separate;
  /* it must be separate, otherwise there are offset miscalculations in WebKit: http://stackoverflow.com/questions/2655987/border-collapse-differences-in-ff-and-webkit */
  /* this actually only changes appearance of user selection - does not make text unselectable */
  /* -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none; */ /* no browser supports unprefixed version */
  border-spacing: 0;
  margin: 0;
  border-width: 0;
  table-layout: fixed;
  width: 0;
  outline-width: 0;
  cursor: default;
  /* reset bootstrap table style. for more info see: https://github.com/handsontable/handsontable/issues/224 */
  max-width: none;
  max-height: none;
}
.handsontable col {
  width: 50px;
}
.handsontable col.rowHeader {
  width: 50px;
}
.handsontable th,
.handsontable td {
  border-top-width: 0;
  border-left-width: 0;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  height: 22px;
  empty-cells: show;
  line-height: 21px;
  padding: 0 4px 0 4px;
  /* top, bottom padding different than 0 is handled poorly by FF with HTML5 doctype */
  background-color: #fff;
  vertical-align: top;
  overflow: hidden;
  outline-width: 0;
  white-space: pre-line;
  /* preserve new line character in cell */
  background-clip: padding-box;
}
.handsontable td.htInvalid {
  background-color: #ff4c42 !important; /*gives priority over td.area selection background*/
}
.handsontable td.htNoWrap {
  white-space: nowrap;
}
.handsontable th:last-child {
  /*Foundation framework fix*/
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.handsontable tr:first-child th.htNoFrame,
.handsontable th:first-child.htNoFrame,
.handsontable th.htNoFrame {
  border-left-width: 0;
  background-color: white;
  border-color: #fff;
}
.handsontable th:first-child,
.handsontable th:nth-child(2),
.handsontable td:first-of-type,
.handsontable .htNoFrame + th,
.handsontable .htNoFrame + td {
  border-left: 1px solid #ccc;
}
.handsontable.htRowHeaders thead tr th:nth-child(2) {
  border-left: 1px solid #ccc;
}
.handsontable tr:first-child th,
.handsontable tr:first-child td {
  border-top: 1px solid #ccc;
}
.ht_master:not(.innerBorderLeft):not(.emptyColumns) ~ .handsontable tbody tr th,
.ht_master:not(.innerBorderLeft):not(.emptyColumns)
  ~ .handsontable:not(.ht_clone_top)
  thead
  tr
  th:first-child {
  border-right-width: 0;
}
.ht_master:not(.innerBorderTop) thead tr:last-child th,
.ht_master:not(.innerBorderTop) ~ .handsontable thead tr:last-child th,
.ht_master:not(.innerBorderTop) thead tr.lastChild th,
.ht_master:not(.innerBorderTop) ~ .handsontable thead tr.lastChild th {
  border-bottom-width: 0;
}
.handsontable th {
  background-color: #f0f0f0;
  color: #222;
  text-align: center;
  font-weight: normal;
  white-space: nowrap;
}
.handsontable thead th {
  padding: 0;
}
.handsontable th.active {
  background-color: #ccc;
}
.handsontable thead th .relative {
  padding: 2px 4px;
}
#hot-display-license-info {
  font-size: 10px;
  color: #323232;
  padding: 5px 0 3px 0;
  font-family: Helvetica, Arial, sans-serif;
  text-align: left;
}
/* plugins */
/* row + column resizer*/
.handsontable .manualColumnResizer {
  position: fixed;
  top: 0;
  cursor: col-resize;
  z-index: 110;
  width: 5px;
  height: 25px;
}
.handsontable .manualRowResizer {
  position: fixed;
  left: 0;
  cursor: row-resize;
  z-index: 110;
  height: 5px;
  width: 50px;
}
.handsontable .manualColumnResizer:hover,
.handsontable .manualColumnResizer.active,
.handsontable .manualRowResizer:hover,
.handsontable .manualRowResizer.active {
  background-color: #34a9db;
}
.handsontable .manualColumnResizerGuide {
  position: fixed;
  right: 0;
  top: 0;
  background-color: #34a9db;
  display: none;
  width: 0;
  border-right: 1px dashed #777;
  margin-left: 5px;
}
.handsontable .manualRowResizerGuide {
  position: fixed;
  left: 0;
  bottom: 0;
  background-color: #34a9db;
  display: none;
  height: 0;
  border-bottom: 1px dashed #777;
  margin-top: 5px;
}
.handsontable .manualColumnResizerGuide.active,
.handsontable .manualRowResizerGuide.active {
  display: block;
  z-index: 199;
}
.handsontable .columnSorting {
  position: relative;
}
.handsontable .columnSorting.sortAction:hover {
  text-decoration: underline;
  cursor: pointer;
}
.handsontable span.colHeader {
  display: inline-block;
  line-height: 1.1;
}
/* Arrow position */
.handsontable span.colHeader.columnSorting::before {
  /* Centering start */
  top: 50%;
  margin-top: -6px; /* One extra pixel for purpose of proper positioning of sorting arrow, when `font-size` set to default */
  /* Centering end */

  padding-left: 8px; /* For purpose of continuous mouse over experience, when moving between the `span` and the `::before` elements */
  position: absolute;
  right: -9px;

  content: "";
  height: 10px;
  width: 5px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position-x: right;
}
.handsontable span.colHeader.columnSorting.ascending::before {
  /* arrow up; 20 x 40 px, scaled to 5 x 10 px; base64 size: 0.3kB */
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAoCAMAAADJ7yrpAAAAKlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKE86IAAAADXRSTlMABBEmRGprlJW72e77tTkTKwAAAFNJREFUeAHtzjkSgCAUBNHPgsoy97+ulGXRqJE5L+xkxoYt2UdsLb5bqFINz+aLuuLn5rIu2RkO3fZpWENimNgiw6iBYRTPMLJjGFxQZ1hxxb/xBI1qC8k39CdKAAAAAElFTkSuQmCC");
}
.handsontable span.colHeader.columnSorting.descending::before {
  /* arrow down; 20 x 40 px, scaled to 5 x 10 px; base64 size: 0.3kB */
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAoCAMAAADJ7yrpAAAAKlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKE86IAAAADXRSTlMABBEmRGprlJW72e77tTkTKwAAAFJJREFUeAHtzjkSgCAQRNFmQYUZ7n9dKUvru0TmvPAn3br0QfgdZ5xx6x+rQn23GqTYnq1FDcnuzZIO2WmedVqIRVxgGKEyjNgYRjKGkZ1hFIZ3I70LyM0VtU8AAAAASUVORK5CYII=");
}
.htGhostTable
  .htCore
  span.colHeader.columnSorting:not(.indicatorDisabled)::after {
  content: "*";
  display: inline-block;
  position: relative;
  /* The multi-line header and header with longer text need more padding to not hide arrow, 
  we make header wider in `GhostTable` to make some space for arrow which is positioned absolutely in the main table */
  padding-right: 20px;
}
/* Selection */
.handsontable .wtBorder {
  position: absolute;
  font-size: 0;
}
.handsontable .wtBorder.hidden {
  display: none !important;
}
/* A layer order of the selection types */
.handsontable .wtBorder.current {
  z-index: 10;
}
.handsontable .wtBorder.area {
  z-index: 8;
}
.handsontable .wtBorder.fill {
  z-index: 6;
}
.handsontable td.area,
.handsontable td.area-1,
.handsontable td.area-2,
.handsontable td.area-3,
.handsontable td.area-4,
.handsontable td.area-5,
.handsontable td.area-6,
.handsontable td.area-7 {
  position: relative;
}
.handsontable td.area:before,
.handsontable td.area-1:before,
.handsontable td.area-2:before,
.handsontable td.area-3:before,
.handsontable td.area-4:before,
.handsontable td.area-5:before,
.handsontable td.area-6:before,
.handsontable td.area-7:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  bottom: -100%\9; /* Fix for IE9 to spread the ":before" pseudo element to 100% height of the parent element */
  background: #005eff;
}
/* Fix for IE10 and IE11 to spread the ":before" pseudo element to 100% height of the parent element */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .handsontable td.area:before,
  .handsontable td.area-1:before,
  .handsontable td.area-2:before,
  .handsontable td.area-3:before,
  .handsontable td.area-4:before,
  .handsontable td.area-5:before,
  .handsontable td.area-6:before,
  .handsontable td.area-7:before {
    bottom: -100%;
  }
}
.handsontable td.area:before {
  opacity: 0.1;
}
.handsontable td.area-1:before {
  opacity: 0.2;
}
.handsontable td.area-2:before {
  opacity: 0.27;
}
.handsontable td.area-3:before {
  opacity: 0.35;
}
.handsontable td.area-4:before {
  opacity: 0.41;
}
.handsontable td.area-5:before {
  opacity: 0.47;
}
.handsontable td.area-6:before {
  opacity: 0.54;
}
.handsontable td.area-7:before {
  opacity: 0.58;
}
.handsontable tbody th.ht__highlight,
.handsontable thead th.ht__highlight {
  background-color: #dcdcdc;
}
.handsontable tbody th.ht__active_highlight,
.handsontable thead th.ht__active_highlight {
  background-color: #8eb0e7;
  color: #000;
}
/* fill handle */
.handsontable .wtBorder.corner {
  font-size: 0;
  cursor: crosshair;
}
.handsontable .htBorder.htFillBorder {
  background: red;
  width: 1px;
  height: 1px;
}
.handsontableInput {
  border: none;
  outline-width: 0;
  margin: 0;
  padding: 1px 5px 0 5px;
  font-family: inherit;
  line-height: 21px;
  font-size: inherit;
  box-shadow: 0 0 0 2px #5292f7 inset;
  resize: none;
  /*below are needed to overwrite stuff added by jQuery UI Bootstrap theme*/
  display: block;
  color: #000;
  border-radius: 0;
  background-color: #fff;
  /*overwrite styles potentionally made by a framework*/
}
.handsontableInputHolder {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 104;
}
.htSelectEditor {
  -webkit-appearance: menulist-button !important;
  position: absolute;
  width: auto;
}
/*
TextRenderer readOnly cell
*/
.handsontable .htDimmed {
  color: #777;
}
.handsontable .htSubmenu {
  position: relative;
}
.handsontable .htSubmenu :after {
  content: "\25B6";
  color: #777;
  position: absolute;
  right: 5px;
  font-size: 9px;
}
/*
TextRenderer horizontal alignment
*/
.handsontable .htLeft {
  text-align: left;
}
.handsontable .htCenter {
  text-align: center;
}
.handsontable .htRight {
  text-align: right;
}
.handsontable .htJustify {
  text-align: justify;
}
/*
TextRenderer vertical alignment
*/
.handsontable .htTop {
  vertical-align: top;
}
.handsontable .htMiddle {
  vertical-align: middle;
}
.handsontable .htBottom {
  vertical-align: bottom;
}
/*
TextRenderer placeholder value
*/
.handsontable .htPlaceholder {
  color: #999;
}
/*
AutocompleteRenderer down arrow
*/
.handsontable .htAutocompleteArrow {
  float: right;
  font-size: 10px;
  color: #eee;
  cursor: default;
  width: 16px;
  text-align: center;
}
.handsontable td .htAutocompleteArrow:hover {
  color: #777;
}
.handsontable td.area .htAutocompleteArrow {
  color: #d3d3d3;
}
/*
CheckboxRenderer
*/
.handsontable .htCheckboxRendererInput {
  display: inline-block;
  vertical-align: middle;
}
.handsontable .htCheckboxRendererInput.noValue {
  opacity: 0.5;
}
.handsontable .htCheckboxRendererLabel {
  cursor: pointer;
  display: inline-block;
  width: 100%;
}
/**
 * Handsontable in Handsontable
 */
.handsontable .handsontable.ht_clone_top .wtHider {
  padding: 0 0 5px 0;
}
/**
* Autocomplete Editor
*/
.handsontable .autocompleteEditor.handsontable {
  padding-right: 17px;
}
.handsontable .autocompleteEditor.handsontable.htMacScroll {
  padding-right: 15px;
}
/**
 * Handsontable listbox theme
 */
.handsontable.listbox {
  margin: 0;
}
.handsontable.listbox .ht_master table {
  border: 1px solid #ccc;
  border-collapse: separate;
  background: white;
}
.handsontable.listbox th,
.handsontable.listbox tr:first-child th,
.handsontable.listbox tr:last-child th,
.handsontable.listbox tr:first-child td,
.handsontable.listbox td {
  border-color: transparent;
}
.handsontable.listbox th,
.handsontable.listbox td {
  white-space: nowrap;
  text-overflow: ellipsis;
}
.handsontable.listbox td.htDimmed {
  cursor: default;
  color: inherit;
  font-style: inherit;
}
.handsontable.listbox .wtBorder {
  visibility: hidden;
}
.handsontable.listbox tr td.current,
.handsontable.listbox tr:hover td {
  background: #eee;
}
.ht_clone_top {
  z-index: 101;
}
.ht_clone_left {
  z-index: 102;
}
.ht_clone_top_left_corner,
.ht_clone_bottom_left_corner {
  z-index: 103;
}
.ht_clone_debug {
  z-index: 103;
}
.handsontable td.htSearchResult {
  background: #fcedd9;
  color: #583707;
}
/*
Cell borders
*/
.htBordered {
  /*box-sizing: border-box !important;*/
  border-width: 1px;
}
.htBordered.htTopBorderSolid {
  border-top-style: solid;
  border-top-color: #000;
}
.htBordered.htRightBorderSolid {
  border-right-style: solid;
  border-right-color: #000;
}
.htBordered.htBottomBorderSolid {
  border-bottom-style: solid;
  border-bottom-color: #000;
}
.htBordered.htLeftBorderSolid {
  border-left-style: solid;
  border-left-color: #000;
}
.handsontable tbody tr th:nth-last-child(2) {
  border-right: 1px solid #ccc;
}
.handsontable thead tr:nth-last-child(2) th.htGroupIndicatorContainer {
  border-bottom: 1px solid #ccc;
  padding-bottom: 5px;
}
.ht_clone_top_left_corner thead tr th:nth-last-child(2) {
  border-right: 1px solid #ccc;
}
.htCollapseButton {
  width: 10px;
  height: 10px;
  line-height: 10px;
  text-align: center;
  border-radius: 5px;
  border: 1px solid #f3f3f3;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  cursor: pointer;
  margin-bottom: 3px;
  position: relative;
}
.htCollapseButton:after {
  content: "";
  height: 300%;
  width: 1px;
  display: block;
  background: #ccc;
  margin-left: 4px;
  position: absolute;
  /*top: -300%;*/
  bottom: 10px;
}
thead .htCollapseButton {
  right: 5px;
  position: absolute;
  top: 5px;
  background: #fff;
}
thead .htCollapseButton:after {
  height: 1px;
  width: 700%;
  right: 10px;
  top: 4px;
}
.handsontable tr th .htExpandButton {
  position: absolute;
  width: 10px;
  height: 10px;
  line-height: 10px;
  text-align: center;
  border-radius: 5px;
  border: 1px solid #f3f3f3;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  cursor: pointer;
  top: 0;
  display: none;
}
.handsontable thead tr th .htExpandButton {
  /*left: 5px;*/
  top: 5px;
}
.handsontable tr th .htExpandButton.clickable {
  display: block;
}
.collapsibleIndicator {
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  right: 5px;
  border: 1px solid #a6a6a6;
  line-height: 10px;
  color: #222;
  border-radius: 10px;
  font-size: 10px;
  width: 10px;
  height: 10px;
  cursor: pointer;
  box-shadow: 0 0 0 6px rgba(238, 238, 238, 1);
  background: #eee;
}
.handsontable col.hidden {
  width: 0 !important;
}
.handsontable table tr th.lightRightBorder {
  border-right: 1px solid #e6e6e6;
}
.handsontable tr.hidden,
.handsontable tr.hidden td,
.handsontable tr.hidden th {
  display: none;
}
.ht_master,
.ht_clone_left,
.ht_clone_top,
.ht_clone_bottom {
  overflow: hidden;
}
.ht_master .wtHolder {
  overflow: auto;
}
.handsontable .ht_master thead,
.handsontable .ht_master tr th,
.handsontable .ht_clone_left thead {
  visibility: hidden;
}
.ht_clone_top .wtHolder,
.ht_clone_left .wtHolder,
.ht_clone_bottom .wtHolder {
  overflow: hidden;
}
/*

 Handsontable Mobile Text Editor stylesheet

 */
.handsontable.mobile,
.handsontable.mobile .wtHolder {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-overflow-scrolling: touch;
}
.htMobileEditorContainer {
  display: none;
  position: absolute;
  top: 0;
  width: 70%;
  height: 54pt;
  background: #f8f8f8;
  border-radius: 20px;
  border: 1px solid #ebebeb;
  z-index: 999;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-text-size-adjust: none;
}
.topLeftSelectionHandle:not(.ht_master .topLeftSelectionHandle),
.topLeftSelectionHandle-HitArea:not(
    .ht_master .topLeftSelectionHandle-HitArea
  ) {
  z-index: 9999;
}
/* Initial left/top coordinates - overwritten when actual position is set */
.topLeftSelectionHandle,
.topLeftSelectionHandle-HitArea,
.bottomRightSelectionHandle,
.bottomRightSelectionHandle-HitArea {
  left: -10000px;
  top: -10000px;
}
.htMobileEditorContainer.active {
  display: block;
}
.htMobileEditorContainer .inputs {
  position: absolute;
  right: 210pt;
  bottom: 10pt;
  top: 10pt;
  left: 14px;
  height: 34pt;
}
.htMobileEditorContainer .inputs textarea {
  font-size: 13pt;
  border: 1px solid #a1a1a1;
  -webkit-appearance: none;
  box-shadow: none;
  position: absolute;
  left: 14px;
  right: 14px;
  top: 0;
  bottom: 0;
  padding: 7pt;
}
.htMobileEditorContainer .cellPointer {
  position: absolute;
  top: -13pt;
  height: 0;
  width: 0;
  left: 30px;

  border-left: 13pt solid transparent;
  border-right: 13pt solid transparent;
  border-bottom: 13pt solid #ebebeb;
}
.htMobileEditorContainer .cellPointer.hidden {
  display: none;
}
.htMobileEditorContainer .cellPointer:before {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  height: 0;
  width: 0;
  left: -13pt;

  border-left: 13pt solid transparent;
  border-right: 13pt solid transparent;
  border-bottom: 13pt solid #f8f8f8;
}
.htMobileEditorContainer .moveHandle {
  position: absolute;
  top: 10pt;
  left: 5px;
  width: 30px;
  bottom: 0px;
  cursor: move;
  z-index: 9999;
}
.htMobileEditorContainer .moveHandle:after {
  content: "..\A..\A..\A..";
  white-space: pre;
  line-height: 10px;
  font-size: 20pt;
  display: inline-block;
  margin-top: -8px;
  color: #ebebeb;
}
.htMobileEditorContainer .positionControls {
  width: 205pt;
  position: absolute;
  right: 5pt;
  top: 0;
  bottom: 0;
}
.htMobileEditorContainer .positionControls > div {
  width: 50pt;
  height: 100%;
  float: left;
}
.htMobileEditorContainer .positionControls > div:after {
  content: " ";
  display: block;
  width: 15pt;
  height: 15pt;
  text-align: center;
  line-height: 50pt;
}
.htMobileEditorContainer .leftButton:after,
.htMobileEditorContainer .rightButton:after,
.htMobileEditorContainer .upButton:after,
.htMobileEditorContainer .downButton:after {
  transform-origin: 5pt 5pt;
  -webkit-transform-origin: 5pt 5pt;
  margin: 21pt 0 0 21pt;
}
.htMobileEditorContainer .leftButton:after {
  border-top: 2px solid #288ffe;
  border-left: 2px solid #288ffe;
  -webkit-transform: rotate(-45deg);
  /*margin-top: 17pt;*/
  /*margin-left: 20pt;*/
}
.htMobileEditorContainer .leftButton:active:after {
  border-color: #cfcfcf;
}
.htMobileEditorContainer .rightButton:after {
  border-top: 2px solid #288ffe;
  border-left: 2px solid #288ffe;
  -webkit-transform: rotate(135deg);
  /*margin-top: 17pt;*/
  /*margin-left: 10pt;*/
}
.htMobileEditorContainer .rightButton:active:after {
  border-color: #cfcfcf;
}
.htMobileEditorContainer .upButton:after {
  /*border-top: 2px solid #cfcfcf;*/
  border-top: 2px solid #288ffe;
  border-left: 2px solid #288ffe;
  -webkit-transform: rotate(45deg);
  /*margin-top: 22pt;*/
  /*margin-left: 15pt;*/
}
.htMobileEditorContainer .upButton:active:after {
  border-color: #cfcfcf;
}
.htMobileEditorContainer .downButton:after {
  border-top: 2px solid #288ffe;
  border-left: 2px solid #288ffe;
  -webkit-transform: rotate(225deg);
  /*margin-top: 15pt;*/
  /*margin-left: 15pt;*/
}
.htMobileEditorContainer .downButton:active:after {
  border-color: #cfcfcf;
}
.handsontable.hide-tween {
  -webkit-animation: opacity-hide 0.3s;
  animation: opacity-hide 0.3s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}
.handsontable.show-tween {
  -webkit-animation: opacity-show 0.3s;
  animation: opacity-show 0.3s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}

.pika-single {
  z-index: 9999;
  display: block;
  position: relative;
  color: #333;
  background: #fff;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
.pika-single:before,
.pika-single:after {
  content: " ";
  display: table;
}
.pika-single:after {
  clear: both;
}
/* .pika-single { *zoom: 1 } */
.pika-single.is-hidden {
  display: none;
}
.pika-single.is-bound {
  position: absolute;
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
}
.pika-lendar {
  float: left;
  width: 240px;
  margin: 8px;
}
.pika-title {
  position: relative;
  text-align: center;
}
.pika-label {
  display: inline-block;
  /* *display: inline; */
  position: relative;
  z-index: 9999;
  overflow: hidden;
  margin: 0;
  padding: 5px 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  background-color: #fff;
}
.pika-title select {
  cursor: pointer;
  position: absolute;
  z-index: 9998;
  margin: 0;
  left: 0;
  top: 5px;
  filter: alpha(opacity=0);
  opacity: 0;
}
.pika-prev,
.pika-next {
  display: block;
  cursor: pointer;
  position: relative;
  outline: none;
  border: 0;
  padding: 0;
  width: 20px;
  height: 30px;
  /* hide text using text-indent trick, using width value (it's enough) */
  text-indent: 20px;
  white-space: nowrap;
  overflow: hidden;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 75% 75%;
  opacity: 0.5;
  /* *position: absolute;
    *top: 0; */
}
.pika-prev:hover,
.pika-next:hover {
  opacity: 1;
}
.pika-prev,
.is-rtl .pika-next {
  float: left;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
  /* *left: 0; */
}
.pika-next,
.is-rtl .pika-prev {
  float: right;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
  /* *right: 0; */
}
.pika-prev.is-disabled,
.pika-next.is-disabled {
  cursor: default;
  opacity: 0.2;
}
.pika-select {
  display: inline-block;
  /* *display: inline; */
}
.pika-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
}
.pika-table th,
.pika-table td {
  width: 14.285714285714286%;
  padding: 0;
}
.pika-table th {
  color: #999;
  font-size: 12px;
  line-height: 25px;
  font-weight: bold;
  text-align: center;
}
.pika-button {
  cursor: pointer;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: none;
  border: 0;
  margin: 0;
  width: 100%;
  padding: 5px;
  color: #666;
  font-size: 12px;
  line-height: 15px;
  text-align: right;
  background: #f5f5f5;
}
.pika-week {
  font-size: 11px;
  color: #999;
}
.is-today .pika-button {
  color: #33aaff;
  font-weight: bold;
}
.is-selected .pika-button {
  color: #fff;
  font-weight: bold;
  background: #33aaff;
  box-shadow: inset 0 1px 3px #178fe5;
  border-radius: 3px;
}
.is-inrange .pika-button {
  background: #d5e9f7;
}
.is-startrange .pika-button {
  color: #fff;
  background: #6cb31d;
  box-shadow: none;
  border-radius: 3px;
}
.is-endrange .pika-button {
  color: #fff;
  background: #33aaff;
  box-shadow: none;
  border-radius: 3px;
}
.is-disabled .pika-button,
.is-outside-current-month .pika-button {
  pointer-events: none;
  cursor: default;
  color: #999;
  opacity: 0.3;
}
.pika-button:hover {
  color: #fff;
  background: #ff8000;
  box-shadow: none;
  border-radius: 3px;
}
/* styling for abbr */
.pika-table abbr {
  border-bottom: none;
  cursor: help;
}
.htCommentCell {
  position: relative;
}
.htCommentCell:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border-left: 6px solid transparent;
  border-top: 6px solid black;
}
.htComments {
  display: none;
  z-index: 1059;
  position: absolute;
}
.htCommentTextArea {
  box-shadow: rgba(0, 0, 0, 0.117647) 0 1px 3px,
    rgba(0, 0, 0, 0.239216) 0 1px 2px;
  box-sizing: border-box;
  border: none;
  border-left: 3px solid #ccc;
  background-color: #fff;
  width: 215px;
  height: 90px;
  font-size: 12px;
  padding: 5px;
  outline: 0px !important;
  -webkit-appearance: none;
}
.htCommentTextArea:focus {
  box-shadow: rgba(0, 0, 0, 0.117647) 0 1px 3px,
    rgba(0, 0, 0, 0.239216) 0 1px 2px, inset 0 0 0 1px #5292f7;
  border-left: 3px solid #5292f7;
}
/*!
 * Handsontable ContextMenu
 */
.htContextMenu:not(.htGhostTable) {
  display: none;
  position: absolute;
  z-index: 1060; /* needs to be higher than 1050 - z-index for Twitter Bootstrap modal (#1569) */
}
.htContextMenu .ht_clone_top,
.htContextMenu .ht_clone_left,
.htContextMenu .ht_clone_corner,
.htContextMenu .ht_clone_debug {
  display: none;
}
.htContextMenu table.htCore {
  border: 1px solid #ccc;
  border-bottom-width: 2px;
  border-right-width: 2px;
}
.htContextMenu .wtBorder {
  visibility: hidden;
}
.htContextMenu table tbody tr td {
  background: white;
  border-width: 0;
  padding: 4px 6px 0 6px;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.htContextMenu table tbody tr td:first-child {
  border: 0;
}
.htContextMenu table tbody tr td.htDimmed {
  font-style: normal;
  color: #323232;
}
.htContextMenu table tbody tr td.current,
.htContextMenu table tbody tr td.zeroclipboard-is-hover {
  background: #f3f3f3;
}
.htContextMenu table tbody tr td.htSeparator {
  border-top: 1px solid #e6e6e6;
  height: 0;
  padding: 0;
  cursor: default;
}
.htContextMenu table tbody tr td.htDisabled {
  color: #999;
  cursor: default;
}
.htContextMenu table tbody tr td.htDisabled:hover {
  background: #fff;
  color: #999;
  cursor: default;
}
.htContextMenu table tbody tr.htHidden {
  display: none;
}
.htContextMenu table tbody tr td .htItemWrapper {
  margin-left: 10px;
  margin-right: 6px;
}
.htContextMenu table tbody tr td div span.selected {
  margin-top: -2px;
  position: absolute;
  left: 4px;
}
.htContextMenu .ht_master .wtHolder {
  overflow: hidden;
}
textarea#HandsontableCopyPaste {
  position: fixed !important;
  top: 0 !important;
  right: 100% !important;
  overflow: hidden;
  opacity: 0;
  outline: 0 none !important;
}
.htRowHeaders
  .ht_master.innerBorderLeft
  ~ .ht_clone_top_left_corner
  th:nth-child(2),
.htRowHeaders .ht_master.innerBorderLeft ~ .ht_clone_left td:first-of-type {
  border-left: 0 none;
}
.handsontable .wtHider {
  position: relative;
}
.handsontable.ht__manualColumnMove.after-selection--columns
  thead
  th.ht__highlight {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}
.handsontable.ht__manualColumnMove.on-moving--columns,
.handsontable.ht__manualColumnMove.on-moving--columns thead th.ht__highlight {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.handsontable.ht__manualColumnMove.on-moving--columns .manualColumnResizer {
  display: none;
}
.handsontable .ht__manualColumnMove--guideline,
.handsontable .ht__manualColumnMove--backlight {
  position: absolute;
  height: 100%;
  display: none;
}
.handsontable .ht__manualColumnMove--guideline {
  background: #757575;
  width: 2px;
  top: 0;
  margin-left: -1px;
  z-index: 105;
}
.handsontable .ht__manualColumnMove--backlight {
  background: #343434;
  background: rgba(52, 52, 52, 0.25);
  display: none;
  z-index: 105;
  pointer-events: none;
}
.handsontable.on-moving--columns.show-ui .ht__manualColumnMove--guideline,
.handsontable.on-moving--columns .ht__manualColumnMove--backlight {
  display: block;
}
.handsontable .wtHider {
  position: relative;
}
.handsontable.ht__manualRowMove.after-selection--rows tbody th.ht__highlight {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}
.handsontable.ht__manualRowMove.on-moving--rows,
.handsontable.ht__manualRowMove.on-moving--rows tbody th.ht__highlight {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.handsontable.ht__manualRowMove.on-moving--rows .manualRowResizer {
  display: none;
}
.handsontable .ht__manualRowMove--guideline,
.handsontable .ht__manualRowMove--backlight {
  position: absolute;
  width: 100%;
  display: none;
}
.handsontable .ht__manualRowMove--guideline {
  background: #757575;
  height: 2px;
  left: 0;
  margin-top: -1px;
  z-index: 105;
}
.handsontable .ht__manualRowMove--backlight {
  background: #343434;
  background: rgba(52, 52, 52, 0.25);
  display: none;
  z-index: 105;
  pointer-events: none;
}
.handsontable.on-moving--rows.show-ui .ht__manualRowMove--guideline,
.handsontable.on-moving--rows .ht__manualRowMove--backlight {
  display: block;
}
.handsontable
  tbody
  td[rowspan][class*="area"][class*="highlight"]:not(
    [class*="fullySelectedMergedCell"]
  ):before {
  opacity: 0;
}
.handsontable
  tbody
  td[rowspan][class*="area"][class*="highlight"][class*="fullySelectedMergedCell-multiple"]:before {
  opacity: 0.1;
}
.handsontable
  tbody
  td[rowspan][class*="area"][class*="highlight"][class*="fullySelectedMergedCell-0"]:before {
  opacity: 0.1;
}
.handsontable
  tbody
  td[rowspan][class*="area"][class*="highlight"][class*="fullySelectedMergedCell-1"]:before {
  opacity: 0.2;
}
.handsontable
  tbody
  td[rowspan][class*="area"][class*="highlight"][class*="fullySelectedMergedCell-2"]:before {
  opacity: 0.27;
}
.handsontable
  tbody
  td[rowspan][class*="area"][class*="highlight"][class*="fullySelectedMergedCell-3"]:before {
  opacity: 0.35;
}
.handsontable
  tbody
  td[rowspan][class*="area"][class*="highlight"][class*="fullySelectedMergedCell-4"]:before {
  opacity: 0.41;
}
.handsontable
  tbody
  td[rowspan][class*="area"][class*="highlight"][class*="fullySelectedMergedCell-5"]:before {
  opacity: 0.47;
}
.handsontable
  tbody
  td[rowspan][class*="area"][class*="highlight"][class*="fullySelectedMergedCell-6"]:before {
  opacity: 0.54;
}
.handsontable
  tbody
  td[rowspan][class*="area"][class*="highlight"][class*="fullySelectedMergedCell-7"]:before {
  opacity: 0.58;
}
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}
.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}
.select2-container[dir="rtl"]
  .select2-selection--single
  .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}
.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-search--inline {
  float: left;
}
.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0;
}
.select2-container
  .select2-search--inline
  .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}
.select2-results {
  display: block;
}
.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}
.select2-results__option {
  padding: 6px;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
}
.select2-results__option[aria-selected] {
  cursor: pointer;
}
.select2-container--open .select2-dropdown {
  left: 0;
}
.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-search--dropdown {
  display: block;
  padding: 4px;
}
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
  display: none;
}
.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}
.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}
.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__placeholder {
  color: #999;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--default[dir="rtl"]
  .select2-selection--single
  .select2-selection__clear {
  float: left;
}
.select2-container--default[dir="rtl"]
  .select2-selection--single
  .select2-selection__arrow {
  left: 1px;
  right: auto;
}
.select2-container--default.select2-container--disabled
  .select2-selection--single {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled
  .select2-selection--single
  .select2-selection__clear {
  display: none;
}
.select2-container--default.select2-container--open
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
}
.select2-container--default
  .select2-selection--multiple
  .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}
.select2-container--default
  .select2-selection--multiple
  .select2-selection__rendered
  li {
  list-style: none;
}
.select2-container--default
  .select2-selection--multiple
  .select2-selection__placeholder {
  color: #999;
  margin-top: 5px;
  float: left;
}
.select2-container--default
  .select2-selection--multiple
  .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
}
.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}
.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}
/* .select2-container--default.select2-selection--multiple.select2-selection__choice__remove: ƒ√ {
  color: #333;
} */
.select2-container--default[dir="rtl"]
  .select2-selection--multiple
  .select2-selection__choice,
.select2-container--default[dir="rtl"]
  .select2-selection--multiple
  .select2-selection__placeholder,
.select2-container--default[dir="rtl"]
  .select2-selection--multiple
  .select2-search--inline {
  float: right;
}
.select2-container--default[dir="rtl"]
  .select2-selection--multiple
  .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--default[dir="rtl"]
  .select2-selection--multiple
  .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}
.select2-container--default.select2-container--focus
  .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}
.select2-container--default.select2-container--disabled
  .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled
  .select2-selection__choice__remove {
  display: none;
}
.select2-container--default.select2-container--open.select2-container--above
  .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above
  .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below
  .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below
  .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--default .select2-results__option[role="group"] {
  padding: 0;
}
.select2-container--default .select2-results__option[aria-disabled="true"] {
  color: #999;
}
.select2-container--default .select2-results__option[aria-selected="true"] {
  background-color: #ddd;
}
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}
.select2-container--default
  .select2-results__option
  .select2-results__option
  .select2-results__group {
  padding-left: 0;
}
.select2-container--default
  .select2-results__option
  .select2-results__option
  .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}
.select2-container--default
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}
.select2-container--default
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}
.select2-container--default
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}
.select2-container--default
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}
.select2-container--default
  .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}
.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic
  .select2-selection--single
  .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--classic
  .select2-selection--single
  .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}
.select2-container--classic
  .select2-selection--single
  .select2-selection__placeholder {
  color: #999;
}
.select2-container--classic
  .select2-selection--single
  .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}
.select2-container--classic
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--classic[dir="rtl"]
  .select2-selection--single
  .select2-selection__clear {
  float: left;
}
.select2-container--classic[dir="rtl"]
  .select2-selection--single
  .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open
  .select2-selection--single
  .select2-selection__arrow {
  background: transparent;
  border: none;
}
.select2-container--classic.select2-container--open
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--classic.select2-container--open.select2-container--above
  .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--below
  .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}
.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
}
.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic
  .select2-selection--multiple
  .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}
.select2-container--classic
  .select2-selection--multiple
  .select2-selection__clear {
  display: none;
}
.select2-container--classic
  .select2-selection--multiple
  .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}
.select2-container--classic
  .select2-selection--multiple
  .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}
.select2-container--classic
  .select2-selection--multiple
  .select2-selection__choice__remove:hover {
  color: #555;
}
.select2-container--classic[dir="rtl"]
  .select2-selection--multiple
  .select2-selection__choice {
  float: right;
}
.select2-container--classic[dir="rtl"]
  .select2-selection--multiple
  .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--classic[dir="rtl"]
  .select2-selection--multiple
  .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}
.select2-container--classic.select2-container--open
  .select2-selection--multiple {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open.select2-container--above
  .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below
  .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}
.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
  border-top: none;
}
.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--classic .select2-results__option[role="group"] {
  padding: 0;
}
.select2-container--classic .select2-results__option[aria-disabled="true"] {
  color: grey;
}
.select2-container--classic
  .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white;
}
.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}
/*!
 * Datepicker for Bootstrap v1.9.0 (https://github.com/uxsolutions/bootstrap-datepicker)
 *
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */
.datepicker {
  border-radius: 4px;
  direction: ltr;
}
.datepicker-inline {
  width: 220px;
}
.datepicker-rtl {
  direction: rtl;
}
.datepicker-rtl.dropdown-menu {
  left: auto;
}
.datepicker-rtl table tr td span {
  float: right;
}
.datepicker-dropdown {
  top: 0;
  left: 0;
  padding: 4px;
}
.datepicker-dropdown:before {
  content: "";
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(0, 0, 0, 0.15);
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}
.datepicker-dropdown:after {
  content: "";
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
  position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
  top: -7px;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
  top: -6px;
}
.datepicker-dropdown.datepicker-orient-top:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid rgba(0, 0, 0, 0.15);
}
.datepicker-dropdown.datepicker-orient-top:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff;
}
.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.datepicker table tr td,
.datepicker table tr th {
  text-align: center;
  width: 30px;
  height: 30px;
  border-radius: 4px;
  border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #777777;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
  background: #eeeeee;
  cursor: pointer;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #777777;
  cursor: default;
}
.datepicker table tr td.highlighted {
  color: #000;
  background-color: #d9edf7;
  border-color: #85c5e5;
  border-radius: 0;
}
.datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted.focus {
  color: #000;
  background-color: #afd9ee;
  border-color: #298fc2;
}
.datepicker table tr td.highlighted:hover {
  color: #000;
  background-color: #afd9ee;
  border-color: #52addb;
}
.datepicker table tr td.highlighted:active,
.datepicker table tr td.highlighted.active {
  color: #000;
  background-color: #afd9ee;
  border-color: #52addb;
}
.datepicker table tr td.highlighted:active:hover,
.datepicker table tr td.highlighted.active:hover,
.datepicker table tr td.highlighted:active:focus,
.datepicker table tr td.highlighted.active:focus,
.datepicker table tr td.highlighted:active.focus,
.datepicker table tr td.highlighted.active.focus {
  color: #000;
  background-color: #91cbe8;
  border-color: #298fc2;
}
.datepicker table tr td.highlighted.disabled:hover,
.datepicker table tr td.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.highlighted:hover,
.datepicker table tr td.highlighted.disabled:focus,
.datepicker table tr td.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted.disabled.focus,
.datepicker table tr td.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.highlighted.focus {
  background-color: #d9edf7;
  border-color: #85c5e5;
}
.datepicker table tr td.highlighted.focused {
  background: #afd9ee;
}
.datepicker table tr td.highlighted.disabled,
.datepicker table tr td.highlighted.disabled:active {
  background: #d9edf7;
  color: #777777;
}
.datepicker table tr td.today {
  color: #000;
  background-color: #ffdb99;
  border-color: #ffb733;
}
.datepicker table tr td.today:focus,
.datepicker table tr td.today.focus {
  color: #000;
  background-color: #ffc966;
  border-color: #b37400;
}
.datepicker table tr td.today:hover {
  color: #000;
  background-color: #ffc966;
  border-color: #f59e00;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today.active {
  color: #000;
  background-color: #ffc966;
  border-color: #f59e00;
}
.datepicker table tr td.today:active:hover,
.datepicker table tr td.today.active:hover,
.datepicker table tr td.today:active:focus,
.datepicker table tr td.today.active:focus,
.datepicker table tr td.today:active.focus,
.datepicker table tr td.today.active.focus {
  color: #000;
  background-color: #ffbc42;
  border-color: #b37400;
}
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today[disabled]:focus,
fieldset[disabled] .datepicker table tr td.today:focus,
.datepicker table tr td.today.disabled.focus,
.datepicker table tr td.today[disabled].focus,
fieldset[disabled] .datepicker table tr td.today.focus {
  background-color: #ffdb99;
  border-color: #ffb733;
}
.datepicker table tr td.today.focused {
  background: #ffc966;
}
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:active {
  background: #ffdb99;
  color: #777777;
}
.datepicker table tr td.range {
  color: #000;
  background-color: #eeeeee;
  border-color: #bbbbbb;
  border-radius: 0;
}
.datepicker table tr td.range:focus,
.datepicker table tr td.range.focus {
  color: #000;
  background-color: #d5d5d5;
  border-color: #7c7c7c;
}
.datepicker table tr td.range:hover {
  color: #000;
  background-color: #d5d5d5;
  border-color: #9d9d9d;
}
.datepicker table tr td.range:active,
.datepicker table tr td.range.active {
  color: #000;
  background-color: #d5d5d5;
  border-color: #9d9d9d;
}
.datepicker table tr td.range:active:hover,
.datepicker table tr td.range.active:hover,
.datepicker table tr td.range:active:focus,
.datepicker table tr td.range.active:focus,
.datepicker table tr td.range:active.focus,
.datepicker table tr td.range.active.focus {
  color: #000;
  background-color: #c3c3c3;
  border-color: #7c7c7c;
}
.datepicker table tr td.range.disabled:hover,
.datepicker table tr td.range[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled:focus,
.datepicker table tr td.range[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range:focus,
.datepicker table tr td.range.disabled.focus,
.datepicker table tr td.range[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.focus {
  background-color: #eeeeee;
  border-color: #bbbbbb;
}
.datepicker table tr td.range.focused {
  background: #d5d5d5;
}
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:active {
  background: #eeeeee;
  color: #777777;
}
.datepicker table tr td.range.highlighted {
  color: #000;
  background-color: #e4eef3;
  border-color: #9dc1d3;
}
.datepicker table tr td.range.highlighted:focus,
.datepicker table tr td.range.highlighted.focus {
  color: #000;
  background-color: #c1d7e3;
  border-color: #4b88a6;
}
.datepicker table tr td.range.highlighted:hover {
  color: #000;
  background-color: #c1d7e3;
  border-color: #73a6c0;
}
.datepicker table tr td.range.highlighted:active,
.datepicker table tr td.range.highlighted.active {
  color: #000;
  background-color: #c1d7e3;
  border-color: #73a6c0;
}
.datepicker table tr td.range.highlighted:active:hover,
.datepicker table tr td.range.highlighted.active:hover,
.datepicker table tr td.range.highlighted:active:focus,
.datepicker table tr td.range.highlighted.active:focus,
.datepicker table tr td.range.highlighted:active.focus,
.datepicker table tr td.range.highlighted.active.focus {
  color: #000;
  background-color: #a8c8d8;
  border-color: #4b88a6;
}
.datepicker table tr td.range.highlighted.disabled:hover,
.datepicker table tr td.range.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.highlighted:hover,
.datepicker table tr td.range.highlighted.disabled:focus,
.datepicker table tr td.range.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.highlighted:focus,
.datepicker table tr td.range.highlighted.disabled.focus,
.datepicker table tr td.range.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.highlighted.focus {
  background-color: #e4eef3;
  border-color: #9dc1d3;
}
.datepicker table tr td.range.highlighted.focused {
  background: #c1d7e3;
}
.datepicker table tr td.range.highlighted.disabled,
.datepicker table tr td.range.highlighted.disabled:active {
  background: #e4eef3;
  color: #777777;
}
.datepicker table tr td.range.today {
  color: #000;
  background-color: #f7ca77;
  border-color: #f1a417;
}
.datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today.focus {
  color: #000;
  background-color: #f4b747;
  border-color: #815608;
}
.datepicker table tr td.range.today:hover {
  color: #000;
  background-color: #f4b747;
  border-color: #bf800c;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today.active {
  color: #000;
  background-color: #f4b747;
  border-color: #bf800c;
}
.datepicker table tr td.range.today:active:hover,
.datepicker table tr td.range.today.active:hover,
.datepicker table tr td.range.today:active:focus,
.datepicker table tr td.range.today.active:focus,
.datepicker table tr td.range.today:active.focus,
.datepicker table tr td.range.today.active.focus {
  color: #000;
  background-color: #f2aa25;
  border-color: #815608;
}
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today.disabled.focus,
.datepicker table tr td.range.today[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.today.focus {
  background-color: #f7ca77;
  border-color: #f1a417;
}
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:active {
  background: #f7ca77;
  color: #777777;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected.highlighted {
  color: #fff;
  background-color: #777777;
  border-color: #555555;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:focus,
.datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected.focus,
.datepicker table tr td.selected.highlighted.focus {
  color: #fff;
  background-color: #5e5e5e;
  border-color: #161616;
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.highlighted:hover {
  color: #fff;
  background-color: #5e5e5e;
  border-color: #373737;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected.highlighted:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected.highlighted.active {
  color: #fff;
  background-color: #5e5e5e;
  border-color: #373737;
}
.datepicker table tr td.selected:active:hover,
.datepicker table tr td.selected.highlighted:active:hover,
.datepicker table tr td.selected.active:hover,
.datepicker table tr td.selected.highlighted.active:hover,
.datepicker table tr td.selected:active:focus,
.datepicker table tr td.selected.highlighted:active:focus,
.datepicker table tr td.selected.active:focus,
.datepicker table tr td.selected.highlighted.active:focus,
.datepicker table tr td.selected:active.focus,
.datepicker table tr td.selected.highlighted:active.focus,
.datepicker table tr td.selected.active.focus,
.datepicker table tr td.selected.highlighted.active.focus {
  color: #fff;
  background-color: #4c4c4c;
  border-color: #161616;
}
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.highlighted.disabled:hover,
.datepicker table tr td.selected[disabled]:hover,
.datepicker table tr td.selected.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected.highlighted:hover,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected.highlighted.disabled:focus,
.datepicker table tr td.selected[disabled]:focus,
.datepicker table tr td.selected.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.selected:focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected.disabled.focus,
.datepicker table tr td.selected.highlighted.disabled.focus,
.datepicker table tr td.selected[disabled].focus,
.datepicker table tr td.selected.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.selected.focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted.focus {
  background-color: #777777;
  border-color: #555555;
}
.datepicker table tr td.active,
.datepicker table tr td.active.highlighted {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:focus,
.datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active.focus,
.datepicker table tr td.active.highlighted.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active.highlighted:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.datepicker table tr td.active:active:hover,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.highlighted.active.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.highlighted.disabled:hover,
.datepicker table tr td.active[disabled]:hover,
.datepicker table tr td.active.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active.highlighted:hover,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.highlighted.disabled:focus,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active.disabled.focus,
.datepicker table tr td.active.highlighted.disabled.focus,
.datepicker table tr td.active[disabled].focus,
.datepicker table tr td.active.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.active.focus,
fieldset[disabled] .datepicker table tr td.active.highlighted.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  border-radius: 4px;
}
.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
  background: #eeeeee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #777777;
  cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.focus,
.datepicker table tr td span.active:hover.focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active.disabled:hover.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.datepicker table tr td span.active:active:hover,
.datepicker table tr td span.active:hover:active:hover,
.datepicker table tr td span.active.disabled:active:hover,
.datepicker table tr td span.active.disabled:hover:active:hover,
.datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active:hover.active:hover,
.datepicker table tr td span.active.disabled.active:hover,
.datepicker table tr td span.active.disabled:hover.active:hover,
.datepicker table tr td span.active:active:focus,
.datepicker table tr td span.active:hover:active:focus,
.datepicker table tr td span.active.disabled:active:focus,
.datepicker table tr td span.active.disabled:hover:active:focus,
.datepicker table tr td span.active.active:focus,
.datepicker table tr td span.active:hover.active:focus,
.datepicker table tr td span.active.disabled.active:focus,
.datepicker table tr td span.active.disabled:hover.active:focus,
.datepicker table tr td span.active:active.focus,
.datepicker table tr td span.active:hover:active.focus,
.datepicker table tr td span.active.disabled:active.focus,
.datepicker table tr td span.active.disabled:hover:active.focus,
.datepicker table tr td span.active.active.focus,
.datepicker table tr td span.active:hover.active.focus,
.datepicker table tr td span.active.disabled.active.focus,
.datepicker table tr td span.active.disabled:hover.active.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active[disabled]:hover,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active:hover.disabled.focus,
.datepicker table tr td span.active.disabled.disabled.focus,
.datepicker table tr td span.active.disabled:hover.disabled.focus,
.datepicker table tr td span.active[disabled].focus,
.datepicker table tr td span.active:hover[disabled].focus,
.datepicker table tr td span.active.disabled[disabled].focus,
.datepicker table tr td span.active.disabled:hover[disabled].focus,
fieldset[disabled] .datepicker table tr td span.active.focus,
fieldset[disabled] .datepicker table tr td span.active:hover.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #777777;
}
.datepicker .datepicker-switch {
  width: 145px;
}
.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
  cursor: pointer;
}
.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
  background: #eeeeee;
}
.datepicker .prev.disabled,
.datepicker .next.disabled {
  visibility: hidden;
}
.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}
.input-group.date .input-group-addon {
  cursor: pointer;
}
.input-daterange {
  width: 100%;
}
.input-daterange input {
  text-align: center;
}
.input-daterange input:first-child {
  border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
  border-radius: 0 3px 3px 0;
}
.input-daterange .input-group-addon {
  width: auto;
  min-width: 16px;
  padding: 4px 5px;
  line-height: 1.42857143;
  border-width: 1px 0;
  margin-left: -5px;
  margin-right: -5px;
}
.datepicker.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  list-style: none;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  color: #333333;
  font-size: 13px;
  line-height: 1.42857143;
}
.datepicker.dropdown-menu th,
.datepicker.datepicker-inline th,
.datepicker.dropdown-menu td,
.datepicker.datepicker-inline td {
  padding: 0px 5px;
}
/* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */
/* position */
.toast-center-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
/* toast styles */
.toast-title {
  font-weight: bold;
}
.toast-message {
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #ffffff;
}
.toast-message a:hover {
  color: #cccccc;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  /* opacity: 0.8; */
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}
.toast-container * {
  box-sizing: border-box;
}
.toast-container .toast {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 24px;
  box-shadow: 0 0 12px #999999;
  color: #ffffff;
}
.toast-container .toast:hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  cursor: pointer;
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */
.toast-info {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z'/%3E%3C/svg%3E");
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */
.toast-error {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z'/%3E%3C/svg%3E");
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */
.toast-success {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E");
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */
.toast-warning {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' width='576' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E");
}
.toast-container.toast-top-center .toast,
.toast-container.toast-bottom-center .toast {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.toast-container.toast-top-full-width .toast,
.toast-container.toast-bottom-full-width .toast {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.toast {
  background-color: #030303;
  pointer-events: auto;
}
.toast-success {
  background-color: #51a351;
}
.toast-error {
  background-color: #bd362f;
}
.toast-info {
  background-color: #2f96b4;
}
.toast-warning {
  background-color: #f89406;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
}
/* Responsive Design */
@media all and (max-width: 240px) {
  .toast-container .toast.div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
  .banner-img {
    height: 10vh !important;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  .toast-container .toast.div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  .toast-container .toast.div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
  .banner-img {
    height: 10vh !important;
  }
}
.content-container {
  background-color: inherit;
  padding: 0 25px;
  border-radius: 15px;
}
.content {
  background-color: #ffffff;
  margin: 25px 0;
  min-height: 95%;
}
.min-height-100p {
  min-height: 100%;
}
.grey-bg {
  background-color: #f2f4f7 !important;
}
.white-bg {
  background-color: #ffffff !important;
}
/* Ad Preview CSS */
.adpre {
  background-color: #5a5a5a;
  min-height: 25px;
  position: relative;
  border-style: dashed;
  margin: 15px;
}
/* end Ad Preview CSS */
/* cell background color*/
.bgclr {
  background-color: #dcdcdc;
  line-height: 38px;
  margin-bottom: 10px;
  margin-right: 15px;
}
/* end cell background color*/
/* overflow css */
.scroll-y {
  overflow-y: auto;
}
.noscroll-x {
  overflow-x: hidden;
}
.overflow-h {
  overflow: hidden;
}
/* end overflow css*/
/* clear css */
.clear-b {
  clear: both;
}
/* end clear css */
/* floating css */
.l {
  float: left;
}
.r {
  float: right;
}
.r-i {
  float: right;
}
.l-i {
  float: left;
}
/* end floating css */
/* line height css */
.lh35 {
  line-height: 35px;
}
.lh80 {
  line-height: 80px;
}
.lh325 {
  line-height: 325px;
}
.lh30 {
  line-height: 30px;
}
/* end line height css*/
/* position css*/
.abs-pos {
  position: absolute;
}
.rel-pos {
  position: relative;
}
.left0 {
  left: 0px;
}
.right15 {
  right: 15px;
}
.top-4 {
  top: -4px;
}
.top10 {
  top: 10px;
}
.top0 {
  top: 0;
}
/* end position css*/
/* border css */
.no-border {
  border: none;
}
.border1 {
  border: 1px solid;
}
.border2 {
  border: 2px solid;
}
.border2-transparent {
  border: 2px solid rgba(0, 0, 0, 0.22);
}
.no-border-top {
  border-top: none;
}
.br5 {
  border-radius: 5px;
}
.br3 {
  border-radius: 3px;
}
.br15 {
  border-radius: 15px;
}
.br0 {
  border-radius: 0;
}
.br50p {
  border-radius: 50%;
}
.br5-50p {
  border-radius: 5px 50%;
}
.br5-50p {
  border-radius: 5px 50%;
}
.br-color.white {
  border-color: #ffffff;
}
/* end border css */
/* height css */
.no-height {
  height: 0;
}
.auto-height {
  height: auto;
}
.mh50 {
  max-height: 50px;
}
.mh100 {
  max-height: 100px;
}
.mh140 {
  max-height: 140px;
}
.mh150 {
  max-height: 150px;
}
.mh250 {
  max-height: 250px;
}
.mh270 {
  max-height: 270px;
}
.mh318 {
  max-height: 318px;
}
.mh375 {
  max-height: 375px !important;
}
.mh434 {
  max-height: 434px;
}
.mh450 {
  max-height: 450px;
}
.mh462 {
  max-height: 462px;
}
.mh480 {
  max-height: 480px;
}
.mh500 {
  max-height: 500px;
}
.mh550 {
  max-height: 550px;
}
.mh600 {
  max-height: 600px;
}
.mh650 {
  max-height: 650px;
}
.mh740 {
  max-height: 740px;
}
.mh800 {
  max-height: 800px;
}
.mh80vh {
  max-height: 80vh !important;
}
.mih30 {
  min-height: 30px !important;
}
.mih37 {
  min-height: 37px;
}
.h40 {
  height: 40px;
}
.h53 {
  height: 53px;
}
.h55 {
  height: 55px;
}
.h60 {
  height: 60px;
}
.h75 {
  height: 75px;
}
.h85 {
  height: 85px;
}
.h100 {
  height: 100px;
}
.h500 {
  height: 500px;
}
.h100p {
  height: 100%;
}
.mih400 {
  min-height: 400px;
}
.mih150 {
  min-height: 150px;
}
.mih200 {
  min-height: 200px;
}
.mih450 {
  min-height: 450px;
}
.mih600 {
  min-height: 600px;
}
/* end height css*/
/* padding css*/
.nopad {
  padding: 0 !important;
}
.no-lpad {
  padding-left: 0px;
}
.no-rpad {
  padding-right: 0px;
}
.pad5 {
  padding: 5px;
}
.pad12 {
  padding: 12px;
}
.bpad5 {
  padding-bottom: 5px !important;
}
.bpad6 {
  padding-bottom: 6px;
}
.bpad10 {
  padding-bottom: 10px !important;
}
.bpad12 {
  padding-bottom: 12px;
}
.bpad20 {
  padding-bottom: 20px !important;
}
.bpad15 {
  padding-bottom: 15px !important;
}
.bpad50 {
  padding-bottom: 50px !important;
}
.bpad25 {
  padding-bottom: 25px;
}
.bpad5p {
  padding-bottom: 5% !important;
}
.bpad30 {
  padding-bottom: 30px;
}
.bpad0p {
  padding-bottom: 0%;
}
.bpad3p {
  padding-bottom: 3%;
}
.lpad0 {
  padding-left: 0;
}
.lpad7 {
  padding-left: 7px;
}
.lpad25p {
  padding-left: 25%;
}
.lpad3p {
  padding-left: 3%;
}
.lpad10 {
  padding-left: 10px !important;
}
.lpad12 {
  padding-left: 12px;
}
.lpad15 {
  padding-left: 15px !important;
}
.lpad-15 {
  padding-left: -15px !important;
}
.lpad20 {
  padding-left: 20px;
}
.lpad30 {
  padding-left: 30px;
}
.lpad40 {
  padding-left: 40px;
}
.lpad35 {
  padding-left: 35px !important;
}
.lpad22 {
  padding-left: 22px;
}
.lpad60 {
  padding-left: 60px;
}
.lpad5p {
  padding-left: 5%;
}
.lpad5 {
  padding-left: 5px;
}
.lpad55 {
  padding-left: 55px;
}
.rpad0 {
  padding-right: 0;
}
.rpad5 {
  padding-right: 5px;
}
.rpad7 {
  padding-right: 7px;
}
.rpad10 {
  padding-right: 10px;
}
.rpad12 {
  padding-right: 12px;
}
.rpad15 {
  padding-right: 15px;
}
.rpad20 {
  padding-right: 20px;
}
.rpad20 {
  padding-right: 20px;
}
.rpad35 {
  padding-right: 35px !important;
}
.rpad30 {
  padding-right: 30px;
}
.rpad40 {
  padding-right: 40px;
}
.rpad45 {
  padding-right: 45px;
}
.rpad25p {
  padding-right: 25%;
}
.tpad2 {
  padding-top: 2px;
}
.tpad5 {
  padding-top: 5px;
}
.tpad10 {
  padding-top: 10px;
}
.tpad12 {
  padding-top: 12px;
}
.tpad15 {
  padding-top: 15px !important;
}
.tpad20 {
  padding-top: 20px !important;
}
.tpad40 {
  padding-top: 40px;
}
.tpad3p {
  padding-top: 3%;
}
.tpad10p {
  padding-top: 10% !important;
}
.tpad5p {
  padding-top: 5% !important;
}
.tpad40p {
  padding-top: 40% !important;
}
.tpad0p {
  padding-top: 0%;
}
.pad5 {
  padding: 5px !important;
}
.pad5p {
  padding: 5% !important;
}
.pad2p {
  padding: 2% !important;
}
.pad10 {
  padding: 10px !important;
}
.pad15 {
  padding: 15px !important;
}
.pad20 {
  padding: 20px !important;
}
.pad30 {
  padding: 30px !important;
}
.pad50 {
  padding: 50px !important;
}
.tpad15-only {
  padding: 15px 0 0 0;
}
input[type="checkbox"] {
  position: relative;
  border: 2px solid #fff;
  border-radius: 2px;
  background: transparent;
  cursor: pointer;
  line-height: 0;
  margin: 0 0.6em 0 0;
  outline: 0;
  padding: 0 !important;
  vertical-align: text-top;
  height: 20px;
  width: 20px;
  -webkit-appearance: none;
  opacity: 0.5;
}
input[type="checkbox"]:hover {
  opacity: 1;
}

input[type="checkbox"]:checked {
  background-color: #fff;
  opacity: 1;
}

input[type="checkbox"]:checked::before {
  content: "\2714";
  color: #000;
  font-size: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media only all and (max-width: 768px) {
  .closePosition {
    top: -15px;
    position: relative;
  }
  .sidenav {
    right: 0 !important;
    left: auto !important;
    z-index: 999999999;
  }
  .nopad-xs {
    padding: 0;
  }

  .tm10-xs {
    margin-top: 10px;
  }

  .rm10-xs {
    margin-right: 10px;
  }
}
/* end padding css*/
/* margin css*/
.no-margin {
  margin: 0;
}
.bm2 {
  margin-bottom: 2px;
}
.bm0 {
  margin-bottom: 0px;
}
.bm5 {
  margin-bottom: 5px !important;
}
.bm6p {
  margin-bottom: 6%;
}
.bm10 {
  margin-bottom: 10px;
}
.bm10p {
  margin-bottom: 10%;
}
.bm15 {
  margin-bottom: 15px;
}
.bm20 {
  margin-bottom: 20px;
}
.bm25 {
  margin-bottom: 25px;
}
.bm30 {
  margin-bottom: 30px;
}
.bm40 {
  margin-bottom: 40px;
}
.bm65 {
  margin-bottom: 65px !important;
}
.bm0rem {
  margin-bottom: 0rem;
}
.bm05rem {
  margin-bottom: 0.5rem !important;
}
.bm1rem {
  margin-bottom: 1rem;
}
.bm-1rem {
  margin-bottom: -1rem;
}
.bm-10 {
  margin-bottom: -10px;
}
.lm0 {
  margin-left: 0px;
}
.lm-20 {
  margin-left: -20px;
}
.lm2 {
  margin-left: 2px;
}
.lm3 {
  margin-left: 3px;
}
.lm5p {
  margin-left: 5%;
}
.lm5 {
  margin-left: 5px;
}
.lm-5 {
  margin-left: -5px;
}
.lm8 {
  margin-left: 8px;
}
.lm9 {
  margin-left: 9px;
}
.lm10 {
  margin-left: 10px;
}
.lm11 {
  margin-left: 11px;
}
.lm12 {
  margin-left: 12px;
}
.lm13 {
  margin-left: 13px;
}
.lm15 {
  margin-left: 15px;
}
.lm17 {
  margin-left: 17px;
}
.lm18 {
  margin-left: 18px;
}
.lm19 {
  margin-left: 19px;
}
.lm20 {
  margin-left: 20px;
}
.lm23 {
  margin-left: 23px;
}
.lm25 {
  margin-left: 25px;
}
.lm27 {
  margin-left: 27px;
}
.lm30 {
  margin-left: 30px;
}
.lm32 {
  margin-left: 32px;
}
.lm36 {
  margin-left: 36px;
}
.lm40 {
  margin-left: 40px;
}
.lm42 {
  margin-left: 42px;
}
.lm44 {
  margin-left: 44px;
}
.lm47 {
  margin-left: 47px;
}
.lm49 {
  margin-left: 49px;
}
.lm50 {
  margin-left: 50px;
}
.lm54 {
  margin-left: 54px;
}
.lm60 {
  margin-left: 60px;
}
.lm80 {
  margin-left: 80px;
}
.lm85p {
  margin-left: 85%;
}
.lm116 {
  margin-left: 116px;
}
.lm25p {
  margin-left: 25%;
}
.m35p {
  margin: 35%;
}
.m15 {
  margin: 15px;
}
.rm-60 {
  margin-right: -60px;
}
.rm3 {
  margin-right: 3px;
}
.rm5 {
  margin-right: 5px;
}
.rm5p {
  margin-right: 5%;
}
.rm8 {
  margin-right: 8px;
}
.rm10 {
  margin-right: 10px;
}
.rm15 {
  margin-right: 15px;
}
.rm20 {
  margin-right: 20px;
}
.rm25 {
  margin-right: 25px;
}
.rm31 {
  margin-right: 31px;
}
.rm35 {
  margin-right: 35px;
}
.rm40 {
  margin-right: 40px;
}
.rm57 {
  margin-right: 57px;
}
.rm175 {
  margin-right: 175px;
}
.rm265 {
  margin-right: 265px;
}
.tm-20 {
  margin-top: -20px !important;
}
.tm-30 {
  margin-top: -30px !important;
}
.tm-45 {
  margin-top: -45px !important;
}
.tm-65 {
  margin-top: -65px;
}
.tm-70 {
  margin-top: 70px;
}
.tm-120p {
  margin-top: -120% !important;
}
.tm-50 {
  margin-top: -50px !important;
}
.tm-55 {
  margin-top: 55px !important;
}
.tm-155 {
  margin-top: 155px;
}
.margin-auto {
  margin: auto;
}
.margin-rl-auto {
  margin-right: auto;
  margin-left: auto;
}
.margin-tb-auto {
  margin-top: auto;
  margin-bottom: auto;
}
.tm-8 {
  margin-top: -8px !important;
}
.tm-2 {
  margin-top: -2px;
}
.tm0 {
  margin-top: 0px !important;
}
.tm2 {
  margin-top: 2px;
}
.tm3 {
  margin-top: 3px;
}
.tm4 {
  margin-top: 4px;
}
.tm5 {
  margin-top: 5px;
}
.tm6 {
  margin-top: 6px;
}
.tm7 {
  margin-top: 7px;
}
.tm8 {
  margin-top: 8px;
}
.tm10 {
  margin-top: 10px;
}
.tm12 {
  margin-top: 12px;
}
.tm80 {
  margin-top: 80px;
}
.tm13 {
  margin-top: 13px;
}
.tm14 {
  margin-top: 14px;
}
.tm15 {
  margin-top: 15px;
}
.tm16 {
  margin-top: 16px;
}
.tm18 {
  margin-top: 18px;
}
.tm20 {
  margin-top: 20px;
}
.tm21 {
  margin-top: 21px;
}
.tm22 {
  margin-top: 22px;
}
.tm24 {
  margin-top: 24px;
}
.tm25 {
  margin-top: 25px;
}
.tm27 {
  margin-top: 27px;
}
.tm28 {
  margin-top: 28px;
}
.tm30 {
  margin-top: 30px;
}
.tm32 {
  margin-top: 32px;
}
.tm35 {
  margin-top: 35px;
}
.tm38 {
  margin-top: 38px;
}
.tm40 {
  margin-top: 40px;
}
.tm50 {
  margin-top: 50px;
}
.tm60 {
  margin-top: 60px;
}
.tm65 {
  margin-top: 65px;
}
.tm70 {
  margin-top: 70px;
}
.tm75 {
  margin-top: 75px;
}
.tm90 {
  margin-top: 90px;
}
.tm6p {
  margin-top: 6%;
}
.tm9p {
  margin-top: 9%;
}
.tm10p {
  margin-top: 10%;
}
.tm15p {
  margin-top: 15%;
}
.tm20p {
  margin-top: 20%;
}
.tm25p {
  margin-top: 25%;
}
.tm155p {
  margin-top: 155px;
}
.hm20 {
  margin: 0 20px;
}
.hm10 {
  margin: 0 10px;
}
@media all and (max-width: 410px) {
  .rm-xs {
    margin-right: 5px;
  }
  .banner-img {
    height: 10vh !important;
  }
}
/* ends margin-css*/
/* Top css */
.t2 {
  top: 2px;
}
/* Top css Ends */
/* Botton css */
.b2 {
  bottom: 2px;
}
/* Botton css Ends */
/* display css*/
.db {
  display: block;
}
.dib {
  display: inline-block;
}
.df {
  display: flex;
}
.dn {
  display: none;
}
.dt {
  display: table;
}
.di {
  display: inline;
}
.d-thead {
  display: table-header-group;
}
.d-tr-group {
  display: table-row-group;
}
.d-tr {
  display: table-row;
}
.d-tcell {
  display: table-cell;
}
/* ends display css*/
/* alignment css */
.tac {
  text-align: center;
}
.taj {
  text-align: justify;
}
.tar {
  text-align: right;
}
.tal {
  text-align: left;
}
.v-align4 {
  vertical-align: 4px;
}
.vatop {
  vertical-align: top;
}
/* ends alignment css */
/* cursor css*/
.cursor-p {
  cursor: pointer !important;
}
.cursor-m {
  cursor: move;
}
.cursor-na {
  cursor: not-allowed;
}
/* ends cursor css*/
/* font size css */
.fs10 {
  font-size: 10px;
}
.fs11 {
  font-size: 11px;
}
.fs12 {
  font-size: 12px;
}
.fs13 {
  font-size: 13px;
}
.fs14 {
  font-size: 14px;
}
.fs15 {
  font-size: 15px;
}
.fs16 {
  font-size: 16px;
}
.fs17 {
  font-size: 17px;
}
.fs18 {
  font-size: 18px !important;
}
.fs19 {
  font-size: 19px;
}
.fs21 {
  font-size: 21px;
}
.fs20 {
  font-size: 20px !important;
}
.fs22 {
  font-size: 22px;
}
.fs23 {
  font-size: 22px;
}
.fs25 {
  font-size: 25px;
}
.fs28 {
  font-size: 28px;
}
.fs30 {
  font-size: 30px;
}
.fs32 {
  font-size: 32px;
}
.fs35 {
  font-size: 35px;
}
.fs48 {
  font-size: 48px;
}
.fs50 {
  font-size: 50px;
}
.fs60 {
  font-size: 60px;
}
.fs66 {
  font-size: 66px;
}
.fs72 {
  font-size: 72px;
}
.fs85 {
  font-size: 85px;
}
.fs100 {
  font-size: 100px;
}
.fw400 {
  font-weight: 400;
}
.fw500 {
  font-weight: 500;
}
.fw600 {
  font-weight: 600;
}
.fw900 {
  font-weight: 900;
}
.fw-bold {
  font-weight: bold;
}
.fw-normal {
  font-weight: normal;
}
/* font size css ends */
/* color css */
.white {
  color: #fff !important;
}
.black {
  color: black !important;
}
.grey {
  color: #808080;
}
.red {
  color: red !important;
}
/* color css ends */
/* width css */
.w32 {
  width: 32px;
}
.w55 {
  width: 55px;
}
.w60 {
  width: 60px;
}
.w65 {
  width: 65px;
}
.w75 {
  width: 75px;
}
.w80 {
  width: 80px;
}
.w100 {
  width: 100px;
}
.w120 {
  width: 120px;
}
.w140 {
  width: 140px;
}
.w160 {
  width: 160px;
}
.w168 {
  width: 168px;
}
.w300 {
  width: 300px;
}
.w15p {
  width: 15%;
}
.w17p {
  width: 17%;
}
.w18p {
  width: 18%;
}
.w27p {
  width: 27%;
}
.w30p {
  width: 30%;
}
.w32p {
  width: 32%;
}
.w40p {
  width: 40%;
}
.w44p {
  width: 44%;
}
.w50p {
  width: 50%;
}
.w60p {
  width: 60%;
}
.w65p {
  width: 65%;
}
.w68p {
  width: 68%;
}
.w70p {
  width: 70%;
}
.w75p {
  width: 75%;
}
.w78p {
  width: 78%;
}
.w80p {
  width: 80%;
}
.w82p {
  width: 82%;
}
.w85p {
  width: 85%;
}
.w90p {
  width: 90%;
}
.w90p {
  width: 90%;
}
.w95p {
  width: 95%;
}
.w98p {
  width: 98%;
}
.w100p {
  width: 100% !important;
}
/* width css ends */
.cursor-pointer {
  cursor: pointer;
}
.siteMapHeading {
  font-size: 20px;
}
.siteMapSubHeading {
  font-size: 16px;
}
.siteMaptext {
  font-size: 14px;
}
.disable-block {
  pointer-events: none;
  opacity: 0.5;
}
.highlight-tr {
  background-color: rgba(229, 88, 37, 0.3);
}
.overflow-ellipsis {
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bgclr-b5b5b5 {
  background-color: #b5b5b5;
}
.filter-select {
  width: 230px;
  max-width: 100%;
  height: 34px;
  background-color: #ffffff;
}
.dark-grey-bg,
.dark-grey-bg:hover {
  background-color: #777777 !important;
}
.bg-blue {
  background-color: #1a69be;
}
.opa9 {
  opacity: 0.9 !important;
}
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
.cursor-pointer {
  cursor: pointer !important;
}
.fine-print {
  font-style: italic;
  font-size: 12px;
}
/* hr {
  border-color: #777777;
} */
.active-selection {
  background-color: #9b9b9b !important;
  color: #fff !important;
}
.tdn {
  text-decoration: none;
}
.fade-in {
  opacity: 1;
  -webkit-animation-name: fadeInOpacity;
  animation-name: fadeInOpacity;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
@-webkit-keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
.check-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.check-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
}
.check-container:hover input ~ .checkmark {
  background-color: #ccc;
}
.check-container input:checked ~ .checkmark {
  background-color: gray;
}
.check-container:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the checkmark when checked */
.check-container input:checked ~ .checkmark:after {
  display: block;
}
/* Style the checkmark/indicator */
.check-container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}
.object-fit-contain {
  -o-object-fit: contain;
  object-fit: contain;
}
.w25p {
  width: 25% !important;
}
.inner-component {
  background-color: #f2f4f7;
  border-radius: 3px;
  height: 100%;
  margin-right: 5px;
  overflow-y: hidden;
  overflow-x: hidden;
}
.text-opacity-50 {
  opacity: 0.5;
}
.back-transparent {
  background: transparent;
}
.block-disable {
  pointer-events: none;
  opacity: 0.5;
  cursor: default;
}
.text-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}
.obj-word {
  color: #af0000;
  text-transform: capitalize;
}
.banner {
  width: 100%;
}
.banner-image {
  width: 100%;
}
/* You can add global styles to this file, and also import other style files */
/*Added by Gaurav Pingale*/
/* @font-face {
  font-family: "NotoSans-Medium";
  src: url('NotoSans-Medium.4e9401185a9b347a3fbf.ttf');
}
@font-face {
  font-family: "NotoSans-Semibold";
  src: url('NotoSans-SemiBold.e2c2bc20049bf8fc82a9.ttf');
}
@font-face {
  font-family: "Montserrat-Regular";
  src: url('Montserrat-Regular.a8a117360e71de94ae3b.ttf');
}
@font-face {
  font-family: "Montserrat-Semibold";
  src: url('Montserrat-SemiBold.bbcd5bbb5993808a92df.ttf');
}
@font-face {
  font-family: "NotoSans-Regular";
  src: url('NotoSans-Regular.0c22b1d8d49f218cb3ba.ttf');
}
@font-face {
  font-family: "Arial-Regular";
  src: url('arial.5995c725ca5a13be62d3.ttf');
} */
html {
  height: 100% !important;
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
}
body {
  background-color: #ffffff;
  height: 100% !important;
  margin: 0;
  padding: 0;
  font-family: "Noto Sans", sans-serif;
  font-weight: 500;
}
.wrapper-content {
  max-width: 1240px;
}
.background-grey {
  background-color: #e6e8ed;
}
.background-white {
  background-color: #ffffff;
}
.background-blue {
  background-color: #006bbd;
}
@media (max-width: 768px) {
  body {
    /* background-color: #f2f4f7 !important; */
  }
  .testimonialBackground {
    background-color: #f0f2f8;
  }
  .whyToChooseHeading {
    text-align: center;
    color: white;
    padding: 1rem 2rem;
  }
  .heroSectionLine {
    width: 5rem;
    background-color: red;
    height: 0.08rem;
  }
  .heroSection {
    /* background-image: url('./bg-mobile-new.png');  */
    background-position: center top;
    background-size: cover;
  }
  .textCentre {
    text-align: center;
  }

  /* .container-fluid {
    padding: 0 !important;
    background-color: #f2f4f7 !important;
  } */
}
.ns-med {
  font-family: "Noto Sans", sans-serif;
  font-weight: 500;
}
.ns-reg {
  font-family: "Noto Sans", sans-serif;
}
.ns-semibold {
  font-family: "Noto Sans", sans-serif;
  font-weight: 600;
}
.montserrat-reg {
  font-family: "Montserrat", sans-serif;
}
.montserrat-semibold {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
}
.arial-reg {
  font-family: Arial, serif;
}
.noto-sans {
  font-family: "Noto Sans", sans-serif;
}
.fc-blue {
  color: #062660 !important;
}
.fc-black {
  color: #000000;
}
.fc-darkgrey {
  color: #808080;
}
.bg-white {
  background-color: #ffffff;
}
.bg-orange {
  background-color: #ed2024;
}
.fc-orange {
  color: #ed2024;
}
.fc-red {
  color: #ed2024;
}
.bg-red {
  background-color: #ed2024;
}
.fc-gray {
  color: #909090;
}
.fc-white {
  color: #ffffff;
}
fc-red {
  color: #d0021b;
}
.gray {
  color: #b2b2b2;
}
.light-gray {
  color: #d7d7d7;
}
.f-orange {
  color: #e55825;
}
.f-white {
  color: #fff !important;
}
.f-blue {
  color: #135b9d !important;
}
.mih300 {
  min-height: 300px;
}
.nav-pills > li > a {
  color: #6a6a6a;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
  /* background-color: #BABABA !important; */
  background-color: #ffffff !important;
  /* color: #6A6A6A !important; */
  color: #ed2024;
  border-radius: 0;
}
/*End of Added by Gaurav Pingale*/
.section.template-block {
  padding: 0px 50px 50px 15px;
}
.template-block .template-title {
  padding-top: 5px;
}
.container > .section:nth-child(odd) {
  background: #e8e8e8;
}
.container > .section:nth-child(even) {
  background: #ffffff;
}
.template-master {
  margin: 20px 0;
}
#photos {
  /* Prevent vertical gaps */
  -webkit-column-count: 4;
  -webkit-column-gap: 15px;
  -moz-column-count: 4;
  -moz-column-gap: 15px;
  column-count: 4;
  column-gap: 15px;
}
#photos img {
  /* Just in case there are inline attributes */
  width: 100% !important;
  height: auto !important;
  padding: 5px 1px 6px 1px;
  display: inline-block;
}
/****** Top navbar css ******/
.navbar-default {
  background-color: #ffffff;
  border-radius: 0px;
  margin-bottom: 0px;
  padding: 15px 20px;
}
.navbar-default .navbar-nav li a {
  color: #000;
}
.navbar-nav a.active {
  /* color: #4e94e5 !important; */
  /* color: #06599b !important; */
  color: #ff0000 !important;
}
/****** Side navbar css ******/
.container {
  margin-right: auto;
}
.btn-reset {
  background: none;
  border: none;
  padding: 0 0 10px 10px;
  text-decoration: none;
  font-size: 12px;
  margin: 0 0 15px 5px;
}
.ngx-datepicker-input {
  width: 100% !important;
}
.ngx-datepicker-container .ngx-datepicker-calendar-container {
  z-index: 100 !important;
}
@media (min-width: 1450px) {
  .container {
    width: 1425px;
  }
}
/* ------- Summary Block  -------  */
.summary .details {
  background-color: #fff;
  min-height: 350px;
  padding: 25px;
}
.summary .details .heading {
  color: #062660;
  opacity: 0.5;
  font-size: 12px;
  font-weight: 500;
  line-height: 35px;
  font-family: "Noto Sans", sans-serif;
}
.summary .details .value {
  font-size: 12px;
  color: #062660;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
}
.summary .cost {
  background-color: #e4e4e4;
  line-height: 50px;
}
.button-full-width {
  background-color: #e75827;
  color: #ffffff;
  font: menu;
  height: 50px;
  width: 100%;
  border: none;
}
/* ------- Summary Block over  -------  */
.select2-container {
  min-width: initial;
  max-width: initial;
}
.select2-container--classic .select2-selection--multiple {
  border: none !important;
  border-bottom: 2px solid #337ab7 !important;
  border-radius: 0px !important;
  font-size: 18px;
}
.select2-container--default .select2-selection--multiple {
  border-radius: 0 !important;
}
.select2-container--default .select2-selection--single {
  border-radius: 0 !important;
}
.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice {
  border-radius: 0 !important;
}
.select2-selection__rendered {
  width: 100% !important;
}
.select2-dropdown {
  border-radius: 0 !important;
}
.select2-container--default .select2-search--inline .select2-search__field {
  width: initial !important;
}
.select2-container
  .select2-selection__rendered
  > *:first-child.select2-search--inline {
  width: 100% !important;
}
.select2-container
  .select2-selection__rendered
  > *:first-child.select2-search--inline
  .select2-search__field {
  width: 100% !important;
}
.home-select .select2-container--classic .select2-selection--single {
  background-color: transparent !important;
  border: 0px solid transparent !important;
  border-radius: 0px;
  outline: 0;
  background-image: none;
  background-repeat: repeat-x;
}
.ad-type-select .select2-container {
  min-width: 120px !important;
}
.ad-type-select .select2-container--classic .select2-selection--multiple {
  border: 01px solid #aaa !important;
  border-radius: 0px;
  outline: 0;
  background-image: none;
  background-repeat: repeat-x;
  font-size: 12px;
  min-height: 34px !important;
}
.ad-type-select
  .select2-container
  .select2-selection__rendered
  > *:first-child.select2-search--inline {
  margin-top: 5px;
}
.ad-type-select
  .select2-container--classic
  .select2-selection--multiple
  .select2-selection__choice {
  margin-top: 3px;
  padding: 2px 5px;
}
/*.ad-type-select .select2-container .select2-selection--multiple .select2-selection__rendered {*/
/*display: inline-block;*/
/*padding: 0px;*/
/*margin: 0px;*/
/*}*/
.city-select
  .select2-container--classic
  .select2-selection--single
  .select2-selection__arrow {
  /*background-image: none;*/
  background: transparent !important;
  border-left: 0px !important;
}
.ad-type-select .select2-container {
  min-width: 120px !important;
}
.city-select
  .select2-container--classic.select2-container--open
  .select2-dropdown {
  border-color: transparent !important;
}
.signout-profile {
  margin: 0px !important;
  white-space: nowrap;
}
.signout-pic {
  height: 96px;
  width: 96px;
  border-radius: 50px;
  border: 2px solid #e7e7e7 !important;
}
.w350 {
  width: 350px !important;
  padding: 5px !important;
  margin-top: 15px !important;
  overflow-wrap: break-word;
}
.SObutton-class {
  background: #e7e7e7;
  margin-top: 125px;
  line-height: 50px;
}
.db-button-transparent {
  background: #f8f8f8 !important;
  border: 1px solid #c6c6c6;
  border-radius: 0;
  height: 35px;
  color: #3e3e3e !important;
  padding: 0px 20px !important;
  line-height: 35px !important;
  text-transform: uppercase;
}
.db-button-transparent:hover {
  background: #ed2024 !important;
  border: 1px solid #c6c6c6;
  border-radius: 0;
  height: 35px;
  color: #fff !important;
  padding: 0px 20px !important;
  line-height: 35px !important;
  text-transform: uppercase;
}
.db-button {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  background: #ed2024 !important;
  border-radius: 3px;
  height: 45px;
  border: none;
  min-width: 110px;
  color: #fff !important;
  padding: 0px 20px !important;
  line-height: 35px !important;
  width: 100%;
  text-transform: uppercase;
}
.db-wbutton {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  background: #ffffff !important;
  height: 45px;
  border-radius: 3px;
  min-width: 110px;
  color: #ed2024 !important;
  padding: 0px 20px !important;
  line-height: 35px !important;
  width: 100%;
  border: 1px solid #ed2024 !important;
  text-transform: uppercase;
}
.db-button-invert {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  background: #ffffff !important;
  border-radius: 3px;
  height: 45px;
  color: #ed2024 !important;
  padding: 0px 20px !important;
  line-height: 35px !important;
  text-transform: uppercase;
}
.db-wbutton-invert {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  background: #ed2024 !important;
  border-radius: 3px;
  height: 45px;
  color: #ffffff !important;
  padding: 0px 20px !important;
  line-height: 35px !important;
  text-transform: uppercase;
}
.db-button:hover {
  /* background: rgb(255, 139, 67) !important; */
  background: #dc0e0e !important;
  border: 1px solid #dc0e0e;
}
.db-wbutton:hover {
  /* background: rgb(255, 139, 67) !important; */
  background: #dc0e0e !important;
  border: 1px solid #dc0e0e;
  color: #fff !important;
}
.link:hover {
  color: #e75827 !important;
}
ul.dropdown-menu.w350.pull-right.row:after {
  position: absolute;
  left: 50%;
  margin-left: 95px;
  top: -10px;
  width: 0;
  height: 0;
  content: "";
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #fff;
}
.chatdiv {
  color: #fff;
  position: fixed;
  top: 90px;
  right: -285px !important;
  background: #ed2024 !important;
  width: 350px;
  transition-property: left, right;
  transition-duration: 1s;
  position: absolute;
}
.chatdiv:hover {
  right: 0px !important;
}
.chatdivStatic {
  color: #fff;
  position: fixed;
  margin-top: -20px;
  top: 90px;
  background: #ed2024 !important;
  width: 350px;
  position: absolute;
}
.datepicker table tr td.disabled {
  cursor: not-allowed !important;
}
.datepicker table tr td.highlighted {
  background: #ffffff;
  /*background: #adffa8;*/
}
.dow {
  size: 12px;
  color: #062660;
  opacity: 0.7;
}
.datepicker-switch {
  color: #062660;
}
.datepicker table tr td {
  height: 35px !important;
  width: 35px !important;
}
.datepicker table tr td span.new {
  color: #333333;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active {
  color: #fff !important;
  background-color: #ed2024 !important;
  border-color: #ed2024 !important;
  opacity: 1;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
  visibility: hidden;
}
.datepicker table tr td.disabled.highlighted {
  background-color: #fff;
  cursor: not-allowed !important;
}
.datepicker table tr td.highlighted {
  color: #0b5a9e;
  opacity: 1;
}
.datepicker.dropdown-menu th,
.datepicker.datepicker-inline th,
.datepicker.dropdown-menu td,
.datepicker.datepicker-inline td {
  padding: 10px;
}
.datepicker-inline {
  width: 100%;
}
.datepicker table tr td.highlighted.disabled,
.datepicker table tr td.highlighted.disabled:active {
  color: #062660 !important;
  opacity: 0.1;
}
/* on iphone when deselecting the selected date the hover color remains as it is so the hover
 effect css are disabled*/
.datepicker table tr td.highlighted:hover {
  color: #0b5a9e !important;
  background-color: unset !important;
  border-color: unset !important;
}
.datepicker .prev,
.datepicker .next {
  visibility: hidden;
}
.table-condensed {
  width: 95%;
}
.hr-dates {
  height: 2px;
  background-color: #e7e7e7;
  margin-right: 10px;
  margin-left: 10px;
}
@media (max-width: 576px) {
  .datepicker.dropdown-menu th,
  .datepicker.datepicker-inline th,
  .datepicker.dropdown-menu td,
  .datepicker.datepicker-inline td {
    padding: 6px;
  }

  .chatdivStatic {
    /*width: 310px;*/
    width: 100%;
  }

  .chatdiv {
    right: -265px !important;
  }

  .summary-sm .cost {
    background-color: #e4e4e4;
    line-height: 50px;
  }
}
@media (max-width: 576px) {
  .chatdivStatic {
    margin-top: 0px;
  }
  .footer-background {
    background-position: center;
  }
}
.contenthover:hover {
  background-color: #e8c3b0 !important;
}
.user-selection {
  background-color: #e8c3b0 !important;
}
.db-text-button {
  text-decoration: none;
  background: none;
  border: none;
  color: #ed2024;
  font-family: "Noto Sans", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.31;
  letter-spacing: -0.05px;
  text-align: center;
  padding: 15px;
  margin: 10px 0;
}
.fix-to-bottom {
  position: fixed;
  bottom: 0;
  width: 100%;
}
.modal-backdrop.show {
  opacity: 0.7;
}
.db-grey-button {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  background: #7d7d7d !important;
  height: 45px;
  border-radius: 3px;
  min-width: 110px;
  color: #ffffff !important;
  padding: 0px 20px !important;
  line-height: 35px !important;
  width: 100%;
  border: 1px solid #7d7d7d !important;
  text-transform: uppercase;
}
.form-radio {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  position: relative;
  background-color: #f1f1f1;
  color: #fff;
  top: 10px;
  height: 30px;
  width: 30px;
  border: 2px solid #ed2024;
  border-radius: 50px;
  cursor: pointer;
  margin-right: 7px;
  outline: none;
}
.form-radio:checked::before {
  position: absolute;
  font-size: 13px;
  line-height: 1;
  left: 11px;
  top: 7px;
  content: "\02143";
  transform: rotate(40deg);
}
.form-radio:hover {
  background-color: #f7f7f7;
}
.form-radio:checked {
  background-color: #ed2024;
  border: 0;
}
.circle-loader {
  border: 3px solid #f3f3f3;
  border-radius: 50%;
  border-top: 3px solid #3498db;
  width: 18px;
  height: 18px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.footerDiv {
  background-color: #e6e8ed;
  padding-top: 50px;
  padding-bottom: 30px;
}
.footerLogo {
  width: 220px !important;
}
.footerLinks {
  list-style: none;
  color: #000;
  line-height: 30px;
  text-transform: uppercase;
  font-size: 14px;
}
.footerLinks li {
  display: inline-block;
  cursor: pointer;
}
.copyrightText {
  color: #000;
  font-size: 14px;
  padding: 15px;
}
@media (max-width: 576px) {
  .footerDiv {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .footerLinks {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
  }
}
.form-control {
  color: #707070;
  border-radius: 3px;
  font-size: 0.95rem;
  height: 25px;
  line-height: 36px;
  box-shadow: 3px 3px 5px 0px #ccc;
}
/* width */
@media screen and (min-width: 800px) {
  ::-webkit-scrollbar {
    width: 12px;
    height: 4px;
    border-radius: 5px;
  }

  /* Track */
  ::-webkit-scrollbar-track {
    background: #dcdbdb;
  }

  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 5px;
  }

  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #555;
    border-radius: 5px;
  }
}

.icon-button {
  border-radius: 2.6rem;
  cursor: pointer;
  display: inline-block;
  font-size: 1.3rem;
  height: 2.6rem;
  line-height: 2.6rem;
  margin: 0 5px;
  position: relative;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 2.6rem;
  background: #fff;
  box-shadow: 2px 2px 6px 0px #ccc;
}

.icon-button span {
  border-radius: 0;
  display: block;
  height: 0;
  left: 50%;
  margin: 0;
  position: absolute;
  top: 50%;
  transition: all 0.3s;
  width: 0;
}

.icon-button:hover span {
  width: 2.6rem;
  height: 2.6rem;
  border-radius: 2.6rem;
  margin: -1.3rem;
}

.icon-button i {
  background: none;
  color: white;
  height: 2.6rem;
  left: 0;
  line-height: 2.6rem;
  position: absolute;
  top: 0;
  transition: all 0.3s;
  width: 2.6rem;
  z-index: 1;
}

.twitter span {
  background-color: #4099ff;
}

.facebook span {
  background-color: #3b5998;
}

.google-plus span {
  background-color: #db5a3c;
}

.tumblr span {
  background-color: #34526f;
}

.instagram span {
  background-color: #517fa4;
}

.youtube span {
  background-color: #bb0000;
}

.pinterest span {
  background-color: #cb2027;
}

.icon-button .icon-twitter {
  color: #4099ff;
}

.icon-button .icon-facebook {
  color: #3b5998;
}

.icon-button .fa-tumblr {
  color: #34526f;
}

.icon-button .icon-google-plus {
  color: #db5a3c;
}

.icon-button .fa-instagram {
  color: #517fa4;
}

.icon-button .fa-youtube {
  color: #bb0000;
}

.icon-button .fa-pinterest {
  color: #cb2027;
}

.icon-button:hover .icon-twitter,
.icon-button:hover .icon-facebook,
.icon-button:hover .icon-google-plus,
.icon-button:hover .fa-tumblr,
.icon-button:hover .fa-instagram,
.icon-button:hover .fa-youtube,
.icon-button:hover .fa-pinterest .icon-button:hover .fa-instagram {
  color: white;
}

.modal {
  position: fixed;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 120px;
}

#overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2;
  cursor: pointer;
}
#overlayForNoticeModal {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2;
  cursor: pointer;
}

.hideModal {
  z-index: -1;
  opacity: 0;
  transform: scale(0);
}

@-webkit-keyframes hide {
  from {
    z-index: 2;
    transform: scale(1);
    opacity: 1;
  }

  to {
    z-index: -1;
    transform: scale(0);
    opacity: 0;
  }
}

@keyframes hide {
  from {
    z-index: 2;
    transform: scale(1);
    opacity: 1;
  }

  to {
    z-index: -1;
    transform: scale(0);
    opacity: 0;
  }
}

.showModal {
  opacity: 1;
  z-index: 2;
  transform: scale(1);
}

@-webkit-keyframes show {
  from {
    transform: scale(0);
    opacity: 0;
    z-index: -1;
  }

  to {
    transform: scale(1);
    opacity: 1;
    z-index: 2;
  }
}

@keyframes show {
  from {
    transform: scale(0);
    opacity: 0;
    z-index: -1;
  }

  to {
    transform: scale(1);
    opacity: 1;
    z-index: 2;
  }
}

.language-btn-vibration {
  -webkit-animation: shake 1s;
  animation: shake 1s;
}

/* @-webkit-keyframes shake {
  0% {
    background-image: url(./bookpublicnoticead/suneel/language-change-red.png);
  }

  20% {
    background-image: url(./suneel/language-change-black.png);
  }

  40% {
    background-image: url(./language-change-red.png);
  }

  60% {
    background-image: url(./suneel/language-change-black.png);
  }

  80% {
    background-image: url(./language-change-red.png);
  }

  100% {
    background-image: url(./suneel/language-change-black.png);
  }

} */

/* @keyframes shake {
  0% {
    background-image: url(./suneel/language-change-red.png);
  }

  20% {
    background-image: url(./suneel/language-change-black.png);
  }

  40% {
    background-image: url(./suneel/language-change-red.png);
  }

  60% {
    background-image: url(./suneel/language-change-black.png);
  }

  80% {
    background-image: url(./suneel/language-change-red.png);
  }

  100% {
    background-image: url(./suneel/language-change-black.png);
  }

} */

/* ---------------------- navbar -----------------------*/
#myProgress {
  width: 100%;
  background-color: #1a69be;
}

#myBar {
  width: 1%;
  height: 5px;
  background-color: #ed3933;
}

.progrssBarRow {
  padding: 50px 50px 0px 50px;
}
.navbar-default {
  background-color: #e8e8e8;
}

.navbar-default .navbar-right {
  padding-top: 15px;
}

.navbar-default .navbar-nav li a {
  color: #000;
}

.userType {
  color: #4fbf25;
}
.navbar-default ul.nav li .btn-sm {
  margin: 7px;
  border: none;
  text-align: center;
  text-decoration: none;
  padding: 10px 8px;
}
#header-menu {
  padding: 0px;
  /* display: block; */
  height: 90px;
  z-index: 9999;
  position: fixed;
  background-color: #ffffff;
  box-shadow: 0 0 20px 0 #ccc;
  top: 0;
}

.nav-small-device {
  float: right;
  /* width: 36%; */
  align-items: center;
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.logo-outer {
  /* width:30vw; */
  width: 50%;
  margin-left: -5%;
  height: inherit;
  display: flex;
  justify-content: center;
  background-color: #ffffff;
  /* border: 1px solid; */
  text-align: center;
  /* z-index: 999; */
  /* position: relative; */
  /* margin: 0px; */
  transform: skewX(40deg);
  /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
}

.logo-inner {
  vertical-align: middle;
  transform: skewX(-40deg);
  width: 50%;
  height: 50%;
}

.logo-footer {
  vertical-align: middle;
  width: 35%;
  height: 25%;
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .logo-footer {
    width: 40vw;
  }
}
@media (max-width: 576px) {
  .logo-footer {
    /* margin-left: 7%; */
    width: 77%;
    /* height: inherit; */
  }
}

.header-contact {
  flex: 1;
  /* display: flex;
  flex-direction: column; */
  /* justify-content: space-around; */
  /* align-items: center; */
  /* width:50%; */
  /* transform: skewX(40deg); */
  height: inherit;
  /* overflow:hidden; */
  /* margin-left:-30%; */
  font-size: 23px;
}

.header-contact-child {
  text-align: right;
  background-color: #fecb70;
  color: #d11519;
  height: 50%;
  /* transform: skewX(-40deg); */
}
.db-logo-header {
  width: 70px;
  height: 30px;
  margin-right: 26%;
}

.navbar div ul {
  list-style-type: none;
  padding: 0;
  flex: 1;
  /* gap: 24px; */
  /* flex:0.9; */
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  flex-wrap: wrap; /* assumes you only want one row */
}

.navbar-toggler:focus {
  border-color: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
/* .footer-background{
  box-shadow: 0 0 15px 0 #dadada;
  background-size: cover;

} */
@media (max-width: 576px) {
  .icon-button {
    z-index: 0;
  }
  .menuList li a.nav-language {
    margin-left: 0px !important;
  }
  /* .footer-background{
    background-position: center;
  } */
  .menuList li a {
    padding-left: 0px !important;
  }
  .navbar-toggler {
    float: right;
    border-color: none;
    padding: 5px 0px 0px 0px !important;
  }

  .chatbot {
    float: right;
    border-color: none;
    padding: 3px 0px 0px 0px !important;
  }

  .lan-icon {
    float: right;
    margin-right: 10px;
    margin-top: 15px;
  }

  .language-toggle-btn {
    float: right;
    border-color: none;
    padding: 3px 0px 0px 0px !important;
  }

  .chatbot-icon {
    width: 100%;
    /*padding-right: 5px;*/
  }

  .logo {
    width: 130px !important;
    height: auto !important;
    /* padding-top: 5px; */
  }
  .MenuBar {
    margin-left: 0px !important;
    padding-top: 0px;
    float: none !important;
  }

  .navbar-default {
    padding: 10px 15px;
  }

  .container.home {
    padding: 0;
  }

  .navbar-right {
    text-align: right;
  }
  .login-button {
    background: #ed3933 !important;
    border: 1px solid #c6c6c6;
    margin-top: 8px;
    margin-right: 5px;
    border-radius: 0;
    height: 35px;
    width: 100px;
    color: #fff !important;
    padding: 0px 20px !important;
    line-height: 35px !important;
    text-transform: uppercase;
  }

  .login-button:hover {
    background: #ed3933 !important;
    border: 1px solid #c6c6c6;
    border-radius: 0;
    margin-top: 8px;
    margin-right: 5px;
    height: 35px;
    width: 100px;
    color: #fff !important;
    padding: 0px 20px !important;
    line-height: 35px !important;
    text-transform: uppercase;
  }

  .mobileNavBackgound {
    /* padding-bottom: 56px; */
  }

  #loginBtnMobile,
  #logoutBtnMobile {
    margin-top: 13px !important;
    display: none;
  }

  .navbar-icon {
    width: 53% !important;
    float: right;
  }

  .logo-outer {
    width: 60%;
    margin-left: -17%;
    /* size: 1.2rem; */
  }

  .logo-inner {
    margin-left: 7%;
    padding-left: 15%;
    width: 75%;
    height: inherit;
  }

  .header-contact {
    /* width: 150%; */
    margin-left: -12%;
    /* margin-left: 20%; */
    /* font-size: 1.2rem; */
  }
  .header-contact-child {
    padding-top: 6px;
  }
  .db-header-logo {
    display: none;
  }
}

@media (min-width: 576px) and (max-width: 768px) {
  .navbar-default {
    padding: 10px 0px;
  }

  .container.home {
    padding: 0;
  }

  .db-header-logo {
    display: none;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .logo {
    padding-top: 0px !important;
  }
  .navbar-toggler {
    padding-top: 0px !important;
    float: right;
  }

  .chatbot {
    padding-top: 0px !important;
    float: right;
  }

  #loginBtnMobile {
    display: none;
  }

  .logo-outer {
    width: 40vw;
  }

  .header-contact {
    /* width: 150%; */
    margin-left: -10%;
    /* margin-left: 20%; */
    /* font-size: 1.2rem; */
  }
}
@media (min-width: 768px) {
  .closePosition {
    top: -15px;
    position: relative;
    right: -10px;
  }
  .nav-language {
    background-position-y: 37px !important;
  }
  .whyToChooseBody {
    padding-left: 5rem;
    padding-right: 2rem;
  }
  .popularCategoriesSlider {
    padding: 0px 40px;
  }
  .testimonialBackground {
    background: linear-gradient(
      to bottom,
      #f0f2f8 0%,
      #f0f2f8 65%,
      white 35%,
      white 100%
    );
  }

  /* Arrows */
  .slick-prev,
  .slick-next {
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
  }
  .slick-prev:hover,
  .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent;
  }
  .slick-prev:hover:before,
  .slick-prev:focus:before,
  .slick-next:hover:before,
  .slick-next:focus:before {
    opacity: 1;
  }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25;
  }

  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    font-weight: bold;

    opacity: 0.75;
    color: red;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .slick-prev {
    left: -25px;
  }
  [dir="rtl"] .slick-prev {
    right: -25px;
    left: auto;
  }
  .slick-prev:before {
    font-family: "FontAwesome";
    content: "\f104";
  }
  [dir="rtl"] .slick-prev:before {
    font-family: "FontAwesome";
    content: "\f104";
  }

  .slick-next {
    right: -25px;
  }
  [dir="rtl"] .slick-next {
    right: auto;
    left: -25px;
  }
  .slick-next:before {
    font-family: "FontAwesome";
    content: "\f105";
  }
  [dir="rtl"] .slick-next:before {
    font-family: "FontAwesome";
    content: "\f105";
  }

  /* Dots */
  .slick-dotted.slick-slider {
    margin-bottom: 30px;
  }

  /* .slick-dots {
    display: none;
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
  }
  .slick-dots li {
    display: none;
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
  }
  .slick-dots li button {
    display: none;
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
  }
  .slick-dots li button:hover,
  .slick-dots li button:focus {
    outline: none;
  }
  .slick-dots li button:hover:before,
  .slick-dots li button:focus:before {
    opacity: 1;
  }
  .slick-dots li button:before {
    font-family: "slick";
    font-size: 40px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: "•";
    text-align: center;

    opacity: 0.25;
    color: red;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .slick-dots li.slick-active button:before {
    opacity: 0.75;
    color: red;
  } */

  .logo-outer {
    width: 30vw;
  }
  .footerColumns {
    justify-content: space-between;
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .heroSectionLine {
    width: 5rem;
    background-color: red;
    margin-left: 0%;
    height: 0.08rem;
  }
  .whyToChooseHeading {
    text-align: left;
    margin: auto 0rem;
    color: white;
    padding-left: 1rem;
  }
  .heroSection {
    /* background-image: url('./bg-desktop-new.png');  */
    background-position: center top;
    background-size: cover;
  }

  #navbarSupportedContent {
    list-style-type: none;
    padding: 0;
    flex: 1;
    line-height: 1;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    flex-wrap: wrap;
  }
  #navbarSupportedContent.nav-link {
    display: block;
    padding: 0.5rem 0.1rem;
  }

  .header-contact-child {
    width: 130%;
    margin-left: -30%;
    padding-top: 3px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .navbar-toggler {
    padding-top: 0px !important;
    float: right;
  }
  .chatbot {
    padding-top: 0px !important;
    float: right;
  }

  .nav-small-device {
    width: 36%;
  }

  .language-toggle-btn {
    padding-top: 0px !important;
    float: right;
    margin-right: 10px;
  }

  .chatbot-icon {
    width: 40px;
    padding-right: 5px;
  }

  #navbarSupportedContent {
    display: none;
  }

  .navbar-icon {
    width: 75%;
    float: right;
  }

  #loginBtnMobile {
    display: none;
  }

  .header-contact-child {
    width: 130%;
    margin-left: -30%;
    padding-top: 3px;
  }
  .db-logo-header {
    margin-right: 12%;
  }
}

@media (min-width: 991.98px) {
  .chatbot {
    display: none;
  }
  .language-toggle-btn {
    display: none;
  }

  .lan-icon {
    display: none;
  }

  #navbarSupportedContent {
    list-style-type: none;
    padding: 0;
    flex: 1;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    flex-wrap: wrap;
  }

  .header-contact-child {
    width: 130%;
    margin-left: -30%;
    padding-top: 3px;
  }
}
.logo {
  width: 180px;
}
.menuList li {
  list-style: none;
  cursor: pointer;
}
.menuList li a {
  color: #000000;
  font-size: 14px;
  padding-left: 12.5px;
  padding-right: 12.5px;
  text-transform: uppercase;
}

.menuList li a:hover {
  color: #ed2024 !important;
}
.menuList li a.nav-language {
  margin-left: 38.5px;
  margin-right: 50px;
  margin-top: 12px;
  background-image: url("./language-change-black.png");
  width: 50px !important;
  height: 18px !important;
  background-size: 50px;
  padding: 0px;
  height: 12px !important;
}
.menuList li a.nav-language:hover {
  background-position-x: 0px;
  background-position-y: 12px !important;
}
#loginBtnMobile,
#logoutBtnMobile {
  border: 1px solid #ed3933;
  padding: 7px 14px 6px 15px;
  border-radius: 3px;
  color: white;
  background: #ed2024;
  font-size: 12px;
  margin-top: 20px;
  float: right;
}
#loginBtnDesk,
#logoutBtnDesk {
  display: none;
  border: 1px solid #ed3933;
  padding: 8px 14.5px 8px 14.5px;
  border-radius: 3px;
  color: white;
  background: #ed2024;
  font-size: 12px;
  margin-top: 0px;
  float: right;
}
#loginBtnDesk:hover,
#logoutBtnDesk:hover {
  background-color: #dc0e0e !important ;
}

.MenuBar {
  float: right;
}
.main-div {
  min-height: 83vh;
}
.sidetoggle {
  margin-left: 50px;
  font-size: 14px;
  vertical-align: bottom;
}
.accordian-img {
  padding-top: 18px;
}

.img-background {
  background: url("./home_background.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: flex;
  align-items: center;
}

.main-logo {
  width: 80%;
  height: 80%;
  margin: auto;
  margin-top: 0%;
  margin-bottom: 10% !important;
}

.book-heading {
  color: #f7d749;
  font-weight: 500;
  /* padding: 50px; */
  text-align: center;
  font-size: 0.8em;
  line-height: 35px;
}

.header {
  font-size: 1em;
  text-align: center;
  color: white;
  /* line-height: 22px; */
}

.footer-note {
  background: #fbdb4b;
  color: #000000;
  text-align: center;
  font-size: 15px;
  padding: 14px;
  height: 46px;
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.footer-img {
  margin-bottom: 15px !important;
  width: 82px;
  height: 34px;
}
*/ .rm0 {
  margin-right: 0% !important;
}

.noofcopies {
  font-size: 2em;
}

.nav-items {
  text-decoration: none;
  display: block;
  color: #062660 !important;
}

.nav-items:visited {
  color: #062660;
}

.sidenav .sidebar-header {
  padding: 20px;
  background-color: #524040;
  color: #fff;
}

.sidenav .sidebar-header a {
  color: white !important;
  text-decoration: none;
  font-size: 18px;
  display: block;
}

#itemList {
  opacity: 0;
  transition: 0.1s;
}

.box_shadow {
  box-shadow: 0px 5px 10px #666666;
}

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  background-color: #fff;
  overflow: auto;
  transition: 0.5s;
}

.sidenav li {
  padding: 4% 4%;
  display: block;
  border-bottom: 1px solid #dcdcdc;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

ul li {
  list-style: none;
}

ul {
  padding: 0px !important;
}

.userIcon {
  height: 40px !important;
  width: 40px !important;
}

.userName {
  padding-left: 5px;
  align-self: center;
  opacity: 0;
  transition: 0.1s;
}

.phoneNo {
  padding-left: 10px;
  text-decoration: none;
}

.phoneNo:visited,
.phoneNo:link,
.phoneNo:visited,
.phoneNo:focus {
  color: #ed3933;
}

.sidebar_icon {
  width: 25px;
  cursor: pointer;
}

.nav-language {
  width: 50px !important;
  background-size: 50px;
  padding: 0px;
  background-position-y: 24px;
  height: 12px !important;
}

.nav-language-top {
  background-image: url(./language-change-black.png);
  width: 50px !important;
  background-size: 50px;
  padding: 0px;
  background-position-y: 24px;
  height: 12px !important;
}

.nav-language:hover {
  background-position-x: 0px;
  background-position-y: 12px;
}

@media only screen and (max-width: 600px) {
  #language-change-icon img {
    height: 15px !important;
    width: 60px !important;
    float: right;
    margin-top: 13px;
  }
}
@media (max-width: 320px) {
  .progrssBarRow {
    padding-top: 30px !important;
  }
}

.nav-items {
  text-decoration: none;
  display: block;
  color: #062660 !important;
}

.nav-items:visited {
  color: #062660;
}

.sidenav .sidebar-header {
  padding: 20px;
  background-color: #524040;
  color: #fff;
}

.sidenav .sidebar-header a {
  color: white !important;
  text-decoration: none;
  font-size: 18px;
  display: block;
}

#itemList {
  opacity: 0;
  transition: 0.1s;
}

.box_shadow {
  box-shadow: 0px 5px 10px #666666;
}

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 100;
  top: 0;
  right: 0;
  background-color: #fff;
  overflow: auto;
  transition: 0.5s;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

ul li {
  list-style: none;
}

ul {
  padding: 0px !important;
}

.userIcon {
  height: 40px !important;
  width: 40px !important;
}

.userName {
  padding-left: 5px;

  opacity: 0;
  transition: 0.1s;
}

.phoneNo {
  padding-left: 10px;
  text-decoration: none;
}

.phoneNo:visited,
.phoneNo:link,
.phoneNo:visited,
.phoneNo:focus {
  color: #ed3933;
}

.sidebar_icon {
  width: 25px;
  cursor: pointer;
}

.nav-language:hover {
  background-position-x: 0px;
  background-position-y: 12px;
}

.chat-bg {
  width: 375px;
  height: 65px;
  background-color: #0069be;
  object-fit: contain;
}

.chat-bg .btn-back {
  margin: 25px;
  width: 20px;
  height: 15px;
  object-fit: contain;
}

.chat-bg-desktop {
  width: 375px;
  height: 65px;
  background-color: #e6e8ed;
  object-fit: contain;
}

.chat-bg-desktop .btn-back {
  margin: 25px;
  width: 20px;
  height: 15px;
  object-fit: contain;
}

.how-may-i-help-you {
  width: 173px;
  height: 18px;
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.1px;
  color: #ffffff;
}

.modal {
  position: fixed;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 120px;
}

#overlay {
  position: fixed; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black background with opacity */
  z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}

.hideModal {
  z-index: -1;
  opacity: 0;
  /*animation: hide .25s;*/

  transform: scale(0);
}
@keyframes hide {
  from {
    z-index: 2;
    transform: scale(1);
    opacity: 1;
  }
  to {
    z-index: -1;
    transform: scale(0);
    opacity: 0;
  }
}
.showModal {
  opacity: 1;
  z-index: 2;
  /*animation: show .2s;*/

  transform: scale(1);
}
@keyframes show {
  from {
    transform: scale(0);
    opacity: 0;
    z-index: -1;
  }
  to {
    transform: scale(1);
    opacity: 1;
    z-index: 2;
  }
}
.language-btn-vibration {
  animation: shake 1s;
}

.icon-button {
  border-radius: 2.6rem;
  cursor: pointer;
  display: inline-block;
  font-size: 1.3rem;
  height: 2.6rem;
  line-height: 2.6rem;
  margin: 0 5px;
  position: relative;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 2.6rem;
  background: #fff;
  box-shadow: 2px 2px 6px 0px #ccc;
}

/* Circle */
.icon-button span {
  border-radius: 0;
  display: block;
  height: 0;
  left: 50%;
  margin: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  width: 0;
}
.icon-button:hover span {
  width: 2.6rem;
  height: 2.6rem;
  border-radius: 2.6rem;
  margin: -1.3rem;
}

/* Icons */
.icon-button i {
  background: none;
  color: white;
  height: 2.6rem;
  left: 0;
  line-height: 2.6rem;
  position: absolute;
  top: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  width: 2.6rem;
  z-index: 1;
}

.twitter span {
  background-color: #4099ff;
}
.facebook span {
  background-color: #3b5998;
}
.google-plus span {
  background-color: #db5a3c;
}
.tumblr span {
  background-color: #34526f;
}
.instagram span {
  background-color: #517fa4;
}
.youtube span {
  background-color: #bb0000;
}
.pinterest span {
  background-color: #cb2027;
}

.icon-button .icon-twitter {
  color: #4099ff;
}
.icon-button .icon-facebook {
  color: #3b5998;
}

.icon-button .fa-tumblr {
  color: #34526f;
}
.icon-button .icon-google-plus {
  color: #db5a3c;
}
.icon-button .fa-instagram {
  color: #517fa4;
}
.icon-button .fa-youtube {
  color: #bb0000;
}
.icon-button .fa-pinterest {
  color: #cb2027;
}

.icon-button:hover .icon-twitter,
.icon-button:hover .icon-facebook,
.icon-button:hover .icon-google-plus,
.icon-button:hover .fa-tumblr,
.icon-button:hover .fa-instagram,
.icon-button:hover .fa-youtube,
.icon-button:hover .fa-pinterest .icon-button:hover .fa-instagram {
  color: white;
}

@media all and (max-width: 680px) {
  .icon-button:hover span {
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 1.6rem;
    margin: -0.8rem;
  }
  .pinterest {
    display: none;
  }
}

/* ------------------------------------------------------------------------------------------------ */

.border-orange {
  border: 2px solid #ed2024;
}

.db-other-logo-card {
  box-shadow: 0 0 6px 0 #ccc;
  transition: 0.3s;
  background: #fff;
  padding: 20px 15px !important;
}

.social-media-icon {
  border-radius: 35px;
  height: 40px;
  width: 40px;
  padding: 10px !important;
  margin: 0 5px;
}

.button {
  /* background-color: #ed3933; */
  border: none;
  /* color: #f1f1f1; */
  padding: 10px 10px 10px 10px !important;
  text-align: center;
  font-size: 15px;
  cursor: pointer;
  border-radius: 3px;
  letter-spacing: 0.23px;
}
.carousel-fade .carousel-item {
  z-index: 0;
}
.carousel-indicators {
  top: 32rem;
}
.gif {
  height: 500px;
}
.carousel-indicators li {
  background-color: #ed3933;
  width: 15px;
  height: 5px;
  margin-right: 7px;
  margin-left: 7px;
  border-radius: 100%;
  background-clip: unset !important;
  border-top: 10px solid transparent;
  border-bottom: unset !important;
}
.carousel-control-prev-icon {
  background-image: url("./suneel/prev.svg") !important;
}

.carousel-control-next-icon {
  background-image: url("./suneel/next.svg") !important;
}

.carousel-caption {
  padding-bottom: 0px !important;
}

.adbookBtn {
  background-color: #ed3933;
  border: none;
  padding: 17px 50px;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  cursor: pointer;
  border-radius: 3px;
}

.button:hover {
  background-color: #dc0e0e !important;
  color: #ffffff !important;
}
.diversebuttons {
  background-color: #ed3933;
  border: none;
  color: #f1f1f1;
  padding: 5px 18px 5px 19px;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
  border-radius: 3px;
  letter-spacing: 0.23px;
  width: 100%;
  height: 50px;
}
.diversebuttons:hover {
  background-color: #dc0e0e !important;
}
#Location,
#adTypename,
#categoryName {
  background-color: #006bbd;
  border: 1px solid #ffffff;
  height: 60px;
  color: #b0d0e8;
  font-family: NotoSans-Medium;
  font-weight: normal;
}
.adTypeDetails {
  height: 130px;
  color: #717171 !important;
}
@media (max-width: 376px) {
  .categoryCardDetails {
    height: 265px !important;
  }
  .popularCategories .categoryList {
    height: 600px;
  }
}
.categoryCardDetails {
  height: 200px;
  color: #717171 !important;
}

.adTypeTitle {
  height: 62px;
}

#howItWorkDiv .main-head {
  padding-bottom: 10px;
  font-size: 36px;
  color: #062660;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
  font-size: 14px;
}

.btn {
  margin: 7px;
}

.button-spacing {
  padding-bottom: 32px;
}

.card-main {
  position: relative;
  bottom: -125px;
  margin-bottom: 50px;
  margin-top: 0px;
  padding: 0 75px;
}

.card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;

  font-weight: 500;
  font-size: 1.5rem;
  color: #062660;

  box-shadow: 0 0 6px 0 #ccc;
}

.card-adType {
  padding: 35px;
  transition: 0.3s;
  min-height: 400px;
  background-color: #06599b;
  color: #062660;
  border: 1px solid #ccc;
  font-family: "Noto Sans";
  transition: all 0.5s;
}
.card-adType:hover {
  transform: translate3d(0px, -10px, 0px);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.card img {
  height: auto;
  margin: auto;
  width: 100%;
}

.card-container {
  text-align: center;
  word-wrap: break-word;
  margin-top: 50px;
}

.panel-title a {
  display: block;
  font-size: 1.1rem;
  color: #062660;
  padding: 15px;
  font-weight: normal;
}
.panel-title a:after {
  font-family: "FontAwesome";
  font-style: normal;
  font-size: 2.5rem;
  content: "\f106";
  color: #000;
  float: right;
  margin-top: -12px;
}
.panel-title .collapsed:after {
  font-family: "FontAwesome";
  font-style: normal;
  font-size: 2.5rem;
  content: "\f107";
  color: #000;
  float: right;
  margin-top: -12px;
}

.panel-body p {
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: medium;
  font-weight: 500;
  color: #052660;
}

.panel-body b {
  font-weight: bold;
}

.card-container .heading {
  font-size: 18px;
  font-weight: 600;
  margin-top: 15px;
  padding: 10px 0px;
}

.card-container .description {
  margin-bottom: 10px;
  height: 70px;
  opacity: 0.7;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: 0.1px;
  color: #ffffff;
}

.card-offer {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  transition: 0.3s;
  /*min-height: 250px;*/
  background-color: #f2f2f2;
}

.card-offer:hover {
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}

.card-container-offer {
  padding: 15px;
  text-align: center;
  word-wrap: break-word;
  height: 250px;
}

.card-cost-offer {
  background-color: #a4a4a4;
  text-align: center;
  padding: 10px 0px;
  font-weight: bold;
}

.mouse-pointer {
  cursor: pointer;
}

#photos {
  /* Prevent vertical gaps */
  -webkit-column-count: 6;
  -webkit-column-gap: 15px;
  -moz-column-count: 6;
  -moz-column-gap: 15px;
  column-count: 6;
  column-gap: 15px;
  padding-top: 50px;
  padding: 30px;
  min-height: 450px;
  overflow: hidden;
}

#photos img {
  /* Just in case there are inline attributes */
  width: 100% !important;
  height: auto !important;
  padding: 5px 1px 6px 1px;
  display: inline-block;
}

.dropdown {
  width: 150px;
  margin: auto;
}

.btn-sm {
  margin: 7px;
}
::-webkit-input-placeholder {
  /* Edge */
  color: #b0d0e8;
  font-size: 14px;
}

#howItWorkDiv {
  padding: 70px 100px 20px 100px;
  justify-content: center;
}
#dbGroup {
  background-color: #ffffff;
  /*padding:80px;*/
}
#homePageFooterDiv {
  background-color: #e6e8ed;
  padding-top: 100px;
  padding-bottom: 60px;
}
.dblogos .col-md-4 {
  padding: 15px !important;
}

.popularCategories {
  padding-left: 25px;
  padding-right: 25px;
  background-color: #e6e8ed;
  text-align: center;
}
.categoryList {
  background-color: #ffffff;
  padding: 10px 15px 10px 15px;
  text-align: center;
  border-radius: 5px;
  transition: all 0.5s;
  max-width: 20rem;
}
.categoryList:hover .bookAdBtn .book-ad-hover {
  color: white;
}
.book-ad-hover {
  color: #cd2024;
}
.categoryList:hover img {
  transform: translate3d(0px, -10px, 0px);
  transition: all 0.5s;
}
.categoryList:hover .bookAdBtn {
  background: #ed2024;
  color: #fff;
}

.categoryList:hover .book-ad-hover:hover {
  color: #fff !important;
  background-color: #ed2024;
}

.categoryHeader {
  font-size: 30px;
  padding-bottom: 40px;
}
.categoryList img {
  height: 70px;
  width: 70px;
}
.ad-type-card {
  padding-top: 40px;
}

.ad-type-card img {
  width: 250px;
  align-content: center;
}
.adtype {
  padding: 250px 150px 100px 150px;
}
.categoryDescrption {
  height: 85px;
  margin-bottom: 75px;
  font-family: NotoSans-Medium;
  font-weight: normal;
}
.tryItNowDiv {
  padding: 70px 141px 70px 150px;
  background-color: #006bbd;
}
.tryItHeader {
  color: #fad625;
}
.location {
  width: 25px;
}
#bookAdButton {
  padding: 21px 62.3px 21px 60.5px;
  margin: 0px !important;
  font-size: 14px;
}
.reserveLineDiv {
  color: #a9a9a9;
  font-size: 14px;
  padding: 15px;
}
.tryItNowMesg {
  padding-bottom: 30px;
}

.logos-mobile {
  height: 45px !important;
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .logos {
    height: 45px !important;
  }

  .spacing {
    padding: 50px 70px 50px 70px;
    text-align: center;
  }
  .adtype {
    padding: 250px 100px 100px 100px;
  }
  #bookAdButton {
    width: 100%;
    padding: 17px 32px;
  }
  .tryNowHeader {
    font-size: 20px;
  }
  .ad-type-card div {
    padding-bottom: 100px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  #bookAdButton {
    width: 100%;
    padding: 17px 32px;
  }
  .categoryListDiv {
    padding-left: 60px;
    padding-right: 60px;
  }
  .logos {
    height: 45px !important;
  }
  .ad-type-card div {
    padding-bottom: 100px;
  }
}
@media (max-width: 576px) {
  .db-other-logo-card {
    padding: 20px 60px !important;
    margin-bottom: 15px;
  }
  .backgroundForMobile {
    background-color: #e6e8ed;
  }
  .toppaddingForMobile {
    padding-top: 40px;
  }
  .adTypeTitle {
    height: auto !important;
  }
  .categoryList {
    padding: 0px 20px 20px !important;
  }

  .diversebuttons {
    margin-top: 20px;
    width: 100%;
    height: 50px;
  }
  #latesBlog {
    font-size: 16px !important;
    margin-bottom: 0px !important;
  }
  .diverseAdTypeHeader {
    font-size: 24px;
  }

  #popularCategoryHeader {
    font-size: 24px;
  }
  .tryNowHeader {
    font-size: 20px;
  }
  #howItWorkDiv .main-head {
    font-size: 20px;
  }
  .categoryHeader {
    padding-bottom: 20px;
  }
  #homePageFooterDiv {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  #bookAdButton {
    width: 100%;
  }

  .adTypeDetails {
    padding-top: 15px;
    height: auto;
  }
  .ad-type-card p {
    margin-bottom: 0px !important;
  }
  .ad-type-card div {
    padding-bottom: 40px;
  }
  #diverseAdLabel {
    font-size: 14px;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .nav-link,
  a {
    padding: -1px 10px 15px 10px !important;
    color: #062660;
    text-decoration: none;
  }
  .nav-link {
    display: inline !important;
  }

  .nav-link-active {
    color: #007bff;
  }
  #dbLogoFooter {
    width: 150px !important;
  }
  #dbAboutUsList {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
  }
  .adbookBtn {
    padding: 17px 149px;
  }
  .popularCategoriesSlider {
    padding: 0px 30px 0px 30px;
  }
  .adtype {
    padding: 80px 30px 50px 30px;
  }
  #dbGroup {
    padding: 50px 30px 50px 30px;
  }
  #groupHeader {
    font-size: 20px !important;
    padding-top: 30px;
    padding-bottom: 20px !important;
  }
  #dbEpaper {
    position: relative;
    /* top:-40px; */
    margin-bottom: 30px;
  }
  /* Styling for the custom arrow buttons */

  /* Arrows */
  .slick-prev,
  .slick-next {
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
  }
  .slick-prev:hover,
  .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent;
  }
  .slick-prev:hover:before,
  .slick-prev:focus:before,
  .slick-next:hover:before,
  .slick-next:focus:before {
    opacity: 1;
  }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25;
  }

  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    font-weight: bold;

    opacity: 0.75;
    color: red;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .slick-prev {
    left: -25px;
  }
  [dir="rtl"] .slick-prev {
    right: -25px;
    left: auto;
  }
  .slick-prev:before {
    font-family: "FontAwesome";
    content: "\f104";
  }
  [dir="rtl"] .slick-prev:before {
    font-family: "FontAwesome";
    content: "\f104";
  }

  .slick-next {
    right: -25px;
  }
  [dir="rtl"] .slick-next {
    right: auto;
    left: -25px;
  }
  .slick-next:before {
    font-family: "FontAwesome";
    content: "\f105";
  }
  [dir="rtl"] .slick-next:before {
    font-family: "FontAwesome";
    content: "\f105";
  }

  /* Dots */
  .slick-dotted.slick-slider {
    margin-bottom: 30px;
  }

  /* .slick-dots {
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
  }
  .slick-dots li {
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
  }
  .slick-dots li button {
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
  }
  .slick-dots li button:hover,
  .slick-dots li button:focus {
    outline: none;
  }
  .slick-dots li button:hover:before,
  .slick-dots li button:focus:before {
    opacity: 1;
  }
  .slick-dots li button:before {
    font-family: "slick";
    font-size: 40px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: "•";
    text-align: center;

    opacity: 0.25;
    color: red;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .slick-dots li.slick-active button:before {
    opacity: 0.75;
    color: red;
  } */

  #locationName {
    font-size: 14px !important;
    color: #ed3933 !important;
    font-weight: bold;
    letter-spacing: 0.21px;
  }
  #loaction {
    height: 35px !important;
    width: 35px !important;
  }
  #dbMesg {
    padding: 20px 0px 30px 0px !important;
  }

  .spacing {
    padding: 0px 30px 0px 30px !important;
    text-align: center;
  }
  .tryItNowDiv {
    padding: 90px 30px 120px 30px;
  }
  #howItWorkDiv {
    padding: 80px 0px 50px 0px;
  }
  .location {
    width: 20px;
  }
  .categoryDescrption {
    height: auto;
    margin-bottom: 55px !important;
  }
}

.logos {
  height: 55px;
  margin-bottom: 5px !important;
}

.col-md-2 {
  text-align: center;
}
#groupHeader {
  font-size: 30px;
  color: #062660;
  padding-bottom: 40px;
}
#dbAboutUsList {
  list-style: none;
  color: #062660;
  padding-top: 15px;
  line-height: 30px;
}
#dbAboutUsList li {
  display: inline;
  cursor: pointer;
}
#dbMesg {
  color: #062660;
  padding-top: 15px;
  padding-bottom: 15px;
}
#dbAdepapaer img {
  width: 450px;
  position: absolute;
  top: 15%;
}
#dbAdPrototype img {
  width: 190px;
  margin-bottom: 70px;
  /* margin-top: 70px; */
}
.mt-5,
.my-5 {
  margin-top: 4rem !important;
}
#locationName {
  font-size: 16px;
  color: #062660;
  margin-left: 5px;
}
#diverseAdLabel {
  padding-left: 20%;
  padding-right: 20%;
}

@media (min-width: 768px) and (max-width: 850px) {
  .d-ipad-none {
    display: none !important;
  }

  .d-ipad {
    display: block !important;
    flex: 0%;
  }
}
@media (max-width: 320px) {
  .gif {
    height: 425px !important;
  }
  .carousel-indicators {
    top: 27rem !important;
  }
}

.sectionHeading {
  font-size: 34px !important;
  font-weight: bold;
  color: #000 !important;
}

.seeAllCat {
  color: #ed2024 !important;
  transition: all 0.5s;
}

.seeAllCat:hover {
  color: #fff !important;
  background-color: #ed2024;
}

.hide {
  display: none !important;
}

/* ----------------------feedback modal-------------------- */

@media (max-width: 576px) {
  .verify-otp-button {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 111;
    height: 50px;
    margin-top: 0px !important;
  }

  .screen-size {
    width: 100px;
  }
}

.container-block {
  display: flex;
  justify-content: center;
  justify-items: center;
}

.button-disable {
  pointer-events: none;
  opacity: 0.5;
  background-color: #ed3933 !important;
  border: none;
  color: white;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  width: 150px;
  padding: 10px 0;
  border-radius: 3px;
}

.link-options {
  color: black;
  text-decoration: none;
  background-color: transparent;
  font-size: 15px;
  margin: 0 10px;
  font-weight: 500;
}

.link-options:hover {
  color: #e75827 !important;
}

.block-disable {
  pointer-events: none;
  opacity: 0.5;
  cursor: default;
}

.rating {
  float: left;
}

.rating:not(:checked) > input {
  position: absolute;
  top: -9999px;
  clip: rect(0, 0, 0, 0);
}

.rating:not(:checked) > label {
  float: right;
  width: 1em;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  font-size: 200%;
  line-height: 1.2;
  color: #ddd;
}

.input-comment {
  width: 100%;
  border: 1px solid #e7e7e7;
  padding: 12px;
  margin-top: 16px;
  color: #707070;
}

.text-rating {
  font-style: italic;
  color: #444444;
}

.rating:not(:checked) > label:before {
  content: " ★ ";
}

.rating > input:checked ~ label {
  color: #f70;
}

.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
  color: gold;
}

.rating > input:checked ~ label:hover,
.rating > input:checked ~ label:hover ~ label,
.rating > label:hover ~ input:checked ~ label {
  color: #ea0;
}

.circle-loader {
  margin-bottom: 1.5em;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-left-color: #5cb85c;
  animation: loader-spin 1.2s infinite linear;
  position: relative;
  display: inline-block;
  vertical-align: top;
  border-radius: 50%;
  width: 7em;
  height: 7em;
}
.load-complete {
  -webkit-animation: none;
  animation: none;
  border-color: #5cb85c;
  transition: border 500ms ease-out;
}
.check-mark {
  display: none;
}
.check-mark.draw:after {
  animation-duration: 800ms;
  animation-timing-function: ease;
  animation-name: checkmark;
  transform: scaleX(-1) rotate(135deg);
}
.check-mark:after {
  opacity: 1;
  height: 3.5em;
  width: 1.75em;
  transform-origin: left top;
  border-right: 3px solid #5cb85c;
  border-top: 3px solid #5cb85c;
  content: "";
  left: 1.75em;
  top: 3.5em;
  position: absolute;
}
@keyframes loader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes checkmark {
  0% {
    height: 0;
    width: 0;
    opacity: 1;
  }
  20% {
    height: 0;
    width: 1.75em;
    opacity: 1;
  }
  40% {
    height: 3.5em;
    width: 1.75em;
    opacity: 1;
  }
  100% {
    height: 3.5em;
    width: 1.75em;
    opacity: 1;
  }
}

.satisfied-unsatisfied {
  border: 0.5px solid #e6e8eb;
  box-shadow: 3px 3px 3px #e6e8eb;
  border-radius: 5px;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  color: #707070;
}

.container {
  display: flex;
  flex-direction: column;
}

.options {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.fa-check-circle {
  color: gray;
  font-size: 27px;
}

@media (max-width: 576px) {
  .spacing {
    padding: 0px 30px 0px 30px !important;
    text-align: center;
  }
}
.option-text {
  text-align: center;
  font-size: 14px;
  padding: 2.5px;
}

.option-in {
  display: flex;
  justify-content: space-between;
}

.container-in {
  display: flex;
  justify-items: center;
}

.last-screen {
  align-items: center;
  margin-bottom: 30px;
}

.logo-in {
  border: 0.5px solid #e6e8eb;
  box-shadow: 3px 3px 3px #e6e8eb;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  align-items: center;
  padding: 17px;
  margin-left: 40%;
  margin-bottom: 20px;
  margin-top: 30px;
}

.option-selected {
  color: #60ce60;
}

.option-unselected {
  color: #9e9e90;
}
/* Side bar css */

.nav-items {
  text-decoration: none;
  display: block;
  color: #062660 !important;
  cursor: pointer;
}

.nav-items:visited {
  color: #062660;
}

.nav-footer {
  background-color: #ffffff;
  width: inherit;
}

.sidenav .sidebar-header {
  padding: 20px;
  background-color: #524040;
  color: #fff;
}

.sidenav .sidebar-header a {
  color: white !important;
  text-decoration: none;
  font-size: 18px;
  display: block;
}

#itemList {
  opacity: 0;
  transition: 0.1s;
}

.box_shadow {
  box-shadow: 0px 5px 10px #666666;
}

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #fff;
  overflow-x: hidden;
  transition: 0.5s;
}

.sidenav li {
  padding: 4% 4%;
  display: block;
  border-bottom: 1px solid #dcdcdc;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

ul li {
  list-style: none;
}

ul {
  padding: 0px !important;
}

#footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px;
  font-size: 18px;
}

.userIcon {
  height: 40px !important;
  width: 40px !important;
}

.userName {
  padding-left: 5px;
  align-self: center;
  opacity: 0;
  transition: 0.1s;
}

.phoneNo {
  padding-left: 10px;
  text-decoration: none;
}

.phoneNo:visited,
.phoneNo:link,
.phoneNo:visited,
.phoneNo:focus {
  color: #ed3933;
}

.sidebar_icon {
  width: 25px;
  cursor: pointer;
}

.nav-language:hover {
  background-position-x: 0px;
  background-position-y: 12px;
}

@media only screen and (max-width: 600px) {
  #language-change-icon img {
    height: 15px !important;
    width: 60px !important;
    float: right;
    margin-top: 13px;
  }

  .sidenav {
    right: 0 !important;
    left: auto !important;
    z-index: 999999999;
  }
}
.footer-background {
  box-shadow: 0 0 15px 0 #dadada;
  background-size: cover;
}

@media (max-width: 576px) {
  #header-position-rel,
  .header-position-rel {
    position: relative;
    top: 30px;
  }
}
.bgclr-F0F2F8 {
  /* background-color: #f0f2f8; */
}
.video-iframe {
  height: 250px;
  padding: 10px;
}
@media (max-width: 575px) {
  .video-iframe {
    height: 200px !important;
    padding: 10px;
  }
}

@media (min-width: 576px) and (max-width: 768px) {
  .video-iframe {
    height: 300px !important;
    padding: 10px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .video-iframe {
    height: 300px !important;
    padding: 10px;
  }
}

@media (min-width: 375px) {
  .feed-back-view {
    margin-top: 3rem !important ;
  }
}
@media (min-width: 393px) {
  .feed-back-view {
    margin-top: 6rem !important ;
  }
}

ol {
  counter-reset: list;
}

ol.li-marker > li {
  list-style: none;
  position: relative;
}

ol.li-marker > li:before {
  counter-increment: list;
  content: counter(list, lower-alpha) ". ";
  position: absolute;
  left: -1.2em;
}

.cardParent {
  width: 98%;
  overflow-x: auto;
  background: #ffffff;
}

.container-1 {
  background: #ffffff;
  display: flex;
  justify-content: flex-start; /* Start align the cards horizontally */
  padding: 10px;
  white-space: nowrap; /* Prevent cards from wrapping */
}

.cardView {
  border-style: solid;
  border-color: #ed2024;
  height: 7rem;
  min-width: 12.5rem;
  flex: 0 0 auto;
  background-color: #fafbff;
  border-radius: 8px;
  padding: 20px;
  margin-right: 10px;
}

#setScrolling #left-container-parent .container-fluid div div .tac.dib {
  border: 1px solid gray;
}

@media (min-width: 576px) {
  #header-position-rel,
  .header-position-rel {
    position: relative;
    top: 90px;
  }
  .cardParent {
    width: 100%;
    overflow-x: hidden;
    scrollbar-width: none;
  }

  .container-1 {
    justify-content: center;
    margin-left: 3rem;
    margin-right: 3rem;
  }

  .cardView {
    margin-right: 20px;
    min-width: 225px;
  }
}

.newFooter {
  background: #1d1d1b;
  color: #ffffff;
  padding-left: 3%;
  padding-right: 5%;
  padding-top: 3%;
}
.logo-inner1 {
  height: 25px;
}
.footer-heading {
  font-size: 16px;
  text-align: left;
  /* margin-left: 5px; */
  margin-bottom: 3px;
}
.footer-page-link {
  font-size: 14px;
  padding-top: 7px;
}
.book-ad-hover:hover {
  text-decoration: none;
}

#loaderOverlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.spinner {
  width: 60px;
  height: 60px;
  border: 6px solid #ccc;
  border-top: 6px solid #007bff;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* PROGRESSBAR START */

.progressbar-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 17px auto;
  width: 85%;
}

.progress-line {
  flex: 1;
  height: 6px;
  background-color: #ccc;
  transition: background-color 0.3s ease;
}
.progress-line.active {
  background-color: red;
}

.progress-step {
  flex-shrink: 0;
  width: 25px;
  height: 25px;
  background-color: #ccc;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: bold;
  color: white;
  transition: background-color 0.3s ease;
}
.progress-step.active {
  background-color: red;
}

/* ========== MOBILE (up to 576px) ========== */
@media (max-width: 576px) {
  .progressbar-container {
    display: none;
  }
}

/* ========== TABLET (576px to 768px) ========== */
@media (min-width: 577px) and (max-width: 768px) {
  .progressbar-container {
    /* width: 90%; */
    margin: 12px 75px;
  }
  .progress-step {
    width: 20px;
    height: 20px;
    font-size: 10px;
  }
  .progress-line {
    height: 5px;
    width: 10px !important;
  }
}

/* ========== LAPTOP (769px to 992px) ========== */
@media (min-width: 769px) and (max-width: 992px) {
  .progressbar-container {
    /* width: 90%; */
    margin: 12px auto;
  }
  .progress-step {
    width: 22px;
    height: 22px;
    font-size: 11px;
  }
  .progress-line {
    height: 5px;
  }
}

/* ========== DESKTOP (993px and above) ========== */
@media (min-width: 993px) {
  .progressbar-container {
    /* width: 90%; */
    margin: 5px auto;
  }
  .progress-step {
    width: 25px;
    height: 25px;
    font-size: 12px;
  }
  .progress-line {
    height: 6px;
    width: 20px !important;
  }
}

/* PROGRESSBAR END */

@media (max-width: 426px) {
  #header-position-rel #dbMesg {
    margin-top: 50px;
    text-align: left;
    color: black;
    margin-bottom: -15px;
  }
  .heroSectionLine {
    display: none;
  }
  #header-position-rel .spacing .row.align-items-center.d-flex {
    margin-bottom: -54px;
  }
  #mainpage .section .wrapper-content .adtypeheader {
    margin-top: -25px;
    margin-bottom: -15px;
  }
}
@media (max-width: 328px) {
  #navbar-header #header-menu .header-contact-child a {
    font-size: 15px;
  }
}

@media (max-width: 426px) and (min-width: 321px) {
  #mainpage .section .wrapper-content {
    padding-left: 35px;
    padding-right: 25px;
    /* padding: 25px; */
  }
}

@media (max-width: 382px) {
  .popularCategories
    .popularCategoriesSlider
    .slider
    .slick-list
    .slick-track
    .categoryListDiv {
    width: 260px;
  }
}

@media (max-width: 376px) {
  .popularCategories
    .popularCategoriesSlider
    .slider
    .slick-list
    .slick-track
    .categoryListDiv {
    width: 260px;
  }
}

@media (min-width: 321px) and (max-width: 376px) {
  .popularCategories .categoryList {
    height: 600px;
  }

  .categoryCardDetails {
    height: 310 !important;
  }
}

#howItWorkDiv .l-translate p {
  font-size: 24px;
  font-weight: bolder;
  margin-left: 10px;
  color: black;
}
.section .wrapper-content .row .textCentre .head {
  font-size: 24px;
  font-weight: bolder;
}
.header-contact-child a {
  display: inline-block !important;
  margin-top: 5px !important;
  /* font-size: 15px !important; */
}
#release_date {
  padding-top: 4px !important;
  font-size: 15px;
  width: 80px;
}
.info {
  position: relative; /* parent ko reference banata hai */
  display: inline-block;
}

.info .infotext {
  visibility: hidden;
  width: 150px;
  background-color: black;
  color: #fff;
  text-align: left;
  border-radius: 6px;
  padding: 7px;
  position: absolute;
  top: 100%; /* ⬅️ icon ke just niche dikhane ke liye */
  left: 100%;
  transform: translateX(-95%); /* ⬅️ center me align karega */
  z-index: 1;
  font-size: 11px;
  text-transform: initial;
  word-wrap: break-word;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  margin-top: -15px; /* thoda gap niche */
}

.info:hover .infotext {
  visibility: visible;
  opacity: 1;
}

@media (max-width: 320px) {
  .categoryCardDetails p {
    font-size: 13px;
  }
  .fc-blue {
    font-size: 14px;
  }
  span.input-group-addon {
    width: 100% !important;
  }
  .header-contact-child a {
    font-size: 15px !important;
  }
  img[_ngcontent-ehx-c5] {
    width: 30% !important;
    height: 30% !important;
    margin-left: 37% !important;
    margin-right: 37% !important;
    display: block !important;
  }
  .category-select .tac.dib .category_name {
    font-size: 13px;
  }
  img.iconInvert.icon {
    height: 60px;
    width: 65px;
  }
  .popularCategories .categoryList {
    height: 545px !important;
  }

  .categoryCardDetails {
    height: 400 !important;
  }
  .categoryList {
    position: relative;
  }
  .categoryListDiv .categoryList .bookAdBtn {
    position: absolute;
    margin-left: -4%;
    bottom: 20px;
    width: 85% !important;
    word-wrap: break-word;
    border-radius: 10px;
  }

  #mainpage .section.popularCategories {
    margin-top: -100px !important;
  }
  .section.bg-white.wrapper {
    margin-top: -30px;
  }
  #publishDiv .l-translate {
    text-align: left;
  }
  #howItWorkDiv .l-translate {
    margin-top: -96px;
    margin-left: 10px;
    margin-bottom: -34px;
  }
  #howItWorkDiv .l-translate .text-left .m-3 {
    margin-top: -30px !important;
  }
  #howItWorkDiv .pad20 div ol li.tm10.option1 {
    margin-top: -20px;
  }
  #howItWorkDiv .pad20 div ol li.tm10.option2 {
    margin-top: 40px;
  }
  #howItWorkDiv .pad20 div ol li.tm10.option3 {
    margin-top: 40px;
  }
  #howItWorkDiv .pad20 div ol ul li.l-translate.val1 {
    margin-top: 0px;
  }
  #howItWorkDiv .pad20 div ol ul li.l-translate.val2 {
    margin-top: 0px;
  }
  #howItWorkDiv .pad20 div ol ul li.l-translate.val3 {
    margin-top: 0px;
  }
  .section .wrapper-content .row .textCentre .head {
    margin-top: -73px;
    text-align: left;
    color: black !important;
  }
  .section .wrapper-content .row .textCentre .l-translate {
    text-align: left;
  }
  #testimonial.testimonialBackground.wrapper-content h2.l-translate {
    margin-top: -34px !important;
    text-align: left !important;
  }
  .whyToChooseHeading {
    margin-top: -60px;
    text-align: left;
    background-color: red;
    padding-left: 10px;
  }
  .whyToChooseHeading h3 b {
    font-size: 25px !important;
  }
  .whyToChooseHeading h3 span {
    font-size: 20px;
  }
  .container-fluid.row.col-md-7.row.col-md-4 .col-10 .bpad20 {
    padding-bottom: 0px !important;
    color: red;
    padding-left: 0px !important;
  }
  .container-fluid div.row div.lpad20.lpad20.row1 {
    padding-left: 0px;
    padding-bottom: 0px !important;
    margin-bottom: 0px;
    margin-top: 0px;
  }
  .container-fluid div.row div.lpad20.lpad20.row1 {
    padding-left: 0px;
    padding-bottom: 0px !important;
    margin-bottom: 0px;
    margin-top: 0px;
  }
  .col-10.l-translate.d-inline-block.mt-2.row2 {
    padding-left: 0px;
    padding-bottom: 0px !important;
    margin-bottom: 0px;
    margin-top: 0px;
  }
  .col-10.l-translate.d-inline-block.mt-2.row3 {
    padding-left: 0px;
    padding-bottom: 0px !important;
    margin-bottom: 0px;
    margin-top: 0px;
  }
  .row.bpad20.row2row {
    margin-bottom: -20px !important;
    padding-bottom: 0px;
  }
  #testimonial .wrapper-content.container-fluid.pad20 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-top: 20px !important;
  }
  #testimonial .text-center h2.l-translate {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    /* margin-bottom: 0px !important; */
    margin-bottom: 10px !important;
    margin-left: -10px !important;
    text-align: left;
  }
  #testimonial .text-center div.text-center {
    text-align: left !important;
  }
  .logo-footer {
    width: 40%;
    height: 20%;
  }
}

@media (min-width: 321px) and (max-width: 376px) {
  /* .info .infotext {
    width: 150px !important;
  } */
  .categoryCardDetails p {
    font-size: 13px;
  }
  .fc-blue {
    font-size: 16px;
  }
  .header-contact-child {
    font-size: 17px !important;
  }
  span.input-group-addon {
    width: 100% !important;
  }
  img[_ngcontent-ehx-c5] {
    width: 30% !important;
    height: 30% !important;
    margin-left: 37% !important;
    margin-right: 37% !important;
    display: block !important;
  }
  .category-select .tac.dib .category_name {
    font-size: 13px;
  }
  img.iconInvert.icon {
    height: 62px;
    width: 62px;
  }
  .popularCategories .categoryList {
    height: 485px !important;
  }

  .categoryCardDetails {
    height: 290 !important;
  }
  .categoryList {
    position: relative;
  }
  .categoryListDiv .categoryList .bookAdBtn {
    position: absolute;
    margin-left: -2%;
    bottom: 20px;
    width: 85% !important;
    word-wrap: break-word;
    border-radius: 10px;
  }
  .categoryListDiv .categoryList .bookAdBtn a {
    padding-left: 1px !important;
    padding-right: 1px !important;
    margin-left: 1px !important;
    margin-right: 1px !important;
  }

  #mainpage .section.popularCategories {
    margin-top: -100px !important;
  }
  .section.bg-white.wrapper {
    margin-top: -30px;
  }
  #publishDiv .l-translate {
    text-align: left;
  }
  #howItWorkDiv .l-translate {
    margin-top: -96px;
    margin-left: 10px;
    margin-bottom: -34px;
  }
  #howItWorkDiv .l-translate .text-left .m-3 {
    margin-top: -30px !important;
  }
  #howItWorkDiv .pad20 div ol li.tm10.option1 {
    margin-top: -20px;
  }
  #howItWorkDiv .pad20 div ol li.tm10.option2 {
    margin-top: 40px;
  }
  #howItWorkDiv .pad20 div ol li.tm10.option3 {
    margin-top: 40px;
  }
  /* #howItWorkDiv .pad20 div ol li .tm10 .option2 {
    margin-top: -90px;
    color: green;
  } */
  #howItWorkDiv .pad20 div ol ul li.l-translate.val1 {
    margin-top: 0px;
  }
  #howItWorkDiv .pad20 div ol ul li.l-translate.val2 {
    margin-top: 0px;
  }
  #howItWorkDiv .pad20 div ol ul li.l-translate.val3 {
    margin-top: 0px;
  }
  .section .wrapper-content .row .textCentre .head {
    margin-top: -73px;
    text-align: left;
    color: black !important;
  }
  .section .wrapper-content .row .textCentre .l-translate {
    text-align: left;
  }
  #testimonial.testimonialBackground.wrapper-content h2.l-translate {
    margin-top: -34px !important;
    text-align: left !important;
  }
  .whyToChooseHeading {
    margin-top: -60px;
    text-align: left;
    background-color: red;
    padding-left: 10px;
    /* font-size: 17px !important; */
  }
  .whyToChooseHeading h3 b {
    font-size: 25px !important;
  }
  .whyToChooseHeading h3 span {
    font-size: 20px;
  }
  .container-fluid.row.col-md-7.row.col-md-4 .col-10 .bpad20 {
    padding-bottom: 0px !important;
    color: red;
    padding-left: 0px !important;
  }
  .container-fluid div.row div.lpad20.lpad20.row1 {
    padding-left: 0px;
    padding-bottom: 0px !important;
    margin-bottom: 0px;
    margin-top: 0px;
  }
  .container-fluid div.row div.lpad20.lpad20.row1 {
    padding-left: 0px;
    padding-bottom: 0px !important;
    margin-bottom: 0px;
    margin-top: 0px;
  }
  .col-10.l-translate.d-inline-block.mt-2.row2 {
    padding-left: 0px;
    padding-bottom: 0px !important;
    margin-bottom: 0px;
    margin-top: 0px;
  }
  .col-10.l-translate.d-inline-block.mt-2.row3 {
    padding-left: 0px;
    padding-bottom: 0px !important;
    margin-bottom: 0px;
    margin-top: 0px;
  }
  .row.bpad20.row2row {
    margin-bottom: -20px !important;
    padding-bottom: 0px;
  }
  #testimonial .wrapper-content.container-fluid.pad20 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-top: 20px !important;
  }
  #testimonial .text-center h2.l-translate {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    /* margin-bottom: 0px !important; */
    margin-bottom: 10px !important;
    margin-left: -10px !important;
    text-align: left;
  }
  #testimonial .text-center div.text-center {
    text-align: left !important;
  }
  .logo-footer {
    width: 44%;
    height: 22%;
  }
}

@media (min-width: 377px) and (max-width: 426px) {
  .categoryCardDetails p {
    font-size: 13px;
  }
  .fc-blue {
    font-size: 18px;
  }
  .header-bg {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .grey-bg {
    margin-right: 0px !important;
  }
  .header-contact-child {
    font-size: 20px !important;
  }
  span.input-group-addon {
    width: 100% !important;
  }
  img[_ngcontent-ehx-c5] {
    width: 30% !important;
    height: 30% !important;
    margin-left: 37% !important;
    margin-right: 37% !important;
    display: block !important;
  }
  .category-select .tac.dib .category_name {
    padding-top: 8px;
    font-size: 14px;
    line-height: normal !important;
  }
  img.iconInvert.icon {
    height: 66px;
    width: 64px;
  }

  .popularCategories .categoryList {
    height: 400px !important;
  }

  .categoryCardDetails {
    height: 370 !important;
  }
  .categoryList {
    position: relative;
  }
  .categoryListDiv .categoryList .bookAdBtn {
    position: absolute;
    margin-left: -1%;
    bottom: 20px;
    width: 85% !important;
    word-wrap: break-word;
    border-radius: 10px;
  }
  .categoryListDiv .categoryList .bookAdBtn a {
    padding-left: 1px !important;
    padding-right: 1px !important;
    margin-left: 1px !important;
    margin-right: 1px !important;
  }

  #mainpage .section.popularCategories {
    margin-top: -100px !important;
  }
  .section.bg-white.wrapper {
    margin-top: -30px;
  }
  #publishDiv .l-translate {
    text-align: left;
  }
  #howItWorkDiv .l-translate {
    margin-top: -96px;
    margin-left: 10px;
    margin-bottom: -34px;
  }
  #howItWorkDiv .l-translate .text-left .m-3 {
    margin-top: -30px !important;
  }
  #howItWorkDiv .pad20 div ol li.tm10.option1 {
    margin-top: -20px;
  }
  #howItWorkDiv .pad20 div ol li.tm10.option2 {
    margin-top: 40px;
  }
  #howItWorkDiv .pad20 div ol li.tm10.option3 {
    margin-top: 40px;
  }
  /* #howItWorkDiv .pad20 div ol li .tm10 .option2 {
    margin-top: -90px;
    color: green;
  } */
  #howItWorkDiv .pad20 div ol ul li.l-translate.val1 {
    margin-top: 0px;
  }
  #howItWorkDiv .pad20 div ol ul li.l-translate.val2 {
    margin-top: 0px;
  }
  #howItWorkDiv .pad20 div ol ul li.l-translate.val3 {
    margin-top: 0px;
  }
  .section .wrapper-content .row .textCentre .head {
    margin-top: -73px;
    text-align: left;
    color: black !important;
  }
  .section .wrapper-content .row .textCentre .l-translate {
    text-align: left;
  }
  #testimonial.testimonialBackground.wrapper-content h2.l-translate {
    margin-top: -34px !important;
    text-align: left !important;
  }
  .whyToChooseHeading {
    margin-top: -60px;
    text-align: left;
    background-color: red;
    padding-left: 10px;
    /* font-size: 17px !important; */
  }
  .whyToChooseHeading h3 b {
    font-size: 32px !important;
  }
  .whyToChooseHeading h3 span {
    font-size: 24px;
  }
  .container-fluid.row.col-md-7.row.col-md-4 .col-10 .bpad20 {
    padding-bottom: 0px !important;
    color: red;
    padding-left: 0px !important;
  }
  .container-fluid div.row div.lpad20.lpad20.row1 {
    padding-left: 0px;
    padding-bottom: 0px !important;
    margin-bottom: 0px;
    margin-top: 0px;
  }
  .container-fluid div.row div.lpad20.lpad20.row1 {
    padding-left: 0px;
    padding-bottom: 0px !important;
    margin-bottom: 0px;
    margin-top: 0px;
  }
  .col-10.l-translate.d-inline-block.mt-2.row2 {
    padding-left: 0px;
    padding-bottom: 0px !important;
    margin-bottom: 0px;
    margin-top: 0px;
  }
  .col-10.l-translate.d-inline-block.mt-2.row3 {
    padding-left: 0px;
    padding-bottom: 0px !important;
    margin-bottom: 0px;
    margin-top: 0px;
  }
  .row.bpad20.row2row {
    margin-bottom: -20px !important;
    padding-bottom: 0px;
  }
  #testimonial .wrapper-content.container-fluid.pad20 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-top: 20px !important;
  }
  #testimonial .text-center h2.l-translate {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    /* margin-bottom: 0px !important; */
    margin-bottom: 10px !important;
    margin-left: -10px !important;
    text-align: left;
  }
  #testimonial .text-center div.text-center {
    text-align: left !important;
  }
  .logo-footer {
    width: 46%;
    height: 25%;
  }
}

@media (min-width: 678px) and (max-width: 1024px) {
  .categoryCardDetails p {
    font-size: 14px;
  }
  .fc-blue {
    font-size: 14px;
  }
  .header-bg {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .grey-bg {
    margin-right: 0px !important;
  }
  span.input-group-addon {
    width: 100% !important;
  }
  img[_ngcontent-ehx-c5] {
    width: 30% !important;
    height: 30% !important;
    margin-left: 37% !important;
    margin-right: 37% !important;
    display: block !important;
  }
  .category-select .tac.dib .category_name {
    font-size: 15px;
  }
  img.iconInvert.icon {
    height: 68px;
    width: 68px;
  }

  .popularCategories .categoryList {
    height: 540px !important;
  }

  .categoryCardDetails {
    height: 370 !important;
  }
  .categoryList {
    position: relative;
  }
  .categoryListDiv .categoryList .bookAdBtn {
    /* position: absolute;
    bottom: 30px;
    width: 87%;
    padding-left: 2px !important;
    padding-right: 2px !important;
    word-wrap: break-word; */
    position: absolute;
    margin-left: 0%;
    bottom: 20px;
    width: 85% !important;
    word-wrap: break-word;
    border-radius: 10px;
  }
  .categoryListDiv .categoryList .bookAdBtn a {
    padding-left: 1px !important;
    padding-right: 1px !important;
    margin-left: 1px !important;
    margin-right: 1px !important;
  }
}

@media (min-width: 1025px) and (max-width: 1440px) {
  .categoryCardDetails p {
    font-size: 14px;
  }
  .fc-blue {
    font-size: 17px;
  }
  .header-bg {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .grey-bg {
    margin-right: 0px !important;
  }
  span.input-group-addon {
    width: 100% !important;
  }
  img[_ngcontent-ehx-c5] {
    width: 30% !important;
    height: 30% !important;
    margin-left: 37% !important;
    margin-right: 37% !important;
    display: block !important;
  }
  .category_name.\.ns-med.fs15 {
    margin-top: 16px;
  }
  .popularCategories .categoryList {
    height: 460px !important;
  }

  .categoryCardDetails {
    height:370 !important;
  }
  .categoryList {
    position: relative;
  }
  .categoryListDiv .categoryList .bookAdBtn {
    position: absolute;
    margin-left: 2%;
    bottom: 20px;
    width: 85% !important;
    word-wrap: break-word;
    border-radius: 10px;
  }
  .categoryListDiv .categoryList .bookAdBtn a {
    padding-left: 1px !important;
    padding-right: 1px !important;
    margin-left: 1px !important;
    margin-right: 1px !important;
  }
  #howItWorkDiv {
    padding: 20px 20px 0px 25px;
    justify-content: center;
  }
  #howItWorkDiv .l-translate.text-left.m-3 {
    margin-top: -27px !important;
  }

  #howItWorkDiv .row.pad20 {
    margin-top: -30px !important;
  }
  #mainpage .section.bgclr-F0F2F8.wrapper.bpad3p.tpad3p {
    margin-top: -80px;
  }
  #testimonial .section.testimonialBackground.wrapper.bpad3p {
    margin-bottom: -60px !important;
  }
}

@media (min-width: 1441px) and (max-width: 2560px) {
  .categoryCardDetails p {
    font-size: 14px;
  }
  .fc-blue {
    font-size: 18px;
  }
  .header-bg {
    padding-left: 13px !important;
    padding-right: 13px !important;
  }
  .grey-bg {
    margin-right: 0px !important;
  }
  span.input-group-addon {
    width: 100% !important;
  }
  img[_ngcontent-ehx-c5] {
    width: 30% !important;
    height: 30% !important;
    margin-left: 37% !important;
    margin-right: 37% !important;
    display: block !important;
  }
  .popularCategories .categoryList {
    height: 380px !important;
  }
  .categoryCardDetails {
    height: 370 !important;
  }
  .categoryList {
    position: relative;
  }
  .categoryListDiv .categoryList .bookAdBtn {
    position: absolute;
    bottom: 30px;
    width: 87%;
    padding-left: 2px !important;
    padding-right: 2px !important;
    word-wrap: break-word;
  }
  .categoryListDiv .categoryList .bookAdBtn a {
    padding-left: 1px !important;
    padding-right: 1px !important;
    margin-left: 1px !important;
    margin-right: 1px !important;
  }

  #howItWorkDiv {
    padding: 20px 20px 0px 25px;
    justify-content: center;
  }
  #howItWorkDiv .l-translate.text-left.m-3 {
    margin-top: -27px !important;
  }

  #howItWorkDiv .row.pad20 {
    margin-top: -30px !important;
  }
  #mainpage .section.bgclr-F0F2F8.wrapper.bpad3p.tpad3p {
    margin-top: -80px;
  }
  #testimonial .section.testimonialBackground.wrapper.bpad3p {
    margin-bottom: -60px !important;
  }
}
@media (min-width: 2561px) {
  .categoryCardDetails p {
    font-size: 14px;
  }
  .fc-blue {
    font-size: 22px;
  }
  .header-bg {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .grey-bg {
    margin-right: 0px !important;
  }
  span.input-group-addon {
    width: 100% !important;
  }
  img[_ngcontent-ehx-c5] {
    width: 30% !important;
    height: 30% !important;
    margin-left: 37% !important;
    margin-right: 37% !important;
    display: block !important;
  }
  .popularCategories .categoryList {
    height: 400px !important;
  }
  .categoryCardDetails {
    height: 370 !important;
  }
  .categoryList {
    position: relative;
  }
  .categoryListDiv .categoryList .bookAdBtn {
    position: absolute;
    bottom: 30px;
    width: 87%;
    padding-left: 2px !important;
    padding-right: 2px !important;
    word-wrap: break-word;
  }
  .categoryListDiv .categoryList .bookAdBtn a {
    padding-left: 1px !important;
    padding-right: 1px !important;
    margin-left: 1px !important;
    margin-right: 1px !important;
  }
}

* {
  font-family: "Hind", sans-serif !important;
}

.fa,
[class^="fa-"],
[class*=" fa-"] {
  font-family: "FontAwesome" !important;
  font-weight: normal !important;
  font-style: normal !important;
  display: inline-block !important;
  text-rendering: auto !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}