pre {
  /*font-family: 'Open Sans', sans-serif, Arial;*/
  font-family: Open Sans;
  font-size: 12px;
  padding: 10px 0 15px;
}
body .of-Visible {
  overflow: visible !important;
}
body .of-Hidden {
  overflow: hidden !important;
}
body .posi-relative {
  position: relative !important;
}
body .posi-absolute {
  position: absolute !important;
}
.mar-RB_1 {
  margin: 0 1px 1px 0;
}
/*---------- Css3 button hover effect starts ----------*/
.btnEffect {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
  color: #696b6b;
  position: relative;
}
.mar-RB_1.active i,
a:hover .mar-RB_1 i {
  color: #ffffff;
}
.btnEffect:hover,
.btnEffect.hover,
.btnEffect.active {
  background: rgba(33, 33, 33, 0.9);
  color: #ffffff;
  -webkit-box-shadow: 0px 0px 20px 0px #bbbbbb;
  -moz-box-shadow: 0px 0px 20px 0px #bbbbbb;
  box-shadow: 0px 0px 20px 0px #bbbbbb;
  z-index: 9;
}
.btnEffect.active {
  z-index: 8;
}
/*---------- Css3 button hover effect ends ----------*/
/*---------- flat button css start ----------*/
.flatBtn {
  max-width: 140px;
  min-width: 100px;
  min-height: 33px;
  height: auto;
  display: inline-block;
  cursor: pointer;
  padding: 0px;
  color: #696b6b;
  font-family: Open Sans;
  font-size: 12px;
  text-transform: uppercase;
  text-align: left;
}
.mfp-content .flatBtn {
  -webkit-box-shadow: 0px 0px 20px 0px #bbbbbb;
  -moz-box-shadow: 0px 0px 20px 0px #bbbbbb;
  box-shadow: 0px 0px 20px 0px #bbbbbb;
  margin: 5px 16px !important;
}
.flatBtn .btnTxt {
  padding: 8px 33px 8px 10px;
  line-height: 16px;
}
.flatBtn.noImg .btnTxt {
  padding: 8px 10px 8px 10px;
  line-height: 16px;
  text-align: center;
}
.flatBtn .btnImg,
.flatBtn i {
  font-size: 18px;
  height: 33px;
  line-height: 28px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 33px;
  color: inherit;
}
/*---------- flat button css ends ----------*/
/*---------- thumb button css start ----------*/
.thumbBtn {
  max-width: 85px;
  min-width: 85px;
  min-height: 85px;
  height: auto;
  display: inline-block;
  cursor: pointer;
  padding: 0px;
  color: #adb1b4;
  font-family: Open Sans;
  font-size: 12px;
  text-transform: uppercase;
  text-align: left;
}
.thumbBtn .btnTxt {
  bottom: 0;
  font-size: 10px;
  line-height: 12px;
  min-height: 15px;
  padding: 0 0 8px;
  position: absolute;
  text-align: center;
  vertical-align: middle;
  width: 100%;
}
.thumbBtn.noImg .btnTxt {
  padding: 8px 10px 8px 10px;
  line-height: 16px;
  text-align: center;
}
.thumbBtn .btnImg,
.thumbBtn i {
  font-size: 36px;
  height: 58px;
  line-height: 66px;
  position: relative;
  right: 0;
  text-align: center;
  top: 0;
  width: 85px;
}
/*---------- thumb button css ends ----------*/
/*---------- small thumb button css start ----------*/
.thumbSmallBtn {
  max-width: 46px;
  min-width: 46px;
  min-height: 46px;
  height: auto;
  display: inline-block;
  cursor: pointer;
  padding: 0px;
  font-family: Open Sans;
  font-size: 12px;
  text-transform: uppercase;
  text-align: left;
}
.thumbSmallBtn .btnTxt {
  bottom: 0;
  font-size: 10px;
  line-height: 12px;
  min-height: 15px;
  padding: 0 0 8px;
  position: absolute;
  text-align: center;
  vertical-align: middle;
  width: 100%;
}
.thumbSmallBtn.noImg .btnTxt {
  padding: 8px 10px 8px 10px;
  line-height: 16px;
  text-align: center;
}
.thumbSmallBtn .btnImg,
.thumbSmallBtn i {
  font-size: 26px;
  line-height: 46px;
  height: 46px;
  position: relative;
  right: 0;
  text-align: center;
  top: 0;
  width: 46px;
}
/*---------- small thumb button css ends ----------*/
.formDiv .row,
.formDiv1 .row,
.HS_Wrap .row {
  padding-bottom: 20px;
}
#tabspanel .thumbSmallBtn i {
  line-height: 46px;
}
/*---------- form elements css starts ----------*/
.lblWrap {
  width: auto;
}
.lbl {
  padding: 8px 10px 8px 0;
  font-size: 14px;
  text-align: right;
  font-family: Open Sans;
}
body .fullWidth {
  width: 100%;
}
.inptWrap {
  min-height: 30px;
  min-width: 182px;
  width: auto;
  float: left;
}
.inptDiv {
  border: 2px solid #c4c4c4;
  background: #ffffff;
  padding: 4px 5px 6px;
  min-height: 20px;
}
.inptDiv.focus,
.cke_focus {
  border: 2px solid #3568bb !important;
}
.inptWrap .inpt,
input[type="text"],
input[type="password"],
textarea {
  background: none;
  border: 0 none;
  margin: 0;
  min-height: 26px;
  padding: 0;
  width: 100%;
  color: #888888;
  font-family: Open Sans;
  font-size: 14px;
  outline: none;
  resize: none;
}
.dropzone span,
.content .cke_editable p {
  color: #888888;
}
.simple-file-upload-input button {
  background: none !important;
  border: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  color: red !important;
  font-size: 14px;
  text-transform: none;
}
.simple-file-upload-input button:hover {
  background: transparent !important;
  color: red !important;
}
.form-control-element {
  clear: both;
}
.form-controls-left .form-control-element {
  padding-top: 10px;
}
.form-controls-left .form-control-element:first-child {
  padding-top: 18px;
}
.form-controls-right .form-control-element {
  display: inline-block;
  margin: 20px 5px 0px;
}
.form-controls-right .form-control-element .btn {
  padding-bottom: 0px;
  margin-top: 0;
}
.form-label-wrapper {
  text-align: left;
  text-transform: uppercase;
  padding: 5px 25px 0 0;
  font-size: 14px;
  line-height: 28px;
  font-weight: 600;
}
/*---------- selectbox formating css starts ----------*/
.selectWrap {
  min-height: 40px;
  width: auto;
  float: left;
}
.selectDiv {
  background: #acb1b4;
  padding: 0;
  min-height: 40px;
}
.selectDiv.multiselect {
  background: #ffffff !important;
}
.select2-container {
  min-width: 185px;
  border: 2px solid #c4c4c4;
  background: #ffffff;
}
.select2-container.select2-container-multi {
  display: block !important;
}
.select2-container.select2-container-multi.hidden {
  display: none !important;
}
.fullWidth .select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  width: 100%;
}
.select2-container .select2-choice {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
  border: 0 none !important;
  color: #888888;
  font-size: 14px;
  font-family: Open Sans;
  line-height: 35px;
  min-height: 40px;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -khtml-border-radius: 0 !important;
  border-radius: 0 !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
body .select2-drop {
  background: #ffffff;
  color: #383838;
  border: 0px !important;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -khtml-border-radius: 0 !important;
  border-radius: 0 !important;
}
.select2-results .select2-highlighted {
  background: #212121;
  color: #ffffff;
}
.select2-results .select2-result-selectable {
  font-size: 12px;
}
.select2-results .select2-result-unselectable:not(.select2-result-with-children) {
  font-size: 12px;
  cursor: not-allowed;
  color: #b6b6b6;
}
.select2-container .select2-choice > .select2-chosen {
  margin-right: 38px;
}
.select2-container .select2-choice .select2-arrow {
  width: 32px;
  border: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  border-radius: 0;
}
.select2-container.select2-allowclear .select2-choice abbr {
  right: 41px;
  top: 11px;
}
.select2-container.select2-dropdown-open {
  background: #212121;
  color: #ffffff;
}
.select2-container.select2-dropdown-open .select2-choice {
  color: #ffffff;
}
.select2-container .select2-choice .select2-arrow b {
  background-color: #687a81;
  background-image: none !important;
  font-family: 'FontAwesome';
}
.select2-container .select2-choice .select2-arrow b:before {
  content: "\f107";
  display: block;
  font-size: 36px;
  line-height: 42px;
  text-align: center;
  color: #ffffff;
}
.select2-container.select2-dropdown-open .select2-choice .select2-arrow b {
  background: #687a81;
}
.select2-container.select2-dropdown-open .select2-choice .select2-arrow b:before {
  content: "\f106";
  display: block;
  font-size: 36px;
  line-height: 42px;
  text-align: center;
  color: #ffffff;
}
.select2-container-multi .select2-choices,
.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
  background: none;
  border: 0 !important;
}
.select2-container-multi .select2-choices .select2-search-choice {
  border: 1px solid #c4c4c4;
  font-family: Open Sans;
  font-size: 14px;
  padding: 6px 20px 6px 5px;
  line-height: 18px;
  background: #212121 !important;
  color: #ffffff !important;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  filter: none !important;
}
.select2-container-multi.select2-container-disabled .select2-choices li.select2-search-choice {
  background: #c4c4c4 !important;
  color: white !important;
}
.select2-container-multi .select2-search-choice-close {
  left: auto;
  right: 3px;
  top: 8px;
  color: #ffffff;
  font-family: FontAwesome !important;
  background: none !important;
  background-color: none !important;
  background-image: none !important;
}
.select2-container-multi .select2-search-choice-close:before {
  font-family: FontAwesome !important;
  content: "\f00d";
  display: block;
  font-size: 12px;
  line-height: 14px;
  background: none !important;
  background-color: none !important;
  background-image: none !important;
  text-shadow: 0 0 0 !important;
}
.select2-search-field .select2-input {
  color: #9d9d9d !important;
  font-family: Open Sans !important;
  font-size: 16px;
}
.select2-input.select2-default,
.select2-search-field .select2-input {
  color: #888888 !important;
}
body .select2-container-multi .select2-choices .select2-search-field input.select2-active {
  background: url("/proimages/throbber.gif") no-repeat scroll 100% center #54606e !important;
}
.select2-results .select2-result-label {
  -moz-user-select: none;
  cursor: pointer;
  margin: 0;
  min-height: 1.7em;
  padding: 3px 7px 4px;
  line-height: 28px;
}
.select2-results li.select2-result-with-children > .select2-result-label {
  border-bottom: 1px solid;
  font-size: 0.8em;
}
.select2-search {
  background: #acb1b4 url("/proimages/search2.png") no-repeat right;
  border: 0;
  display: block !important;
  margin: 4px;
  min-height: 20px;
  padding: 4px 5px 6px;
  width: auto;
}
.select2-search.makeHidden {
  display: none !important;
}
.select2-search .select2-input {
  color: #ffffff;
  background-image: none !important;
  text-shadow: 0 0 0 !important;
  box-shadow: 0 0 0 0 !important;
}
/*---------- selectbox formating css ends ----------*/
/*---------- numeric pad css starts ----------*/
.numPadDiv {
  float: left;
  max-width: 216px !important;
  width: 100%;
}
#numericInput {
  position: relative;
}
#numBox {
  width: 150px;
  height: 20px;
  text-align: right;
  border: solid 1px black;
  cursor: text;
  overflow: hidden;
  background-color: white;
  font-family: Open Sans;
}
#keypad {
  background: none repeat scroll 0 0 #000000;
  border: 1px solid #2F2F2F;
  display: none;
  height: 200px;
  left: 0;
  margin: 8px -5px 0;
  position: absolute;
  top: 0;
  z-index: 12;
}
#keypad td {
  width: 70px;
  vertical-align: middle;
}
.key {
  background-color: #ffffff !important;
  border-right: 1px solid #2F2F2F;
  border-top: 1px solid #2F2F2F;
  color: #343A41;
  cursor: pointer;
  font-family: Open Sans;
  font-weight: bold;
  text-align: center;
}
.key:active {
  background-color: #2f383b !important;
}
.btn-click {
  border: 1px solid #2F2F2F;
  text-align: center;
  font-weight: bold;
  color: #ffffff;
  cursor: pointer;
  background-color: #687A81 !important;
  font-family: Open Sans;
}
.btn-click:hover {
  background-color: #2f383b !important;
}
.btn-click:active {
  background-color: #2f383b !important;
}
/*---------- numeric pad css ends ----------*/
/*---------- fancy checkbox css ----------*/
.checkFieldDiv {
  margin: 4px 0 0 0;
}
.checkBox {
  margin: 3px 0 0 0;
}
.chkTxt {
  color: #343A41;
  float: left;
  font-size: 13px;
  margin: 13px 15px 0 5px;
}
.checkContainer {
  background: #687a81;
  height: 30px;
  width: 30px;
  float: left;
  padding: 0;
  border: 2px solid #c4c4c4;
  position: relative;
}
.chk {
  position: absolute;
  width: 30px;
  height: 30px;
}
.checkContainer a:not(.cb-label-link) {
  cursor: pointer;
  font-size: 13px;
  left: 40px;
  position: absolute;
  top: 4px;
  white-space: nowrap;
}
.clicked {
  padding: 0px !important;
  margin: 0 !important;
  font-family: 'FontAwesome';
}
.clicked:before {
  content: "\f00c";
  color: #ffffff;
  text-align: center;
  display: block;
  font-size: 23px;
  line-height: 28px;
}
.radioCont .clicked:before {
  content: "";
}
.crossBox .clicked:before {
  content: "\f00d";
  color: #ffffff;
  text-align: center;
  display: block;
  font-size: 23px;
  line-height: 28px;
}
.checkChange {
  width: 30px;
  height: 30px;
  padding: 0px;
  margin: 0px;
  position: absolute !important;
  outline: none;
  top: auto !important;
  cursor: pointer;
}
.radioCont .checkContainer {
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  border-radius: 100%;
  behavior: url(/PIE/PIE.php);
}
.radioCont .clicked {
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  behavior: url(/PIE/PIE.php);
  background: #ffffff !important;
  border-radius: 100%;
  height: 20px;
  margin: 5px 0 0 5px !important;
  width: 20px;
}
label.checkbox-label {
  white-space: nowrap;
  font-size: small;
  line-height: 2.5em;
  text-transform: uppercase;
  margin-left: 40px;
}
/*---------- fancy checkbox css ends ----------*/
/*---------- full calendar css starts ----------*/
#calendar,
.calendar {
  margin: 0 auto 20px !important;
}
#calendar table.fc-border-separate,
.calendar table.fc-border-separate {
  border-collapse: collapse;
}
#calendar .fc-header,
.calendar .fc-header {
  background: #e1e1e1;
}
#calendar .fc-header-title,
.calendar .fc-header-title {
  display: block;
}
#calendar .fc-header-left,
#calendar .fc-header-right,
#calendar .fc-header-center,
.calendar .fc-header-left,
.calendar .fc-header-right,
.calendar .fc-header-center {
  vertical-align: middle;
  border: 0 !important;
  background: none !important;
}
#calendar .fc-first.fc-last th:first-child,
.calendar .fc-first.fc-last th:first-child {
  border-left: 2px solid #ADB1B4;
}
#calendar .fc-first.fc-last th:last-child,
.calendar .fc-first.fc-last th:last-child {
  border-left: 2px solid #ADB1B4;
}
#calendar .fc-header .fc-button,
.calendar .fc-header .fc-button {
  margin: 0 0 8px 0;
  font-size: 13px;
}
#calendar .fc-header td,
.calendar .fc-header td {
  color: #353a40;
}
#calendar .fc-header .fc-button-prev,
#calendar .fc-header .fc-button-next,
.calendar .fc-header .fc-button-prev,
.calendar .fc-header .fc-button-next {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
#calendar .fc-header .fc-button-prev,
.calendar .fc-header .fc-button-prev {
  margin: 0 0 0 8px;
  background: none !important;
  border: 0;
  font-size: 0px;
  height: auto;
}
#calendar .fc-header .fc-button-next,
.calendar .fc-header .fc-button-next {
  margin: 0 8px 0 0;
  background: none !important;
  border: 0;
  font-size: 0px;
  height: auto;
}
#calendar .fc-header .fc-text-arrow,
.calendar .fc-header .fc-text-arrow {
  display: block;
  height: 30px;
  width: 16px;
}
.fc-button-next .fc-text-arrow {
  float: right;
}
#calendar .fc-header .fc-header-title h2,
.calendar .fc-header .fc-header-title h2 {
  font-size: 20px;
  margin: 10px 0;
  font-weight: bold;
}
body #calendar .fc-view-container,
body .calendar .fc-view-container {
  background: #ffffff;
}
body #calendar .fc-day-header,
body .calendar .fc-day-header {
  padding: 5px 4px;
  background: #1f1f1f;
  color: #ffffff;
}
body #calendar .fc-day-number,
body .calendar .fc-day-number {
  background: none !important;
}
#calendar .fc-day.fc-other-month,
.calendar .fc-day.fc-other-month {
  color: #000;
}
#calendar .fc-day,
.calendar .fc-day {
  color: #000;
}
#calendar .fc-day.active div:first-child,
.calendar .fc-day.active div:first-child {
  border: 2px solid #4dcfb5;
}
#calendar .fc-day.active div:first-child div,
.calendar .fc-day.active div:first-child div {
  border: 0;
}
#calendar .fc-today,
.calendar .fc-today {
  background: #687a81 !important;
  color: #FFFFFF !important;
}
body #calendar tr:hover .fc-today,
body .calendar tr:hover .fc-today {
  color: #FFFFFF !important;
}
#calendar .fc-time-grid .fc-today,
.calendar .fc-time-grid .fc-today {
  background: none !important;
}
#calendar .fc-border-separate td,
.calendar .fc-border-separate td {
  border: 2px solid #ADB1B4;
  color: #353A40;
}
#calendar .fc-border-separate td:first-child,
.calendar .fc-border-separate td:first-child {
  border-left: 2px solid #ADB1B4;
}
#calendar .fc-border-separate td:last-child,
.calendar .fc-border-separate td:last-child {
  border-right: 2px solid #ADB1B4;
}
#calendar table tbody tr td,
#calendar table tbody tr:hover td,
.calendar table tbody tr td,
#calendar table tbody tr:hover td {
  opacity: 1;
  filter: alpha(opacity=100);
}
body .ui-timepicker-list li {
  background: #fff !important;
  color: #343a41 !important;
}
body .ui-timepicker-list li:hover,
body .ui-timepicker-list li.ui-timepicker-selected {
  background: rgba(33, 33, 33, 0.9) !important;
  color: #ffffff !important;
}
li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
  background: #00aef0 !important;
  color: #fff !important;
}
body .fc button {
  font-size: 11px;
}
#event_cal .lbl {
  color: #343a41 !important;
}
#event_cal .lbl.ta-Left {
  color: #6e6e6e !important;
}
.fc-list-view tbody > tr:last-child td {
  border-bottom: 1px solid #cbcbcb !important;
}
.fc-event {
  font-size: 11px !important;
  border: 0px !important;
}
/*---------- full calendar css ends ----------*/
.mod_header .titleMargin {
  float: left;
}
/*---------- datepicker calendar css starts ----------*/
.ui-datepicker {
  width: 100%;
  max-width: 254px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  padding: 0;
  border: 0px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  border-radius: 0;
  behavior: url(/PIE/PIE.php);
}
.ui-widget-header {
  background: #606262;
}
.ui-datepicker .ui-datepicker-prev {
  left: 0;
  top: 0;
  cursor: pointer;
  background: none !important;
}
.ui-datepicker .ui-datepicker-next {
  right: 0;
  top: 0;
  cursor: pointer;
  background: none !important;
}
.ui-datepicker .ui-datepicker-prev .ui-icon {
  background: url("/proimages/calPrev.png") center no-repeat;
}
.ui-datepicker .ui-datepicker-next .ui-icon {
  background: url("/proimages/calNext.png") center no-repeat;
}
.ui-icon {
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -kthtml-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.ui-datepicker .ui-datepicker-prev.ui-state-hover .ui-icon {
  margin-left: -12px;
}
.ui-datepicker .ui-datepicker-next.ui-state-hover .ui-icon {
  margin-left: -4px;
}
.ui-datepicker th,
.ui-widget-header {
  font-weight: normal;
}
.ui-datepicker th {
  font-size: 12px;
  color: #2b2b2b;
  text-transform: uppercase;
  background: none;
  font-family: Open Sans !important;
}
.ui-widget-content {
  background: none;
}
.ui-datepicker-calendar {
  background: #ffffff;
}
.ui-datepicker table {
  margin: 0;
}
.ui-datepicker tr td:first-child {
  border-left: 0;
}
.ui-datepicker td {
  border-left: 2px solid #E9E9E9;
  border-top: 2px solid #e9e9e9;
}
.ui-datepicker td,
.ui-datepicker td a {
  padding: 0px;
  height: 30px;
  width: 30px;
  text-align: center;
  vertical-align: middle;
  font-size: 16px;
  font-weight: normal !important;
}
.ui-datepicker td a {
  display: inline-block;
  line-height: 28px;
  width: auto;
}
.ui-datepicker td a.ui-state-active,
.ui-datepicker td a.ui-state-hover,
.ui-datepicker td.ui-datepicker-today a {
  width: auto;
  color: #ffffff;
  display: block;
}
.ui-datepicker td.ui-datepicker-today a.ui-state-highlight,
.ui-datepicker td.ui-datepicker-today span,
.ui-datepicker td.ui-state-disabled.ui-datepicker-today a.ui-state-highlight,
.ui-datepicker td.ui-state-disabled.ui-datepicker-today span {
  background: #1f1f1f;
  border: medium none;
  height: 30px;
  line-height: 28px;
  color: #ffffff;
}
.ui-datepicker td a.ui-state-active,
.ui-datepicker td a.ui-state-hover {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 3px solid #1f1f1f;
  color: #2B2B2B;
  height: 24px;
  line-height: 24px;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  background: none;
  border: none;
  font-weight: bold !important;
  color: #2b2b2b;
  font-family: Open Sans;
  font-size: 12px;
}
.ui-datepicker td.ui-state-disabled span,
.ui-datepicker td.ui-state-disabled a {
  background: url("/proimages/desabledBg.jpg") repeat;
  display: block;
  height: 30px;
  line-height: 28px;
  width: auto;
  padding: 0;
  text-align: center;
}
.ui-datepicker td.ui-datepicker-other-month span,
.ui-datepicker td.ui-datepicker-other-month a {
  background: #ffffff !important;
  color: #9f9f9f;
}
body .ui-datepicker table tbody tr td {
  background: none !important;
  padding: 0 !important;
  text-align: center !important;
}
/*---------- timepicker css starts ----------*/
.ui-spinner {
  width: 100%;
}
.ui-timepicker-div .ui-widget-header {
  margin-bottom: 8px;
}
.ui-timepicker-div dl {
  text-align: left;
}
.ui-timepicker-div dl dt {
  float: left;
  clear: left;
  padding: 0 0 0 5px;
}
.ui-timepicker-div dl dd {
  margin: 0 10px 10px 40%;
}
.ui-timepicker-div td {
  font-size: 90%;
}
.ui-tpicker-grid-label {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}
.ui-timepicker-rtl {
  direction: rtl;
}
.ui-timepicker-rtl dl {
  text-align: right;
  padding: 0 5px 0 0;
}
.ui-timepicker-rtl dl dt {
  float: right;
  clear: right;
}
.ui-timepicker-rtl dl dd {
  margin: 0 40% 10px 10px;
}
/*---------- timepicker css ends ----------*/
/*---------- datepicker calendar css ends ----------*/
/*---------- Datatable and normal table css starts ----------*/
.mobTable {
  display: none;
}
table:not(.table-base),
.dataTableWrap table {
  width: 100%;
}
table:not(.table-base) thead tr th,
table tfoot tr th,
.dataTableWrap table thead tr th,
.dataTableWrap table tfoot tr th,
table:not(.table-base) tr th {
  background: none repeat scroll 0 0 #ffffff;
  color: #434343;
  font-size: 13px;
  padding: 12px 5px 14px;
  font-family: Open Sans;
  font-weight: 700;
  text-align: left;
  line-height: 17px;
  border: 0px;
}
.dataTableWrap table thead tr th.actions {
  min-width: 162px;
}
table:not(.table-base) tbody tr td,
.dataTableWrap table tbody tr td {
  background: none repeat scroll 0 0 #edeef0;
  color: #353a40;
  font-size: 13px;
  padding: 2px 6px;
  font-family: Open Sans;
  line-height: 30px;
  vertical-align: middle;
  border: 0px;
}
table:not(.table-base) tbody tr td p,
.dataTableWrap table tbody tr td p {
  color: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
}
.dataTableWrap table tbody tr td i.fa-comment-o.tooltipstered {
  color: inherit !important;
}
.dataTableWrap table tbody tr td.group {
  background: none repeat scroll 0 0 #a1a1a1 !important;
  color: #ffffff !important;
}
table:not(.table-base) tbody tr.seprator td {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  height: 4px;
  line-height: 0;
  padding: 0;
}
table:not(.table-base) thead tr th:first-child,
table tfoot tr th:first-child,
table:not(.table-base) tbody tr td:first-child,
.dataTableWrap table tbody tr td:first-child,
.dataTableWrap table thead tr th:first-child,
.dataTableWrap table tfoot tr th:first-child {
  border-left: 0;
}
table:not(.table-base):not(.table-nohover) tbody tr:hover td,
.dataTableWrap table tbody tr:hover td {
  background: none repeat scroll 0 0 #c9caca;
}
table:not(.table-base) tbody tr:nth-child(even) td,
.dataTableWrap table tbody tr:nth-child(even) td {
  background-color: #F4F4F4;
}
table:not(.table-base):not(.table-nohover) tbody tr:nth-child(even):hover td,
.dataTableWrap table tbody tr:nth-child(even):hover td {
  background-color: #f8f8f8;
}
table:not(.table-base):not(.table-nohover) tbody tr:nth-child(odd):hover td,
tbody tr.odd:hover td {
  background: #fefefe;
}
body table.dataTable tr td {
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: 1px solid #ffffff !important;
  font-size: 11px !important;
  text-transform: uppercase;
  padding: 5px 6px !important;
  text-align: left !important;
  line-height: 17px !important;
  font-family: Open Sans;
}
body table tr td td.details {
  background: #f4f4f4 !important;
}
body table tr td td.details:hover {
  background: #ffffff !important;
}
body td.details table tr td {
  background: none !important;
  color: #353a40 !important;
}
.dataTableWrap .dataTables_empty {
  padding: 20px;
  font-size: 22px;
}
body .section_content img {
  max-width: 100% !important;
  height: auto !important;
}
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-bottom: 53.9%;
  padding-top: 25px;
  height: 0;
  overflow: hidden;
}
.videoWrapper object,
.videoWrapper embed,
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
video {
  width: 100% !important;
  height: auto !important;
}
#myInputTextField {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #b3b5b7 !important;
  min-height: 28px !important;
  padding: 4px;
  width: auto;
  margin-right: 40px;
}
ol#content-tbs {
  min-height: 1px;
  /* AS-1023 - workaround for datatables disappearing off bottom of page */
}
ol#content-tbs li {
  background: #b3b5b7;
  float: left;
  margin: 0 0 0 0;
  list-style: none;
  width: 100%;
  padding: 0;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
}
ol#content-tbs.oneTab li {
  width: 100%;
  /* fallback for non-calc() browsers */
  width: calc(100%);
}
ol#content-tbs.twoTabs li {
  width: 50%;
  /* fallback for non-calc() browsers */
  width: calc(50%);
}
ol#content-tbs.threeTabs li {
  width: 33.333%;
  /* fallback for non-calc() browsers */
  width: calc(33.33333333%);
}
ol#content-tbs.fourTabs li {
  width: 25%;
  /* fallback for non-calc() browsers */
  width: calc(25%);
}
ol#content-tbs.fiveTabs li {
  width: 20%;
  /* fallback for non-calc() browsers */
  width: calc(20%);
}
ol#content-tbs.sixTabs li {
  width: 16.666%;
  /* fallback for non-calc() browsers */
  width: calc(16.66666667%);
}
ol#content-tbs li a {
  display: block;
  color: #ffffff;
  padding: 10px;
  text-decoration: none;
}
ol#content-tbs li a:hover {
  background: #54606e;
  color: #ffffff;
}
ol#content-tbs li.current a,
ol#content-tbs li.current a:hover {
  background: #ffffff !important;
  color: #434343 !important;
}
ol#content-tbs li.current a:hover {
  text-decoration: underline;
}
#locale-layout ol#content-tbs li {
  text-transform: uppercase;
}
.res_count {
  background: none repeat scroll 0 0 #e1e1e1;
  display: inline;
  margin-left: 15px;
  padding-left: 6px;
  padding-right: 6px;
  color: #33444d;
  font-weight: normal;
}
span.res_count.highlight-count {
  position: relative;
}
span.res_count.highlight-count::after {
  content: "";
  width: 10px;
  height: 10px;
  background: red;
  display: block;
  position: absolute;
  border-radius: 10px;
  top: -5px;
  right: -7px;
}
.dataTables_filter {
  display: none;
}
div.tbs-content {
  background: none;
  clear: both;
}
.pendingBg,
.openBg,
.closeBg,
.end_status,
.no_action,
.action_req,
.in_progress,
.resolved,
.blueBg,
.yellowBg,
.redBg,
.greenBg,
.greyBg {
  background-repeat: repeat-y !important;
  padding-left: 12px !important;
}
.greenBg,
.pendingBg {
  background-image: url(/images/green.gif) !important;
}
.yellowBg,
.openBg {
  background-image: url(/images/yellow.gif) !important;
}
.redBg,
.closeBg {
  background-image: url(/images/red.gif) !important;
}
.blueBg {
  background-image: url(/images/blue.gif) !important;
}
.greyBg {
  background-image: url(/images/grey.gif) !important;
}
.logbtn {
  background: #1f1f1f !important;
  color: #fff;
  cursor: pointer;
  display: block;
  float: left;
  font-size: 10px;
  height: auto;
  line-height: 22px;
  margin: 5px 2px 3px 0;
  padding: 0 5px;
  text-decoration: none !important;
  text-transform: uppercase;
}
.logbtn i {
  font-size: 12px;
  margin-right: 4px;
}
.logbtn.active,
.logbtn:hover {
  background: #404040 !important;
}
.log_footer,
.log_footer #datatable_all_paginate {
  float: right;
}
.log_footer #export_logs {
  float: left;
}
.dataTables_length {
  float: right;
  margin: 0 10px;
}
.dataTables_length .select2-container {
  background: none repeat scroll 0 0 #d9dadd;
  min-width: 35px;
  border: 0px;
}
.dataTables_length label {
  min-width: 30px;
  height: 37px;
  background: none repeat scroll 0 0 #d9dadd;
  font-size: 13px;
  color: #fff;
  float: right;
  padding-left: 5px;
  text-transform: uppercase;
  line-height: 26px;
}
.dataTables_length label span {
  position: relative;
  top: 1px;
}
.dataTables_length .select2-container .select2-choice {
  line-height: 35px;
  min-height: 37px !important;
}
.dataTableWrap .dataTables_info,
.dataTableWrap .dataTables_paginate {
  background: #d9dadd !important;
  border: 0 !important;
  float: right;
  color: #FFFFFF !important;
  font-family: Open Sans !important;
  font-size: 13px !important;
  font-weight: bold !important;
  padding: 0px;
  margin: 0px;
  text-align: center;
  line-height: 17px;
}
.dataTables_paginate a {
  line-height: 30px;
  color: #fff;
  float: left;
  font-size: 13px;
  line-height: 37px;
  width: 30px !important;
  border-right: 1px solid #fff;
  background: #d9dadd;
  font-weight: normal;
  width: auto;
  padding: 0 6px;
  cursor: pointer;
}
.dataTables_paginate span a {
  width: 30px !important;
  padding: 0 5px;
}
.last.paginate_button {
  border-right: none !important;
}
.previous.paginate_button,
.next.paginate_button {
  font-size: 32px;
}
.dataTables_paginate .current,
.first.paginate_button:hover,
.previous.paginate_button:hover,
.dataTables_paginate span a:hover,
.last.paginate_button:hover,
.next.paginate_button:hover {
  background: #acb1b4 !important;
}
.dataTables_processing {
  color: transparent;
}
.dataTableWrap .dataTables_paginate #example_previous,
.dataTableWrap .dataTables_paginate #example_next {
  display: inline-block;
  float: left;
  color: #ffffff;
  padding: 2px 5px 10px;
  cursor: pointer;
}
.dataTableWrap .dataTables_paginate #example_next {
  float: right;
}
.dataTableWrap .dataTables_paginate #example_previous:hover,
.dataTableWrap .dataTables_paginate #example_next:hover {
  text-decoration: underline;
}
.dataTables_filter {
  background: #acb1b4;
  margin: -2px 0 0 0;
  padding: 6px 5px 10px;
}
.dataTables_filter label {
  display: block;
  line-height: 30px;
}
.dataTables_filter input[type="text"] {
  width: auto;
  background: #ffffff;
  padding: 4px;
}
.dataTable .sorting {
  background: url("/proimages/sort_both.png") no-repeat scroll right center #ffffff;
  padding-right: 22px !important;
  color: #434343;
}
.helpdesk_logs .dataTable .sorting {
  padding-right: 0px !important;
}
.dataTable .sorting_asc {
  background: url("/proimages/sort_asc.png") no-repeat scroll right center #ffffff;
  padding-right: 22px !important;
  color: #434343;
}
.dataTable .sorting_desc {
  background: url("/proimages/sort_desc.png") no-repeat scroll right center #ffffff;
  padding-right: 22px !important;
  color: #434343;
}
.dataTableWrap .dataTables_paginate .paginate_enabled_next,
.dataTableWrap .dataTables_paginate .paginate_disabled_next {
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  float: right;
  padding: 2px 5px 10px;
}
.dataTableWrap .dataTables_paginate .paginate_disabled_previous,
.dataTableWrap .dataTables_paginate .paginate_enabled_previous {
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  float: left;
  padding: 2px 5px 10px;
}
div[data-class="content page"] table {
  width: auto;
}
div[data-class="content page"] table tbody tr td {
  background: none !important;
  color: inherit !important;
}
/*---------- Datatable and normal table ends ----------*/
/*---------- Daterangepicker css starts ----------*/
body .daterangepicker .ranges li {
  color: #3b3b3b;
  list-style: none;
}
body .daterangepicker .ranges li.active,
body .daterangepicker .ranges li:hover {
  background: #3b3b3b;
  border: 1px solid #3b3b3b;
  color: #FFFFFF;
}
.daterangepicker.opensright .ranges,
.daterangepicker.opensright .calendar,
.daterangepicker.openscenter .ranges,
.daterangepicker.openscenter .calendar {
  float: right !important;
}
body .daterangepicker .calendar th,
body .daterangepicker .calendar td {
  padding: 0 !important;
}
body .daterangepicker td.in-range {
  background: none repeat scroll 0 0 #c9c9c9 !important;
  border-radius: 0 !important;
}
body .daterangepicker td.active,
body .daterangepicker td.active:hover {
  background: #3b3b3b !important;
  border: #3b3b3b !important;
}
.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
  background: #e1e1e1 !important;
}
body .daterangepicker .ranges .range_inputs > div:nth-child(2) {
  padding-left: 0;
}
body .daterangepicker {
  display: none;
}
/*---------- Daterangepicker css ends ----------*/
/*---------- css toggle button css starts ----------*/
.switch_wrap {
  display: inline-block;
  float: none !important;
  padding: 7px 0 0;
}
.switch_wrap input[type="checkbox"] {
  display: none;
}
.switch_wrap input[type="checkbox"]:checked + .switch {
  background: rgba(33, 33, 33, 0.9);
}
.switch_wrap input[type="checkbox"]:checked + .switch::before {
  display: block;
}
.switch_wrap input[type="checkbox"]:checked + .switch::after {
  display: none;
}
.switch_wrap input[type="checkbox"]:checked + .switch .bullet {
  left: 33px;
}
.switch_wrap .switch {
  position: relative;
  display: inline-block;
  width: 65px;
  height: 24px;
  line-height: 24px;
  margin-right: 1em;
  margin-top: -3px;
  vertical-align: middle;
  background: rgba(33, 33, 33, 0.9);
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25) inset, 0 1px 0 #ffffff;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25) inset, 0 1px 0 #ffffff;
}
.switch_wrap .switch::before,
.switch_wrap .switch::after {
  content: 'YES';
  display: none;
  width: 50%;
  position: absolute;
  top: 0;
  font-size: 11px;
  font-weight: bold;
  color: white;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  text-align: center;
}
.switch_wrap .switch::after {
  content: 'NO';
  display: block;
  right: 0;
}
.switch_wrap .switch .bullet {
  position: relative;
  display: block;
  width: 32px;
  height: 25px;
  top: -2px;
  left: -2px;
  background-color: #f0f0f0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #f0f0f0, #e6e6e6);
  background-image: -moz-linear-gradient(top, #f0f0f0, #e6e6e6);
  background-image: -ms-linear-gradient(top, #f0f0f0, #e6e6e6);
  background-image: -o-linear-gradient(top, #f0f0f0, #e6e6e6);
  background-image: linear-gradient(top, #f0f0f0, #e6e6e6);
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 0 #ffffff inset, 0 1px 1px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 0 #ffffff inset, 0 1px 1px rgba(0, 0, 0, 0.25);
  -webkit-transition: left 0.1s linear;
  -moz-transition: left 0.1s linear;
  -ms-transition: left 0.1s linear;
  -o-transition: left 0.1s linear;
  transition: left 0.1s linear;
  z-index: 1;
}
.switch_wrap .switch .bullet::before,
.switch_wrap .switch .bullet::after {
  content: '';
  display: block;
  height: 15px;
  width: 3px;
  position: absolute;
  top: 5px;
  left: 50%;
  margin-left: -6px;
  border: 1px solid #cccccc;
  border-width: 0 1px;
  -webkit-box-shadow: 1px 0 0 white, 1px 0 0 white inset;
  box-shadow: 1px 0 0 white, 1px 0 0 white inset;
}
.switch_wrap .switch .bullet::after {
  margin-left: 2px;
}
/*---------- css toggle button css ends ----------*/
#LiqBox {
  overflow: visible !important;
}
/*---------- Tabs style starts ----------*/
.tabWrapper {
  padding: 0;
  background: #E1E1E1;
}
.tabsDiv {
  overflow: hidden;
  padding: 10px 0;
}
.tabContent {
  margin: -1px 0 0 0;
  position: relative;
  min-height: 150px;
  font-size: 14px;
  background: #ffffff url("/proimages/progress.gif") center no-repeat;
}
body .tabContent .backgBlk {
  height: auto !important;
  min-height: 130px;
}
.tabCont {
  display: none;
  top: 0;
  height: auto;
  min-height: 130px;
  padding: 20px 20px 31px;
  color: #343A41;
  font-family: 'Open Sans', sans-serif, Arial;
  font-family: Open Sans;
  font-size: 12px;
  line-height: 20px;
}
.tabContent img {
  display: block;
}
.widget2 .tabContent img {
  max-width: 120px;
  width: 100%;
}
.widget2 .tabContent {
  overflow: hidden;
}
.tabs {
  height: auto;
  min-height: 25px;
}
.tabs a {
  background: none repeat scroll 0 0 #ADB1B4;
  color: #FFFFFF;
  display: block;
  font-family: 'Open Sans', sans-serif, Arial;
  font-family: Open Sans;
  font-size: 14px;
  font-weight: normal;
  height: 38px;
  line-height: 38px;
  text-align: center;
  text-decoration: none;
  max-width: 185px;
  width: 100%;
  float: left;
}
.tabs a:hover,
.tabs a.current {
  background: none repeat scroll 0 0 #FFFFFF;
  color: #4dcfb5;
  font-size: 14px;
  font-weight: normal;
  text-decoration: none;
}
.tabs a span {
  padding: 0 5px;
}
.tabs a:hover span,
.tabs a.current span {
  background: none repeat scroll 0 0 #4dcfb5;
  color: #FFFFFF;
  padding: 0 5px;
}
.tabs.bottom a:hover,
.tabs.bottom a.current {
  margin-bottom: 4px;
  padding: 0 0 4px 0;
}
/*to align tabs at right*/
.tabs.right {
  float: left !important;
  width: 89px;
}
.tabs.right a {
  margin: 0 0 3px 0;
}
.tabContent.right {
  float: left !important;
  width: 100%;
  margin: 0 0 0 -89px;
}
.tabContent.right .tabCont {
  padding-left: 99px;
}
/*to align tabs at left*/
.tabs.left {
  float: left;
  width: 89px;
}
.tabs.left a {
  margin: 0 0 3px 0;
}
.tabContent.left {
  float: left !important;
  width: 100%;
  margin: 0 -89px 0 0;
}
.tabContent.left .tabCont {
  padding-right: 99px;
}
/*---------- Tabs style ends ----------*/
/*---------- Mobile Tabs style start -----*/
.mobile-tabs {
  display: none;
  background: #ececec;
}
.mobile-tabs .tab-item {
  flex-grow: 1;
  text-align: center;
  text-transform: uppercase;
  padding: 15px 0px;
  margin: 0 20px;
  font-size: 0.8em;
}
.mobile-tabs .tab-item.active {
  color: rgba(255, 255, 255, 0.9);
  border-bottom: solid 2px;
}
@media (max-width: 736px) {
  .mobile-tabs {
    display: flex;
  }
  .mobile-tab-pane {
    display: none;
  }
  .mobile-tab-pane.active {
    display: initial;
  }
  .mobile-hide {
    display: none;
  }
}
/*---------- Mobile Tabs style end ----*/
/*---------- breadCrump style starts ----------*/
.breadCrump {
  overflow: hidden;
}
.breadCrump a {
  color: #FFFFFF;
  display: block;
  float: left;
  height: 34px;
  margin: 0 0 0 10px;
  overflow: hidden;
  padding: 0;
  position: relative;
  font-size: 12px;
  font-family: brownregular;
  font-family: Open Sans;
  color: #9D9D9D;
  text-transform: uppercase;
  cursor: pointer;
}
.breadCrump a span {
  display: block;
  float: left;
  height: 100%;
  top: 0;
  width: 15px;
}
.breadCrump a span.end.init {
  background: url("proimages/midBg.png") repeat scroll 0 0 #ffffff;
  display: none;
}
.breadCrump a span.end {
  background: url("proimages/BC-Img.png") no-repeat scroll left top rgba(0, 0, 0, 0);
  left: 0;
  display: none;
}
.breadCrump a span.start {
  background: url("proimages/BC-Img.png") no-repeat scroll right top rgba(0, 0, 0, 0);
  right: 0;
  display: none;
}
.breadCrump a span.mid {
  background: url("proimages/disabledInpt.png") repeat scroll 0 0 #ffffff;
  color: #a9a9a9;
  display: inline-block;
  font-size: 15px;
  height: 25px;
  line-height: 15px;
  margin: 0 auto;
  padding: 8px 18px 0 18px;
  width: auto;
  font-family: 'Open Sans', sans-serif, Arial;
  font-family: Open Sans;
}
.breadCrump a.active span.end.init {
  background: url("proimages/mid_hover.png") repeat scroll 0 0 #81818e;
}
.breadCrump a.active span.end {
  background: url("proimages/BC-Img_hover.png") no-repeat scroll left top rgba(0, 0, 0, 0);
}
.breadCrump a.active span.start {
  background: url("proimages/BC-Img_hover.png") no-repeat scroll right top rgba(0, 0, 0, 0);
}
.breadCrump a.active span.mid {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 2px solid #3b3b3b;
  color: #3b3b3b;
  height: 23px;
  padding: 6px 16px 0;
}
/*---------- breadCrump style ends ----------*/
.facility .btn-disabled {
  background: url("/proimages/desabledBg.jpg") repeat !important;
}
.facility .btn-disabled:hover {
  background: url("/proimages/desabledBg.jpg") repeat !important;
}
.disabledInpt {
  background: #cfccc8 !important;
}
.disabledInpt .inptDiv {
  background: none;
}
.btnWithIcon i {
  margin-right: 5px;
}
input[type="button"],
input[type="submit"],
input[type="reset"],
button,
.btn-custom,
.fc-button {
  text-decoration: none;
  display: inline-block;
  position: relative;
  background: #1f1f1f !important;
  border: 0px;
  color: #ffffff !important;
  cursor: pointer;
  font-family: 'Open Sans', sans-serif, Arial;
  font-family: Open Sans;
  font-size: 12px;
  text-transform: uppercase;
  min-height: 37px;
  line-height: 15px;
  margin: 0 0 5px;
  padding: 0 10px 3px;
  text-shadow: none !important;
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
  -webkit-appearance: none;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -khtml-border-radius: 0 !important;
  border-radius: 0 !important;
  behavior: url(/PIE/PIE.php);
}
.button.clear.secondary {
  color: var(--siteconfig-ui-btn-stdcolor-rgba) !important;
  border-color: transparent;
  background-color: white !important;
}
input[type="button"],
input[type="submit"],
input[type="reset"],
button:not(.gm-control-active),
.btn-custom,
.fc-button {
  min-width: 100px;
}
.btn-custom.btn-large {
  padding: 11px 18px 10px !important;
  font-size: 15px;
  min-width: 176px !important;
}
body .btn-custom {
  line-height: 25px;
  min-height: 30px;
  padding: 5px 10px 3px;
  text-align: center;
}
.btn.btn-basic {
  background: none !important;
  color: inherit !important;
  opacity: 0.8 !important;
}
.btn.btn-basic:hover {
  background: none !important;
  color: inherit !important;
  opacity: 1 !important;
}
.btn-grey {
  background-color: #b5b5b5 !important;
}
.btn-grey:hover {
  background-color: #959595 !important;
}
.btn-outline {
  border: 2px solid #404040;
  background: transparent !important;
  color: #404040 !important;
}
.btn-outline:hover {
  background: #404040 !important;
  color: #fff !important;
}
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
button:hover,
.btn-custom:hover,
.fc-button:hover,
input[type="button"].hover,
input[type="submit"].hover,
input[type="reset"].hover,
button.hover,
.btn-custom.hover,
.fc-button.hover,
input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active,
button:active .btn-custom:active,
.fc-button:active,
input[type="button"].active,
input[type="submit"].active,
input[type="reset"].active,
button.active,
.btn-custom.active,
.fc-button.fc-state-active {
  background: #404040 !important;
  text-decoration: none;
}
input[type="submit"]:disabled {
  background: #aaa !important;
  color: #e1e1e1 !important;
  cursor: default;
}
#calendarModule .fa-print {
  color: #343a41;
  font-size: 25px;
}
#calendarModule .fc-more {
  font-size: 0px;
  text-indent: -9999px;
}
#calendarModule .fc-more-cell .fc-more:after {
  font-family: 'FontAwesome';
  content: "\f0d7";
  text-indent: 0;
  color: #1f1f1f;
  height: 15px;
  width: 15px;
  font-size: 20px;
  text-align: center;
  line-height: 14px;
  float: right;
}
.fc-next-button,
.fc-prev-button {
  min-width: 20px;
  box-shadow: none !important;
}
.fc-agendaDay-button,
.fc-agendaWeek-button,
.fc-month-button,
.fc-list-button {
  min-width: 60px;
  box-shadow: none !important;
}
form .grid-x.grid-margin-y > .cell {
  margin-top: 1.2rem;
  margin-bottom: 1.2rem;
}
/*---------- form elements css ends ----------*/
/*---------- MagnificPopup style starts ----------*/
body .mfp-content-background {
  background: #ffffff !important;
  color: #121212 !important;
}
body .mfp-close {
  background: none !important;
  color: #333333 !important;
  min-width: 44px !important;
  max-height: 44px !important;
  opacity: 0.7 !important;
}
body .mfp-close:hover,
body .mfp-close:close {
  opacity: 1 !important;
}
body .mfp-content .moduleTitle,
body .mfp-content .moduleText,
body .mfp-content p,
body .mfp-content h1,
body .mfp-content h2,
body .mfp-content h3,
body .mfp-content h4,
body .mfp-content h5,
body .mfp-content h6 {
  color: inherit !important;
}
/* Styles for dialog window */
.small-dialog {
  background: #ffffff;
  padding: 20px 30px;
  text-align: left;
  max-width: 400px;
  margin: 40px auto;
  position: relative;
  line-height: 22px;
}
/* Styles for dialog window */
.medium-dialog {
  background: #ffffff;
  padding: 20px 30px;
  text-align: left;
  max-width: 500px;
  margin: 40px auto;
  position: relative;
  line-height: 22px;
}
.ajax-dialog {
  background: #ffffff;
  padding: 20px 30px;
  text-align: left;
  max-width: 800px;
  margin: 40px auto;
  position: relative;
  color: #121212;
  line-height: 22px;
}
.small-dialog hr,
.medium-dialog hr,
.ajax-dialog hr {
  background: currentColor;
  opacity: 0.3;
  margin: 20px 0 30px;
}
/**
     * Fade-zoom animation for first dialog
     */
/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}
/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0;
}
/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}
/**
     * Fade-move animation for second dialog
     */
/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  -moz-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  -o-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  transform: translateY(-20px) perspective(600px) rotateX(10deg);
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
  opacity: 1;
  -webkit-transform: translateY(0) perspective(600px) rotateX(0);
  -moz-transform: translateY(0) perspective(600px) rotateX(0);
  -ms-transform: translateY(0) perspective(600px) rotateX(0);
  -o-transform: translateY(0) perspective(600px) rotateX(0);
  transform: translateY(0) perspective(600px) rotateX(0);
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
  opacity: 0;
  -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  -moz-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  -o-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  transform: translateY(-10px) perspective(600px) rotateX(10deg);
}
/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
  opacity: 0.8;
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
  opacity: 0;
}
/*---------- MagnificPopup style ends ----------*/
/*---------- confirmBox popup css starts ----------*/
#confirmOverlay {
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk5OTk5OSIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjYxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(top, rgba(153, 153, 153, 0.5) 0%, rgba(0, 0, 0, 0.61) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(153, 153, 153, 0.5)), color-stop(100%, rgba(0, 0, 0, 0.61)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(153, 153, 153, 0.5) 0%, rgba(0, 0, 0, 0.61) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(153, 153, 153, 0.5) 0%, rgba(0, 0, 0, 0.61) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(153, 153, 153, 0.5) 0%, rgba(0, 0, 0, 0.61) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(153, 153, 153, 0.5) 0%, rgba(0, 0, 0, 0.61) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80999999', endColorstr='#9c000000', GradientType=0);
  /* IE6-8 */
  filter: none !important;
}
#confirmBox {
  background: #ffffff !important;
  color: #121212 !important;
  border: 5px solid #ffffff;
  max-height: 50vh;
  overflow-y: auto;
}
#confirmBox h1,
#confirmBox p {
  background: #ffffff !important;
  color: #121212 !important;
  text-align: center !important;
}
#confirmButtons {
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
}
#confirmBox h1 {
  font-size: 14px !important;
  font-weight: normal !important;
  margin-bottom: 0px !important;
}
#confirmBox p {
  font-size: 13px !important;
  font-weight: normal !important;
  margin-bottom: 20px;
}
body #confirmBox .btn-custom {
  display: inline-block !important;
  float: none !important;
  margin: 10px !important;
}
.btn-cancel {
  font-size: 13px;
  line-height: 15px;
  margin: 10px;
}
/*---------- confirmBox popup css ends ----------*/
/*---------- error placement style starts ----------*/
.error {
  color: #FF0000;
  font-size: 13px;
}
.checkFieldDiv .error {
  clear: both;
  display: block;
  float: none;
}
.form-element {
  position: relative;
}
.form-element > label.error {
  position: absolute;
  top: -18px;
  font-size: 0.7em;
}
.form-element > .checkFieldDiv {
  margin: 0;
}
.form-element > .checkFieldDiv .chkTxt {
  margin-top: 6px;
}
.form-element .form-element-period > .select2-container {
  width: 49%;
  min-width: initial;
}
form div.form-errors {
  color: #FF0000;
  font-weight: bold;
  font-size: small;
  text-align: center;
}
/*---------- error placement style ends ----------*/
.dataTables_processing {
  display: none;
}
.cke_editable strong,
.mfp-content strong {
  font-weight: bold;
  color: none;
}
.cke_editable em,
.mfp-content em {
  font-style: italic;
  color: #000;
}
/*---------- toggle button start ----------*/
.nToggleWrap {
  width: 47px;
  position: relative;
  left: 0px;
  top: 0px;
}
.nToggleCheckbox {
  margin: -15px 0 0 -20px;
  position: absolute;
  z-index: 0;
  visibility: hidden;
}
.nToggleVisible {
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 47px;
  border-radius: 9px;
  height: 17px;
  background: #4dcfb5;
}
.nToggleDiv {
  width: 75px;
}
.nToggleLeft {
  height: 17px;
  text-align: center;
  width: 30px;
  color: #fff;
  font-size: 10px;
  line-height: 17px;
  text-indent: 6px;
}
.nToggleMid {
  height: 15px;
  width: 15px;
  border-radius: 100px;
  background: none repeat scroll 0% 0% #efefef;
  margin: 1px 0 0 0;
  cursor: pointer;
  -webkit-box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.86);
  -moz-box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.86);
  box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.86);
}
.nToggleRight {
  height: 17px;
  text-align: center;
  width: 30px;
  color: #fff;
  font-size: 10px;
  line-height: 17px;
}
/*---------- toggle button ends ----------*/
/* start: Facility Availability CSS */
.tooltipster-default .tooltipster-content {
  font-family: 'Open Sans', sans-serif, Arial;
  font-family: Open Sans;
}
.tooltipster-availability {
  border-radius: 5px;
  border: #ffffff;
  background: #ffffff;
  color: #121212;
  max-width: 400px;
}
.tooltipster-availability .tooltipster-content {
  font-family: 'Open Sans', sans-serif, Arial;
  font-family: Open Sans;
  font-size: 14px;
  line-height: 16px;
  padding: 8px 10px;
}
/* end: Facility Availability CSS */
body .dropzone .dz-preview .dz-image img {
  display: block;
  height: auto;
  left: -45%;
  position: relative;
  width: 190%;
}
.dropzone {
  background: #ffffff !important;
  border: 2px solid #c4c4c4 !important;
}
body .dropzone .dz-preview.dz-image-preview {
  background: #ffffff;
}
body #dropzone-file-imagebox {
  text-align: center;
}
body #dropzone-file-imagebox img {
  max-width: 944px;
}
.fa-stack {
  color: #1f1f1f !important;
}
.ui-dialog {
  padding: 30px !important;
  border-radius: 0 !important;
}
.ui-dialog .ui-dialog-titlebar {
  background: transparent;
  border: none;
  border-radius: 0;
  border-bottom: 1px solid grey;
  padding: .4em 1em 1em !important;
}
.ui-dialog .ui-dialog-title {
  width: 100% !important;
  font-size: 24px;
  font-weight: 400;
  text-transform: uppercase;
  text-align: center;
  background: white;
}
.ui-dialog .ui-dialog-titlebar-close {
  margin-top: -15px !important;
  min-height: initial;
  min-width: initial;
  outline: none;
  background: transparent !important;
  border: none !important;
}
.ui-dialog .ui-dialog-titlebar-close span {
  color: white;
}
.ui-dialog .ui-dialog-content {
  max-width: 450px;
  margin: 0 auto;
  padding: 2.5em 0 !important;
  text-align: center;
  font-size: 14px !important;
  line-height: 24px !important;
}
.ui-dialog .ui-dialog-buttonpane {
  padding: 1em 0 0 !important;
  border: none !important;
}
.ui-dialog .ui-button {
  padding: 0;
  font-weight: 400 !important;
  font-size: 12px !important;
  line-height: 25px !important;
  outline: none;
}
.ui-dialog .ui-button:first-child {
  background-color: transparent !important;
  color: black !important;
  border: none;
}
.ui-dialog .ui-button:first-child:hover {
  background-color: black !important;
  color: white !important;
}
.ui-dialog .ui-button:last-child {
  margin-right: 0 !important;
}
.loading-indicator {
  text-align: center;
}
.loading-indicator .LegacyMuiCircularProgress-indeterminate {
  display: inline-block;
  animation: 1.4s linear 0s infinite normal none running animation-61bdi0;
  width: 40px;
  height: 40px;
}
.loading-indicator .LegacyMuiCircularProgress-svg {
  animation: 1.4s ease-in-out 0s infinite normal none running animation-1p2h4ri;
}
.loading-indicator .LegacyMuiCircularProgress-circle {
  color: #3646AE;
  stroke: currentcolor;
  animation: 1.4s ease-in-out 0s infinite normal none running animation-1p2h4ri;
}
@-webkit-keyframes animation-1p2h4ri {
  0% {
    stroke-dasharray: 1px,200px;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 100px,200px;
    stroke-dashoffset: -15px;
  }
  100% {
    stroke-dasharray: 100px,200px;
    stroke-dashoffset: -125px;
  }
}
@keyframes animation-1p2h4ri {
  0% {
    stroke-dasharray: 1px,200px;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 100px,200px;
    stroke-dashoffset: -15px;
  }
  100% {
    stroke-dasharray: 100px,200px;
    stroke-dashoffset: -125px;
  }
}
@-webkit-keyframes animation-61bdi0 {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes animation-61bdi0 {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}