@charset "UTF-8";.sp-dropdown-items li a,
.text-nowrap {
  white-space: nowrap !important;
}
.blog-cover .content-cover .introtext,
.blog-cover .content-cover h1 a,
.blog-cover .content-cover h2 a,
.speaker-bio,
.speaker-title {
  -webkit-box-orient: vertical;
  -webkit-box-orient: vertical;
}
body,
h1,
h5,
h6 {
  font-family: "Open Sans", sans-serif !important;
}
.dpe-danger:hover,
.dpe-info:hover,
.dpe-message:hover,
.dpe-warning:hover {
  color: #333 !important;
}
.calendar-icon .field-calendar .btn,
.upload-doc {
  right: 0 !important;
}
.chosen-container.chosen-container-multi input[type="text"],
.row-fluid [class*="span"] {
  min-height: 30px;
}
.loginMenu a,
.masterlist-menu li a,
.txt-upper {
  text-transform: uppercase;
}
body {
  font-weight: 400 !important;
  color: #4a4a4a !important;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
  #sp-header .sp-default-logo {
    display: block;
  }
}
.com-content-adminForm .chosen-container-single .chosen-single,
.licence-edit .chosen-container-single .chosen-single,
.multiagency-edit .chosen-container-single .chosen-single {
  height: 34px;
  padding: 2px 0 0 8px;
}
.com-content-adminForm .chosen-container-single .chosen-single b,
.detail-item i,
.licence-edit .chosen-container-single .chosen-single b,
.multiagency-edit .chosen-container-single .chosen-single b {
  margin-top: 4px;
}
#adminForm.manage-reports.ucm-form-styling
  .chosen-container.chosen-container-single
  input[type="text"],
#adminForm.ucm-form-styling .chosen-container.chosen-container-multi,
#adminForm.ucm-form-styling .chosen-container.chosen-container-single,
#item-form.ucm-form-styling .chosen-container.chosen-container-multi,
#item-form.ucm-form-styling .chosen-container.chosen-container-single,
.add-todos .reminder-field .subform-layout select,
.com-rsticketspro-submit-ticket .ucm-form-styling .chosen-container-multi,
.com-rsticketspro-submit-ticket .ucm-form-styling .chosen-container-single,
.create-campaign.ucm-form-styling .chosen-container.chosen-container-multi,
.create-campaign.ucm-form-styling .chosen-container.chosen-container-single,
.create-group.ucm-form-styling .chosen-container.chosen-container-multi,
.create-group.ucm-form-styling .chosen-container.chosen-container-single,
.dashboard-view .filter-div .chosen-container,
.dp-form-styling textarea,
.form-validate
  .form-horizontal
  .custom-form-style
  .rop-inputs
  .chosen-container,
.licence-edit .chosen-container,
.licence-edit .form-horizontal select,
.licence-edit .input-append input,
.licence-edit input,
.multiagency-edit .chosen-container,
.multiagency-edit input,
.multiagency-edit select,
.rop-inputs .field-calendar > .input-append,
.sp-dropdown-items.gridclass li,
.timelog-activities-popup .com-timelog .controls textarea,
.timelog-add-form .chosen-container-single,
.timelog-add-form .control-label,
.timelog-add-form .controls .field-calendar .input-append,
.timelog-add-form .controls select,
.timelog-add-form .controls textarea,
.timelog-add-form .controls > input[type="text"],
.timelog-add-form.activity-edit
  .control-group-fwidth
  .subform-repeatable-group
  .control-group,
.tox.tox-tinymce,
.users-edit input,
.w-100,
.widget-boxes .filter-widget #reportForm .chosen-container {
  width: 100% !important;
}
.licence-edit .input-append {
  position: relative;
  width: 100%;
}
.filter-search input {
  float: left;
  border-radius: 5px 0 0 5px;
}
.filter-search .btn-primary,
.multiagency-edit .radio label.btn,
.ucm-form-styling .radio label.btn {
  border-radius: 0;
}
.filter-search .btn-basic {
  border: 1px solid #ccc;
  border-radius: 0 5px 5px 0;
}
#filter-progress-bar,
.blog-cover .entry-header,
.mb-20,
.widget-boxes .panel .filter-div {
  margin-bottom: 20px;
}
#filter-progress-bar input[type="text"] {
  width: 165px;
}
#ed .ed-navbar__body,
.notification-add-form .btn-success:focus,
.notification-add-form .btn-success:hover,
.ucm-form-styling .btn-success {
  background-color: #22b8f0;
  border: 1px solid #22b8f0;
}
#ed .ed-navbar__search,
#ed .ed-navbar__search-input {
  background-color: #eee;
}
.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover,
.nav > li > a:focus,
.nav > li > a:hover {
  background-color: #fff0;
}
#cj-wrapper ul ul,
.p-10,
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  padding: 10px;
}
@media (max-width: 1024px) {
  #sp-main-body {
    padding: 40px 0;
  }
}
div.modal {
  position: fixed;
  top: 5%;
  left: 50%;
  z-index: 1050;
  width: 80%;
  margin-left: -40%;
  background-color: #fff;
  border: 1px solid;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgb(0 0 0 / 0.3);
  -moz-box-shadow: 0 3px 7px rgb(0 0 0 / 0.3);
  box-shadow: 0 3px 7px rgb(0 0 0 / 0.3);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  outline: 0;
}
.poll-details .list-group-item {
  padding: 10px 35px !important;
}
#cpnb_manager_wrap,
#jtwrap.jt-custom-event .jt-event-view .input-append input[type="text"],
.add-todos .control-label,
.add-todos .uneditable-input,
.add-todos input[type="color"],
.add-todos input[type="date"],
.add-todos input[type="datetime-local"],
.add-todos input[type="datetime"],
.add-todos input[type="email"],
.add-todos input[type="month"],
.add-todos input[type="number"],
.add-todos input[type="password"],
.add-todos input[type="search"],
.add-todos input[type="tel"],
.add-todos input[type="text"],
.add-todos input[type="time"],
.add-todos input[type="url"],
.add-todos input[type="week"],
.add-todos select,
.add-todos textarea,
.chosen-results,
.making-round-form.ucmsubform .control-label,
.making-round-form.ucmsubform .controls,
.manage-lesson .fileupload .input-append,
.nav-cover ul.nav-tabs > li .ucm-loadmore-tab,
.recommendation-form .control-group.reminder-field a.chosen-single,
.rop-form-design .ucmsubform .subform-repeatable-group .controls .control-group,
.rop-list-cover table td .chosen-single,
.rop-popup li,
.ucm-form-styling .chosen-container-multi .search-field {
  width: 100%;
}
.click-to-expand-child-menu
  .sp-megamenu-parent
  .sp-dropdown-inner
  .sp-has-child.open
  > .sp-dropdown,
.click-to-expand-child-menu
  .sp-megamenu-parent
  .sp-dropdown-inner
  .sp-has-child.show
  > .sp-dropdown,
.collapse.in,
.display-block,
.modal.hide.in,
.multiagency-edit .checkbox,
.radio label,
.sclogin:hover .dropdown-menu,
.sp-dropdown-inner {
  display: block !important;
}
.pagination {
  margin: 18px 0;
  justify-content: center;
  flex-wrap: wrap;
}
.pagination ul {
  display: inline-block;
  margin-left: 0;
  margin-bottom: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 0.05);
  -moz-box-shadow: 0 1px 2px rgb(0 0 0 / 0.05);
  box-shadow: 0 1px 2px rgb(0 0 0 / 0.05);
  box-shadow: unset;
}
.complete-mark:hover .fa-check-circle,
.cust-table .js-stools-container-bar .btn-wrapper,
.incomplete-mark:hover .fa-times-circle,
.manage-staff.dp-search-filter .js-stools-container-bar .btn-wrapper,
.modal-filter input[type="text"],
.pager li,
.pagination ul > li,
.recommendation-form.notification-add-form .radio,
.slaactivities-view .js-stools-container-bar .btn-wrapper {
  display: inline;
}
.pagination ul > li > a,
.pagination ul > li > span {
  float: left;
  padding: 8px 14px;
  line-height: 18px;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination ul > .active > a,
.pagination ul > .active > span,
.pagination ul > li > a:focus,
.pagination ul > li > a:hover,
.tj-search-filters .js-stools-container-bar .btn-wrapper button {
  background-color: #f5f5f5;
}
.pagination ul > .active > a,
.pagination ul > .active > span {
  color: #fff;
  cursor: default;
}
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:focus,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > span {
  color: #999;
  background-color: #fff0;
  cursor: default;
}
.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
  border-left-width: 1px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}
.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
}
.pagination-centered,
.text-center {
  text-align: center;
}
.actions-right,
.group-rate-table th:last-child,
.pagination-right {
  text-align: right;
}
.pagination-large ul > li > a,
.pagination-large ul > li > span {
  padding: 11px 19px;
  font-size: 16.25px;
}
.pagination-large ul > li:first-child > a,
.pagination-large ul > li:first-child > span {
  -webkit-border-top-left-radius: 6px;
  -moz-border-radius-topleft: 6px;
  border-top-left-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-large ul > li:last-child > a,
.pagination-large ul > li:last-child > span {
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-mini ul > li:first-child > a,
.pagination-mini ul > li:first-child > span,
.pagination-small ul > li:first-child > a,
.pagination-small ul > li:first-child > span {
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-mini ul > li:last-child > a,
.pagination-mini ul > li:last-child > span,
.pagination-small ul > li:last-child > a,
.pagination-small ul > li:last-child > span {
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  border-bottom-right-radius: 3px;
}
.pagination-small ul > li > a,
.pagination-small ul > li > span {
  padding: 2px 10px;
  font-size: 12px;
}
.pagination-mini ul > li > a,
.pagination-mini ul > li > span {
  padding: 0 6px;
  font-size: 9.75 px;
}
.pagination > .active > a,
.pagination > .active > span {
  border-color: #22b8f0 !important;
  background-color: #22b8f0 !important;
}
.pager {
  margin: 18px 0;
  list-style: none;
  text-align: center;
}
.pager:after,
.pager:before {
  display: table;
  content: "";
  line-height: 0;
}
.clear-both,
.com-timelog .close:after,
.group-popup .close:after,
.pager:after,
.recommendation-form
  .control-group.reminder-field
  .subform-repeatable
  .btn-toolbar::after,
.recommendation-form
  .control-group.reminder-field
  .subform-repeatable-group.subform-repeatable-group-sr-0,
.recommendation-form
  .control-group.reminder-field
  .subform-repeatable-group::after,
.rst_editor:after,
.timelog-add-form .close:after {
  clear: both;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.pager li > a:focus,
.pager li > a:hover {
  text-decoration: none;
  background-color: #f5f5f5;
}
#sp-menu .sp-column,
#tjgophish-wrapper .js-stools .js-stools-container-list,
.UserImportBtn,
.checklist-expectation .btn-group,
.checklistBtnGrp,
.cust-table .js-stools .js-stools-container-list,
.manage-staff.dp-search-filter .js-stools .js-stools-container-list,
.pager .next > a,
.pager .next > span,
.recommendation-form
  .control-group.reminder-field
  .subform-repeatable
  .btn-toolbar,
.recommendation-form.notification-add-form
  .reminder-field
  .btn-toolbar.text-right,
.rop-inputs .btn-toolbar .btn-group,
.sclogin.sourcecoast,
.search-field .js-stools .js-stools-container-list,
.slaactivities-view .js-stools .js-stools-container-list,
.ticket-searchtool .js-stools .js-stools-container-list,
.timelog-activities-search .js-stools .js-stools-container-list,
.tj-search-filters .js-stools-container-list {
  float: right;
}
.cust-table .js-stools-container-bar,
.manage-staff.dp-search-filter .js-stools-container-bar,
.pager .previous > a,
.pager .previous > span,
.slaactivities-view .js-stools-container-bar,
.tj-search-filters .js-stools-container-bar {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:focus,
.pager .disabled > a:hover,
.pager .disabled > span {
  color: #999;
  background-color: #fff;
  cursor: default;
}
.pager ul > li:nth-child(2) > a,
.pager ul > li:nth-child(2) > span {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.radio input[type="radio"] {
  margin-left: 0;
  margin-top: 5px;
}
#data-flow .subform-repeatable-group .control-group:first-child,
#tjgophish-wrapper .dropdown-toggle::after,
.complete-mark .fa-check-circle,
.complete-mark:hover .fa-circle-o,
.dashboard-filter .widget-title,
.dashboard-widget-label .widget-title,
.incomplete-mark .fa-times-circle,
.incomplete-mark:hover .fa-check-circle,
.info-cover .tooltip .tooltip-arrow,
.mid,
.multiagency-edit .radio input,
.radio input[type="radio"],
.recommendation-form
  .control-group.reminder-field
  .subform-repeatable-group
  .control-label,
.reportdata.hide,
.rop-form-design .data-flow-relation,
.rop-process-list #noDataFoundDiv,
.school_field .control-group > .control-label,
.staff_notify_user_import,
.tjfield-d-none,
.tjfield-d-none label,
.tjfieldTjListOtherText br,
.tjgophish-template-preview .hidden,
.tjlms-lesson-player .bp-header-btns .bp-btn-print,
.ucm-form-styling .radio input,
.ucm-form-styling .subform-repeatable.ui-sortable > .btn-toolbar,
.ucm-form-styling .ui-sortable > .btn-toolbar > .btn-group > .btn,
.view-managelessons .modal-header,
.visible-print,
joomla-alert[type="info"] .alert-heading .alert.alert-success {
  display: none;
}
#jtwrap.jt-custom-event
  .jt-event-view
  .btn-group-toggle
  .radio-inline
  + .radio-inline,
.custom-form-style .control-group .controls,
.form-horizontal .school_field .control-group > .controls,
.mx-0 {
  margin-left: 0;
}
#data-flow .subform-repeatable-group .panel .control-group,
.d-inline-block,
.input-custom input,
.timelog-activities-search .btn-wrapper > input,
label {
  display: inline-block !important;
}
.checklist-title {
  font-size: 13px;
}
.checklist_outer {
  box-shadow: 0 2px 9px -1px rgb(0 2 0 / 0.07);
  margin-bottom: 20px;
}
.checklist_dashboard .list-group-item,
.form-validate .detail-view-tabs > li.active > a,
.rop-form-design .form-horizontal .buttons li a.active,
.rop-form-design .form-horizontal ul.nav li a.active,
.rsTicketDetail .com-rsticketspro-defaultUser,
.ucm-form-styling .panel {
  border: none;
}
.danger,
.dpe-danger,
.dpe-danger:hover {
  border-color: #e25c3a !important;
}
.width-22 {
  width: 22%;
}
.checklist_outer .chosen-container-single .chosen-single span {
  text-align: left;
  font-weight: 600;
  text-transform: capitalize;
}
.checklist_outer .chosen-container-single .chosen-single {
  background: 0 0;
  border-radius: unset;
  box-shadow: none;
}
.progress {
  height: 7px !important;
  border-radius: unset;
  margin-bottom: 0 !important;
}
.progress-green {
  background-color: #50e3c1 !important;
}
.checklistDate {
  font-size: 10px;
  color: grey;
  font-weight: 600;
}
.custom-h2-dark,
.custom-message,
.danger,
.info,
.na,
.warning {
  font-weight: 700 !important;
}
.tab-pane {
  padding-top: 20px !important;
}
.dpe-danger {
  color: #e25c3a !important;
  background: #fff !important;
}
.danger {
  background: #e25c3a !important;
  color: #fff !important;
}
.dpe-warning,
.dpe-warning:hover,
.warning {
  border-color: #f5a624 !important;
}
.dpe-warning {
  color: #f5a624 !important;
  background: #fff !important;
}
.warning {
  background: #f5a624 !important;
  color: #fff !important;
}
.dpe-info,
.dpe-info:hover {
  border-color: #69d6bb !important;
}
.dpe-info {
  color: #69d6bb !important;
  background: #fff !important;
}
.info {
  background: #50e3c1 !important;
  color: #fff !important;
  border-color: #50e3c1 !important;
}
.custom-message,
.dpe-message,
.dpe-message:hover {
  border-color: #c3d61b !important;
}
.dpe-message {
  color: #c3d61b !important;
  background: #fff !important;
}
.custom-message {
  background: #c3d61b !important;
  color: #fff !important;
}
.pt-10,
.tabbable-panel {
  padding-top: 10px;
}
.tabbable-line > .nav-tabs {
  border: none;
  margin: 0;
}
.tabbable-line > .nav-tabs > li > a {
  border: 0;
  margin-right: 0;
  color: #000;
}
.tabbable-line > .nav-tabs > li.open > a > i,
.tabbable-line > .nav-tabs > li:hover > a > i,
.tabbable-line > .nav-tabs > li > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open > a,
.tabbable-line > .nav-tabs > li:hover > a {
  border: 0;
  background: 0 0 !important;
  color: #000;
}
.actionbuttondel,
.add-todos.ucm-form-styling .subform-repeatable-group .control-group,
.sp-module:first-child,
.tabbable-line.tabs-below > .nav-tabs > li > a,
.tabbable-line > .nav-tabs > li.open .dropdown-menu,
.tabbable-line > .nav-tabs > li:hover .dropdown-menu,
.tjBs3 .tjlms_add_lesson_form .lesson_format .subformat {
  margin-top: 0;
}
.cust-table .nav-tabs > li.active,
.tabbable-line > .nav-tabs > li.active {
  border-bottom: 4px solid #000;
  position: relative;
}
.border-0,
.cust-table .nav-tabs > li.active > a:focus,
.cust-table .nav-tabs > li.active > a:hover,
.jlike_comments #wysiwyg .btns .jlike_textarea,
.tabbable-line > .nav-tabs > li.active > a,
.timelog-activities-search .field-calendar .input-append button {
  border: 0;
}
.checklistBack,
.checklistBack:hover,
.cust-table .js-stools-container-bar .js-stools-btn-clear:hover,
.dp-search-filter .btn-clear:hover,
.entry-header h1 a,
.feedbackDetailColor,
.manage-staff.dp-search-filter
  .js-stools-container-bar
  .js-stools-btn-clear:hover,
.my-documents .table > tbody > tr > td.incomplete,
.my-documents table .doc-title a,
.pagination > li > a,
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span,
.pagination > li > span:focus,
.pagination > li > span:hover,
.recommendations-listview-popup .pagination > li > a,
.recommendations-listview-popup .pagination > li > span,
.slaactivities-view .js-stools-container-bar .js-stools-btn-clear:hover,
.tabbable-line > .nav-tabs > li.active > a > i,
.tjBs3 .pagination > li > a,
.tjBs3 .pagination > li > span {
  color: #000;
}
.tabbable-line > .tab-content {
  margin-top: -3px;
  background-color: #fff;
  border: 0;
  border-top: 1px solid #eee;
  padding: 15px 0;
}
.portlet .tabbable-line > .tab-content {
  padding-bottom: 0;
}
.tabbable-line.tabs-below > .nav-tabs > li {
  border-top: 4px solid #fff0;
}
.tabbable-line.tabs-below > .nav-tabs > li:hover {
  border-bottom: 0;
  border-top: 4px solid #737373;
}
.tabbable-line.tabs-below > .nav-tabs > li.active {
  margin-bottom: -2px;
  border-bottom: 0;
  border-top: 4px solid #f3565d;
}
.tabbable-line.tabs-below > .tab-content {
  margin-top: -10px;
  border-top: 0;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
}
.doc-title,
.font-700,
.font-bold,
.notice-style h3,
ul#tjucm_myTabTabs > li.active {
  font-weight: 700;
}
.checklist {
  border-bottom: 1px solid #eee;
  margin-top: 14px;
  padding: 0;
}
.checklist > .form-group > .col-sm-7 {
  font-size: 18px;
  font-weight: 700;
  color: #000;
}
.checklistBtn {
  border-radius: 0;
  font-size: 12px !important;
  font-weight: 700 !important;
}
.checklistBtn input[type="radio"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.checklistDoneBtn {
  font-weight: 700;
  color: #fff;
}
.cust-table .btn-wrapper button[type="submit"],
.my-documents .js-stools-container-bar .btn-wrapper button[type="submit"],
.my-tickets .js-stools-container-bar .btn-wrapper button[type="submit"],
.timelog-activities-search .btn-wrapper button[type="submit"] {
  background: 0 0;
  border: none !important;
  outline: 0;
  transition: none;
  box-shadow: none;
  padding: 6.5px;
  border-bottom: 1px solid #ccc !important;
  border-radius: 0;
}
.cust-table .btn-wrapper input[type="text"],
.my-documents .js-stools-container-bar .btn-wrapper input[type="text"],
.my-tickets .js-stools-container-bar .btn-wrapper input[type="text"] {
  border: none;
  border-bottom: 1px solid #ccc7c7 !important;
  border-radius: 0;
  padding: 6px 12px 6px 0;
}
.alert,
.field-calendar .input-append,
.info-cover,
.position-relative,
.relative,
.rop-inputs .field-calendar > .input-append > input,
.search-field,
.timelog-add-form .controls .field-calendar .input-append,
.timelog-add-form.activity-edit .field-calendar {
  position: relative;
}
.upload-doc {
  position: absolute !important;
  clear: both;
  display: inline-block;
  margin-right: 145px;
  z-index: 9;
}
.manage-doc .table-responsive {
  padding: 3px;
}
.doc-status span {
  font-size: 12px;
  margin-bottom: 5px;
}
#lessonsList td,
.process-list-header .ropProcessCheck-lable {
  vertical-align: middle;
}
#lessonsList tbody tr:hover,
.my-documents tbody tr:hover {
  box-shadow: 3px 0 21px 0 rgb(207 207 207 / 0.8);
}
.cust-table .modal-header h3 {
  margin: 0;
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
}
.cust-table .modal-header .close {
  border: 0;
  background: 0 0;
  font-size: 22px;
  opacity: 0.5;
}
.com-timelog .close:hover,
.cust-table .modal-header .close:focus,
.cust-table .modal-header .close:hover,
.form-validate .tab-pane.fade:not(.show),
.group-popup .close:hover,
.timelog-add-form .close:hover {
  opacity: 1;
}
.cust-table .nav-tabs {
  margin-bottom: 10px;
  border: 0;
  border-bottom: 1px solid #eee;
  padding: 10px 0;
}
.cust-table .tab-pane,
.dp-form-styling .tab-pane,
.form-validate.ucm-form-styling.create-campaign.my-support-view
  .tox-editor-container,
.pt-0,
.rop-form-design .tab-pane,
.tjlms_add_lesson_form .tab-pane {
  padding-top: 0 !important;
}
.cust-table .nav-tabs > li,
.mr-30 {
  margin-right: 30px;
}
.cust-table .nav-tabs > li a {
  display: inline-block;
  padding: 8px 12px;
}
.cust-table .nav-tabs > li.active > a {
  border: 0;
  color: #38bdf1;
}
.cust-table .nav-tabs > li > a:focus,
.cust-table .nav-tabs > li > a:hover {
  border-color: #fff0;
  background-color: #fff0;
}
.cust-table .nav-tabs > li > a {
  color: #9b9b9b;
  font-size: 14px;
  font-weight: 600;
}
.cust-table .tab-count {
  color: #9b9b9b;
  border: 1px solid #9b9b9b;
  border-radius: 50%;
  padding: 5px 9px;
}
#tjgophish-wrapper .js-stools .js-stools-container-bar .dp-search-filter,
.search-field .js-stools .js-stools-container-bar .dp-search-filter,
.ticket-searchtool .js-stools .js-stools-container-bar .dp-search-filter,
.timelog-activities-search
  .js-stools
  .js-stools-container-bar
  .dp-search-filter,
.tj-search-filters .js-stools-container-bar .btn-wrapper {
  display: inline-block;
  width: unset;
}
.tj-search-filters .js-stools-container-bar .btn-wrapper button:focus,
.tj-search-filters .js-stools-container-bar .btn-wrapper button:hover {
  background-color: #e6e6e6;
}
#tjgophish-wrapper .js-stools .js-stools-container-bar input[type="text"],
.search-field .js-stools .js-stools-container-bar input[type="text"],
.ticket-searchtool .js-stools .js-stools-container-bar input[type="text"],
.timelog-activities-search
  .js-stools
  .js-stools-container-bar
  input[type="text"],
.tj-search-filters .js-stools-container-bar .btn-wrapper input[type="text"] {
  display: inline-block;
  width: unset;
  line-height: 20px;
  margin: 0;
  height: 35px;
}
.tj-search-filters .js-stools-container-bar .btn-wrapper.input-append button {
  vertical-align: bottom;
  margin-left: -4px !important;
}
.doc-assign a,
.my-documents .pending-doc-count,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  color: #4a90e2;
}
.cust-table .active .tab-count {
  color: #fff;
  background: #4a90e2;
  border: 1px solid #4a90e2;
}
.cust-table .js-stools-container-filters,
.timelog-activities-search .js-stools-container-filters {
  background: #fff;
  width: 100%;
  left: 10px;
  padding: 12px;
  box-shadow: 0 2px 12px 0 #ccc;
  top: 23px;
  z-index: 9;
  float: left;
  margin-bottom: 0;
}
.btn.btn-blue,
.uneditable-input,
input[type="color"],
input[type="date"],
input[type="datetime-local"],
input[type="datetime"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select,
textarea {
  box-shadow: none !important;
}
.timelog-activities-search .js-stools .js-stools-container-filters-visible {
  left: 15px;
}
.cust-table .js-stools-container-bar .btn-primary {
  color: #fff;
  text-shadow: none;
  border: 1px solid #fff0;
  outline: 0;
  top: 0;
  padding: 4px 12px;
  background: #fff;
}
.cust-table .js-stools-container-bar .btn-primary .caret {
  border-bottom: 4px solid #fff;
}
.js-stools-container-bar .js-stools-btn-filter,
.js-stools-container-bar .js-stools-btn-filter:focus,
.js-stools-container-bar .js-stools-btn-filter:hover {
  text-shadow: none;
  outline: 0;
}
.js-stools-container-bar .btn-primary:before {
  position: relative;
  z-index: 2;
  background: #fff;
}
.cust-table thead {
  background: #f1f1f1;
}
.cust-table thead a,
.cust-table thead a:active,
.cust-table thead a:focus,
.cust-table thead a:hover,
.doc-title a,
.doc-title a:active,
.doc-title a:focus,
.doc-title a:hover,
.user-count a,
.user-count a:active,
.user-count a:focus,
.user-count a:hover {
  color: #4a8cdf;
}
.cust-table thead > tr > th {
  border-bottom: none !important;
}
.cust-table table input[type="checkbox"] {
  margin: 5px 0 0;
}
.cust-table .row {
  margin-left: -15px;
  margin-right: -15px;
  position: relative;
}
.cust-table .modal-body .row.user-popup {
  position: unset;
}
.cust-table table tbody tr:last-child,
.my-documents .table,
.rop-popup-header {
  border-bottom: 1px solid #ddd;
}
.cust-table table tbody tr:first-child td {
  border-top: none;
}
.br-4,
.btn-upload,
.view-reports a.btn,
.view-reports button.btn,
.view-reports input[type="button"].btn {
  border-radius: 4px !important;
}
.doc-status .progress {
  width: 140px;
}
.click-to-expand-child-menu
  .sp-megamenu-parent
  .sp-dropdown-inner
  .sp-has-child:hover
  > .sp-dropdown,
.click-to-expand-child-menu
  .sp-megamenu-parent
  .sp-dropdown-inner
  .sp-has-child
  > a:after,
.click-to-expand-child-menu
  .sp-megamenu-parent
  .sp-dropdown-inner
  .sp-has-child
  > span:after,
.com-sppagebuilder.view-page .display-none,
.cust-table .element-invisible,
.dashboard-filter .card-widget-boxes .widget-data .widget-title,
.dashboard-view .hide-title .widget-title.panel-heading,
.dashboard-widget-label .card-widget-boxes .widget-data .widget-title,
.dropdown-toggle::after,
.groupadd-form-popup #sbox-btn-close,
.hidden-xl-down,
.hidden-xs-up,
.hide,
.sp-menu-item:empty,
.timelog-activities #sbox-btn-close,
.timelog-activities-popup #sbox-btn-close,
.users-edit .ui-sortable > .btn-toolbar > .btn-group > .btn,
.visible-print-inline,
.visible-print-inline-block {
  display: none !important;
}
.cust-table a {
  text-decoration: none !important;
}
.btn-cta,
.btn-explore-venue,
.dpebtn-view-all,
.dpemat-btn,
.link-list a,
.read-more-link {
  text-decoration: none;
}
.enroll-btn {
  color: #fff;
  background-color: #337ab7 !important;
  border-color: #2e6da4 !important;
}
#jtwrap.jt-custom-event .jt-event-view .btn-toolbar.btn-group .btn-success,
.manage-doc .progress-bar {
  background-color: #22b8f0;
}
.assign-duedate {
  margin-right: -10px;
}
.assign-startdate {
  margin-right: -35px;
}
.margin-r,
.mr-15 {
  margin-right: 15px;
}
.fa-2x {
  height: 0 !important;
  vertical-align: -15%;
}
#cpnb_manager_wrap .cpnb-modal-bg,
#sp-page-title,
.agency-info-popup.tjucm-addprocess-doc,
.com-sppagebuilder .sp-main-container,
.dashboard-filter .col-sm-12,
.lesson-state fieldset,
.popup-search .search-clear-btn,
.sp-top-bar {
  padding: 0 !important;
}
.intraction-modal {
  position: fixed !important;
  left: 25% !important;
  right: 25% !important;
}
#sp-header {
  min-height: 90px;
  height: auto !important;
  z-index: unset;
}
.btn.btn-blue {
  background-color: #22b8f0 !important;
  background-image: none !important;
  color: #fff !important;
  text-shadow: none !important;
}
.view-items #timelog-activities,
.view-managelessons #sbox-window.timelog-activities,
.view-slaactivities #sbox-window.timelog-activities {
  width: 70% !important;
  position: fixed !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%);
  height: 80% !important;
  padding: 5px;
}
.timelog-add-form .control-label {
  float: unset !important;
}
.mb-10,
.timelog-add-form .form-horizontal .control-group,
.ucm-form-styling .data-subject-field.control-group {
  margin-bottom: 10px;
}
.px-10,
.view-slaactivities #sbox-window.shadow {
  padding-left: 10px;
  padding-right: 10px;
}
#slaactivitiesList .fa-history,
.font-16,
.loginForm .form-links li,
.manage-doc table .doc-title a .icon:before,
.my-documents table .doc-title a .icon:before {
  font-size: 16px;
}
.cust-table .table > tbody > tr > td {
  padding: 15px 10px;
  font-size: 14px;
}
.cust-table .table > thead > tr > th:first-child,
.cust-table .table > thead > tr > th:nth-child(2) {
  padding: 8px 10px;
}
.cust-table .table > thead > tr > th {
  padding: 8px 3px;
  font-size: 14px;
}
.cust-table .table > tbody > tr > td.user-name {
  font-size: 16px;
  font-weight: 600;
  word-break: break-word;
  word-wrap: break-word;
}
.cust-table .modal-header {
  padding: 9px 10px;
}
.assign-btn {
  position: fixed;
  bottom: 0;
  border-top: 1px solid #ccc7c7;
  background: #fff;
}
.assign-btn .btn-blue {
  margin: 10px 0 5px;
}
#assign_due_date .js-calendar,
.modalName1,
.mt-0,
.sp-header.menu-fixed {
  margin-top: 0 !important;
}
#assign_due_date .field-calendar input[type="text"] {
  width: unset !important;
}
#assign_due_date .field-calendar .btn {
  padding: 4px 12px;
  height: 38px;
  background: #f5f5f5;
  color: #333;
  border-color: #b3b3b3;
}
.tjlms_add_lesson_form .nav-tabs {
  margin-bottom: 0;
  border: 0;
  padding: 10px 0;
}
.tjlms_add_lesson_form .nav-tabs > li.active > a:focus,
.tjlms_add_lesson_form .nav-tabs > li.active > a:hover,
.tjlms_add_lesson_form .nav-tabs > li > a:focus,
.tjlms_add_lesson_form .nav-tabs > li > a:hover {
  background-color: #fff0;
  border: 0;
}
.tjlms_add_lesson_form .nav-tabs > li > a {
  color: #4a4a4a !important;
  padding: 8px 0;
  margin-right: 25px;
  border: 0;
}
.tjlms_add_lesson_form .nav-tabs > li > a.active {
  border: 0;
  color: #000 !important;
  border-bottom: 1px solid #000 !important;
  font-weight: 600;
  outline: 0;
}
.tjlms_add_lesson_form .form-horizontal .form-group label,
.tjlms_add_lesson_form .lesson_format .control-label,
.tjlms_add_lesson_form .lesson_format label {
  padding-top: 4px;
  font-weight: 400;
  text-align: left;
}
.tjlms_add_lesson_form .lesson_format .control-label label {
  font-weight: 400;
  padding-top: 0;
}
.tjBs3 .tjlms_add_lesson_form .form-actions {
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
  background-color: #fff0;
  border-top: 0;
}
.tjBs3 .tjlms_add_lesson_form .btn-success,
.tjBs3 .tjlms_add_lesson_form .btn-success:active,
.tjBs3 .tjlms_add_lesson_form .btn-success:active:focus,
.tjBs3 .tjlms_add_lesson_form .btn-success:focus {
  background-color: #4a90e2 !important;
  border-radius: 5px;
  box-shadow: 0 2px 25px 0 rgb(190 190 190 / 0.5);
  border-color: #fff0;
  padding: 7px 30px;
}
.tjBs3 .tjlms_add_lesson_form .progress {
  padding-bottom: 25px;
  width: 100%;
}
.my-documents .page-header h2 {
  font-size: 20px;
  margin: 0;
}
.my-documents .js-stools-field-list .chosen-container-single .chosen-single {
  height: 34px;
  padding: 5px 12px;
}
.my-documents
  .js-stools-field-list
  .chosen-container-single
  .chosen-single
  div {
  top: 6px;
}
.my-documents .doc-count .count {
  font-size: 20px;
  margin-right: 4px;
}
.my-documents .doc-count .text {
  font-size: 11px;
}
.my-documents .assigned-doc-count .text {
  border-right: 1px solid silver;
  padding-right: 15px;
  margin-right: 15px;
}
.my-documents table thead {
  background-color: #efefef;
  border: 0;
}
.my-documents .table > thead > tr > th {
  border: 0;
  vertical-align: top;
}
.my-documents .table > tbody > tr > td {
  color: #9b9b9b;
  font-size: 14px;
  padding: 25px 10px;
}
.border-top-0,
.my-documents table tr:first-child td {
  border-top: 0 !important;
}
.my-documents table .doc-title {
  font-size: 16px;
  font-weight: 600;
  color: #000;
  max-width: 250px;
  word-break: break-word;
}
.manage-doc table .doc-title a .icon,
.my-documents table .doc-title a .icon {
  display: inline-block;
  font: 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 10px;
  width: 13px;
}
.manage-doc table .doc-title a .pdf:before,
.my-documents table .doc-title a .pdf:before {
  content: "\f1c1";
  color: #417505;
}
.manage-doc table .doc-title a .doc:before,
.manage-doc table .doc-title a .docx:before,
.my-documents table .doc-title a .doc:before,
.my-documents table .doc-title a .docx:before {
  content: "\f1c2";
  color: #9013fe;
}
.manage-doc table .doc-title a .xls:before,
.manage-doc table .doc-title a .xlsx:before,
.my-documents table .doc-title a .xls:before,
.my-documents table .doc-title a .xlsx:before {
  content: "\f1c3";
}
.manage-doc table .doc-title a .ppt:before,
.manage-doc table .doc-title a .pptx:before,
.my-documents table .doc-title a .ppt:before,
.my-documents table .doc-title a .pptx:before {
  content: "\f1c4";
}
.manage-doc table .doc-title a .txt:before,
.my-documents table .doc-title a .txt:before {
  content: "\f15c";
}
.manage-doc
  table
  .doc-title
  a
  .zip:before
  .my-documents
  table
  .doc-title
  a
  .zip:before {
  content: "\f1c6";
}
.manage-doc table .doc-title a .jpeg:before,
.manage-doc table .doc-title a .jpg:before,
.manage-doc table .doc-title a .png:before,
.my-documents table .doc-title a .jpeg:before,
.my-documents table .doc-title a .jpg:before,
.my-documents table .doc-title a .png:before {
  content: "\f1c5";
}
.doc-name {
  width: calc(100% - 30px);
  line-height: 20px;
}
.my-documents table td.consent,
.my-documents table td.read,
.my-documents table td.used {
  width: 110px;
}
.h4,
.my-documents table td .fa:before,
.tj-ucm-document-container .tj-ucm-document-download,
h4,
h4.tjlmspin__caption_title {
  font-size: 18px;
}
.form-validate legend,
legend {
  font-size: 21px;
  line-height: 40px;
}
.my-documents .table > tbody > tr > td.due-date.incomplete,
.my-documents .table > tbody > tr > td.not.opened {
  color: #d0021b;
}
.my-documents .table > tbody > tr > td.consent .fa-check-circle-o,
.my-documents .table > tbody > tr > td.read .fa-check-circle-o,
.my-documents .table > tbody > tr > td.used .fa-check-circle-o {
  color: #559c03;
}
.my-documents .table > tbody > tr > td.completed {
  color: #9b9b9b;
}
.my-tickets .chosen-container-single .chosen-single {
  border: none;
  border-bottom: 1px solid #ccc7c7 !important;
  height: 32px;
}
.btn-clear {
  margin-left: 10px;
  border-radius: 5px !important;
}
.bg-skyblue {
  background-color: #34b8f0;
}
.bg-gray {
  background-color: #f4f4f4;
}
#adminForm .btn-wrapper > input,
.hardware-master-list > input,
.manage-courses .filter-search > input,
.manage-schools-page .filter-search > input,
.manage-staff > input,
.rop-process-list .list__separation > input,
.software-master-list > input {
  border: none;
  border-bottom: 1px solid #ccc7c7;
  border-radius: 0;
}
#adminForm .btn-wrapper > button[type="submit"],
.manage-courses button[type="submit"],
.manage-staff > button {
  margin: 0;
  background-color: #fff0;
  color: #555;
  border: none;
  border-bottom: 1px solid #ccc7c7;
}
.dp-search-filter .chosen-single div,
.manage-staff .chosen-container-single .chosen-single > div {
  top: 5px;
}
.manage-schools-page .filter-search > button[type="submit"] {
  border: none;
  color: #333;
  margin-right: 10px;
  background-color: #fff0;
  border-bottom: 1px solid #ccc7c7;
}
.custom-calender .field-calendar > .input-append > input,
.licence-edit .input-append input,
.manage-schools-page .filter-search #clear-search-button {
  border-radius: 4px;
}
#sp-component #adminForm .js-stools .js-stools-container-filters {
  margin: 15px 0;
  z-index: 9;
  background: #fff;
  width: auto;
  padding: 12px;
  box-shadow: 0 2px 12px 0 #ccc;
  float: left;
}
#sp-component
  #adminForm
  .js-stools
  .js-stools-container-filters
  .chosen-single {
  border: 1px solid #a9a9a9;
}
.btn-add,
.btn-add .btn-success,
.btn-add:hover {
  background-color: #22b8f0;
  color: #fff;
  border: none;
}
.my-tickets .js-stools-container-bar .btn-wrapper input[type="text"] {
  padding: 6px 12px;
}
.form-validate .tab-content #feedback-and-files .form-horizontal,
.form-validate .tab-content #for-ico-reports .form-horizontal,
.form-validate .tab-content #incident-details .form-horizontal {
  padding-top: 20px;
  clear: both;
  display: inline-block;
}
.custom-calender .chosen-container,
.custom-calender .field-calendar input,
.custom-calender input[type="number"],
.custom-calender input[type="text"],
.sar-breach-create-page.form-group .chosen-container {
  width: 258px !important;
}
.form-validate #myTabTabs,
.form-validate .detail-view-tabs,
.group-rate-table tbody tr:last-child td,
.sp-module #acym_wrapper ul > li:last-child {
  border-bottom: none;
}
.form-validate .nav-tabs > li > a {
  color: #000;
  border: none;
}
.form-validate .nav-tabs > li > a:hover {
  border-bottom: 4px solid #e5e3e3;
}
.form-validate .nav-tabs > li > a.active {
  margin: 0;
  color: #38bdf1;
  font-weight: 700;
  border-bottom: 4px solid #000;
  position: relative;
}
#adminForm.manage-reports.ucm-form-styling .input-group,
.container.group-popup,
.cust-table .js-stools-container-bar .dp-search-filter,
.manage-staff.dp-search-filter .js-stools-container-bar .dp-search-filter,
.ropBusinessFunctionForm .list-inline li,
.slaactivities-view .js-stools-container-bar .dp-search-filter,
input[type="button"],
input[type="checkbox"],
input[type="file"],
input[type="image"],
input[type="radio"],
input[type="reset"],
input[type="submit"],
ul#tjucm_myTabTabs1 {
  width: auto;
}
ul#tjucm_myTabTabs1 li a.nav-link {
  margin: 0;
  color: #38bdf1;
  border: 0 !important;
}
#adminForm.manage-reports.ucm-form-styling .btn.export,
#school-mgmt table a,
#school-mgmt table a:hover,
#slaactivitiesList table a,
#slaactivitiesList table a:hover,
ul#tjucm_myTabTabs1 li a.nav-link:hover {
  color: #0e9cd1;
}
.sp-column .js-stools-container-bar .filter-search input {
  float: left;
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #ccc7c7 !important;
}
.custom-calender .field-calendar > .input-append > button {
  position: absolute;
  top: 0;
  left: 230px;
  background-color: #fff0;
}
.sp-dropdown,
.w-250 {
  width: 250px !important;
}
.assign-popup {
  z-index: 1000;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90%;
  padding: 20px !important;
  font-size: 16px;
  font-weight: 600;
  margin-left: -45%;
  box-shadow: -5px 3px 25px #a7a7a7;
}
.assign-popup a.close {
  right: 0;
}
.table-userdoc .table > tbody > tr > td {
  color: #4a4a4a;
  font-size: 14px;
}
.history-table,
.table-userdoc .table {
  table-layout: fixed;
}
.fs-10 {
  font-size: 10px;
}
.txt-gray {
  color: #3e3e3e;
}
.txt-green {
  color: #50e3c1;
}
.txt-dark-green {
  color: green;
}
.txt-orange {
  color: #f5a624;
}
.txt-red {
  color: #e25c3a;
}
.w-80 {
  width: 80%;
}
.create-campaign .chosen-container-multi,
.create-group .chosen-container-multi,
.mb-40 {
  margin-bottom: 40px;
}
.ml-0,
.multiagency-edit fieldset.radio,
.recommendation-form.notification-add-form .reminder-field .chosen-drop,
.recommendation-form.notification-add-form .reminder-field .chosen-single,
.ucm-form-styling #item-form .radio input,
.ucm-form-styling .subform-repeatable-group .controls {
  margin-left: 0 !important;
}
.mr-0 {
  margin-right: 0 !important;
}
.mr-5 {
  margin-right: 5px !important;
}
.py-5 {
  padding: 5px 0;
}
.b-0,
.rop-form-design .form-horizontal .buttons li a:hover,
.rop-form-design .form-horizontal ul.nav li a:hover {
  border: none !important;
}
.border-top,
.summary-section {
  border-top: 1px solid #e5e5e5;
}
.border-bottom,
.trainingrecord-view h3 {
  border-bottom: 1px solid #e5e5e5;
}
.br-0 {
  border-radius: 0 !important;
}
.br-10 {
  border-radius: 10px !important;
}
.overflow-x {
  overflow-x: auto;
}
.cursor-pointer,
.report-tbl .spentTime a,
.rop-form-design.rop-repeated-fild-view
  .form-horizontal
  .data-flow-relation
  .myTree,
.sclogin {
  cursor: pointer;
}
.hidden-scroll,
.modal-dialog.job-add-sm .modal-content,
.overflow-hidden,
.scroll-fix,
.searchtool-calendar .js-stools-container-filters .chosen-container span {
  overflow: hidden;
}
.box-shadow {
  box-shadow: 0 2px 12px 0 #ccc;
}
.com-jlike h3,
.jlike-timelog.modal-header h3 {
  margin: 0;
  border: 0;
}
.timelog-activities-search
  .js-stools
  .js-stools-container-filters
  .chosen-container.active
  .chosen-single {
  border: 1px solid #aaa !important;
}
.mr-10,
.timelog-add-form .controls button[type="submit"] {
  margin-right: 10px;
}
.timelog-add-form .controls .field-calendar input[type="text"] {
  display: inline-block !important;
  width: 100% !important;
}
.timelog-add-form
  .controls
  .field-calendar
  .input-append
  #jform_created_date_btn {
  z-index: 2;
  left: 87%;
  position: absolute;
  padding-bottom: 7px;
  border: none;
  top: 2px;
}
.group-popup .activity-header,
.notification-add-form .jlike-timelog h2.activity-header,
.timelog-add-form .activity-header {
  border-bottom: 1px solid #ccc;
}
.pagination-toolbar .pagination-list {
  padding-left: 0;
  margin-right: 0;
}
.form-horizontal .control-label,
.js-stools .js-stools-container-list,
.text-left {
  text-align: left !important;
}
.activity-edit .chosen-container .chosen-single,
.activity-edit > input:not([type="radio"]),
.rop-inputs .chosen-container .chosen-single,
.rop-inputs input:not([type="file"]),
.rop-inputs input:not([type="radio"]) {
  border: 1px solid #ccc !important;
  border-radius: 0;
  height: 34px;
  width: 100% !important;
}
.modal.show,
.rop-inputs fieldset,
.timelog-add-form .ticketPopupForm .controls #jform_activity_desc,
.timelog-add-form .ticketPopupForm .controls #jform_activity_note {
  height: auto;
}
.custom-form-style .ui-sortable > .btn-toolbar > .btn-group > .btn {
  display: unset !important;
}
.activity-edit .star,
.assignmentTodos .today,
.assignmentTodos .tomorrow,
.custom-form-style .star,
.sar-breach-create-page .star,
.star,
.text-red-500 {
  color: red;
}
.custom-form-style .subform-repeatable-group .control-group {
  width: 30%;
  display: inline-block;
  margin-right: 25px;
  vertical-align: top;
}
.custom-form-style .control-group .control-label,
.custom-form-style .control-group .radio {
  text-align: left;
  width: 100%;
}
.rop-inputs .btn-toolbar {
  margin-top: 0;
  margin-bottom: 15px;
}
.rop-process-list .list__separation {
  border-right: 1px solid #999;
  line-height: 1;
  padding-right: 10px;
}
.activity-edit .field-calendar > .input-append > button,
.licence-edit .input-append .btn,
.rop-inputs .field-calendar > .input-append > button {
  position: absolute;
  top: 0;
  left: 85%;
  background-color: #fff0;
}
.rop-inputs .subform-repeatable-group {
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
  padding-bottom: 20px;
}
.multiagency-edit .subform-repeatable-group .btn-group .btn-success,
.rop-inputs .btn-group .btn-success,
.sar-breach-create-page .subform-repeatable-group .btn-group .btn-success {
  background-color: #22b8f0 !important;
  border: 1px solid #22b8f0 !important;
  background-image: none !important;
}
.multiagency-edit .subform-repeatable-group .radio.btn-group .btn-success,
.rop-inputs .radio.btn-group .btn-success,
.sar-breach-create-page
  .subform-repeatable-group
  .radio.btn-group
  .btn-success {
  background-color: #449d44 !important;
  border: 1px solid #449d44 !important;
  background-image: none !important;
}
.multiagency-edit .subform-repeatable-group .btn-group .btn-danger,
.rop-inputs .btn-group .btn-danger,
.sar-breach-create-page .subform-repeatable-group .btn-group .btn-danger {
  background-color: #fff !important;
  color: #22b8f0 !important;
  border: 1px solid #22b8f0 !important;
  background-image: none !important;
}
.custom-step-wizard .nav-tabs {
  padding-bottom: 15px;
  text-align: center;
}
.custom-step-wizard .nav.nav-tabs > li {
  counter-increment: list-counter;
  display: inline-block;
  float: unset;
  font-weight: 600;
}
.custom-step-wizard .nav.nav-tabs > li > a:before {
  content: "" counter(list-counter);
  width: 40px;
  height: 40px;
  border: 1px solid #000;
  padding: 14px;
  border-radius: 31px;
  display: inline-block;
  line-height: 10px;
  margin-right: 10px;
}
.custom-step-wizard .nav.nav-tabs > li > a {
  display: inline-block;
  margin-right: 25px;
}
.custom-step-wizard .nav-tabs > li.active,
.custom-step-wizard .nav.nav-tabs > li > a:hover {
  border-bottom: none;
  font-weight: 600 !important;
}
.custom-step-wizard .nav-tabs > li.active a:before {
  background-color: #22b8f0;
  border: 1px solid #22b8f0;
  color: #fff;
}
.activity-edit .field-calendar button {
  background: unset;
  border: none;
  padding: 6px 12px;
  left: unset !important;
  right: 0;
  box-shadow: none;
  border-radius: 0;
}
#jtwrap.jt-custom-event .jt-event-view .subform-layout .fa-trash,
.DragDropRelCover li div:hover,
.compliancemanager a,
.manage-doc .compliancemanager .doc-assign a,
.name1,
.name7,
.name9,
.popup-btns .rop-create-new a,
.recommendations-listview-popup a,
.recommendations-listview-popup a:hover,
.rop-process-list a[aria-expanded="true"],
.vendors-view .side-navigation .nav > li > a.active {
  color: #22b8f0;
}
.searchtool-calendar .chosen-container > a,
.searchtool-calendar .field-calendar input {
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 0;
}
.searchtool-calendar .field-calendar .input-append button {
  position: absolute;
  right: 0;
  background-color: #fff0;
  border-radius: 0 !important;
}
.searchtool-calendar .field-calendar .input-append {
  margin-bottom: 0;
  position: relative;
}
.searchtool-calendar #list_limit_chosen .chosen-single {
  height: 34px !important;
  line-height: 32px !important;
  border-radius: 5px;
  padding: 0 0 0 5px;
}
.bootstrap-tagsinput input,
.chosen-container-single .chosen-single b,
.manage-doc
  .compliancemanager
  .chosen-container.chosen-container-single
  .chosen-single
  b,
.mt-5,
.recommendation-form
  .control-group.reminder-field
  .subform-repeatable-group
  .chosen-container-single
  .chosen-single
  b,
.searchtool-calendar .chosen-single b {
  margin-top: 5px;
}
.searchtool-calendar .field-calendar .btn {
  color: grey;
  border: none;
}
.detail-value,
.field-calendar .btn:hover,
.searchtool-calendar .field-calendar .btn:hover {
  color: #333;
}
.activity-edit .control-group .controls > button {
  background: unset;
  background-color: #22b8f0;
}
.rop-popup-from label {
  width: 200px;
}
.rop-popup-from .chosen-container {
  width: 95% !important;
}
.small-sbox #sbox-window {
  width: 450px !important;
  height: 300px !important;
  padding: 0 !important;
  position: fixed !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%);
}
.rop-popup-from .chosen-container .chosen-results {
  max-height: 300px;
}
a.btn-popup-cancel {
  display: inline-block;
  color: #333 !important;
  background-color: #fff !important;
  border: 1px solid #ccc !important;
}
#school-mgmt .icon-plus:before,
#slaactivitiesList .icon-plus:before,
#tjgophish-wrapper .icon-plus:before,
.add-licence .icon-plus:before,
.add-todos .icon-plus:before,
.btn-add .btn-toolbar .icon-plus:before,
.manage-staff.dp-search-filter .icon-plus:before,
.multiagency-edit .icon-plus:before,
.slaactivities-view .icon-plus:before,
.ticket-searchtool .icon-plus:before,
.timelog-activities-search .icon-plus:before,
.users-edit .subform-layout .icon-plus:before {
  content: "\f067";
}
#tjgophish-wrapper .icon-minus:before,
.add-licence .icon-minus:before,
.add-todos .icon-minus:before,
.multiagency-edit .icon-minus:before,
.slaactivities-view .icon-minus:before,
.timelog-activities-search .icon-minus:before,
.users-edit .subform-layout .icon-minus-sign:before,
.users-edit .subform-layout .icon-minus:before {
  content: "\f068";
}
.create-organization-form .field-media-wrapper .input-group,
.users-edit .input-group {
  flex-wrap: nowrap;
}
.status-dropdown .chosen-container {
  width: 125px !important;
}
.timelog-add-form .calendar-container .time td,
.view-slaactivities .calendar-container .time td {
  padding: 8px 0;
}
.add-timelog-format > .dpe-timelog-hours,
.add-timelog-format > .dpe-timelog-min {
  float: left;
  margin-right: 5px;
}
.staff-import .modal-body {
  overflow-y: unset;
}
.staff-import > a {
  display: block !important;
  position: unset !important;
}
.filter-wrapper select {
  width: calc(50% - 5px);
  display: inline-block;
}
.filter-wrapper {
  background: #fff;
  width: 100%;
  padding: 12px;
}
.search-logo {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 9;
}
.assignmentTodos {
  max-height: 480px;
  overflow-y: auto;
}
#jlikeToolbar .toolbar_buttons.active {
  background-color: #34b8f0 !important;
  color: #fff;
}
.timelog-add-form .timelog-file {
  border-radius: 0;
  height: 34px;
  width: 100%;
}
.isloading {
  background-color: #eef2f6;
  z-index: 5;
  opacity: 0.6;
  -webkit-transition: background-color 0.5s ease-out 1s;
  -moz-transition: background-color 0.5s ease-out 1s;
  -o-transition: background-color 0.5s ease-out 1s;
  transition: background-color 0.5s ease-out 1s;
  pointer-events: none;
}
.isloading:before {
  font-family: FontAwesome;
  content: "\f110";
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 40px;
  animation: 2s linear infinite fa-spin;
  transform: translate(-50%, -50%);
  text-align: center;
}
.table-top-scroll-wrapper1,
.table-top-scroll-wrapper2 {
  overflow-x: auto;
  overflow-y: auto;
}
.table-top-scroll-content2,
.table-top-scroll-wrapper2 {
  min-height: 200px;
}
.div1,
.scroll1,
.table-top-scroll-content1 {
  height: 20px;
}
.body-innerwrapper {
  overflow: inherit;
}
.notification-dot {
  position: absolute;
  top: -5px;
  right: -5px;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  display: inline-block;
}
.mr-50 {
  margin-right: 50px;
}
.mt-50 {
  margin-top: 50px;
}
.v-align-middle,
.valign-middle {
  vertical-align: middle !important;
}
.btn-loading::before {
  font-family: "Font Awesome 5 Free" !important;
  content: "\f1ce";
  font-weight: 900 !important;
}
.dp-modal-center {
  width: inherit !important;
  margin-left: auto !important;
  background-color: inherit;
  text-align: center;
  padding: 0 !important;
  z-index: 9999;
  background: inherit !important;
}
.dp-modal-center:before {
  content: "";
  display: inline-block;
  height: 90%;
  vertical-align: middle;
  margin-right: -4px;
}
.dp-modal-center .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.dp-form-styling .control-label {
  width: inherit;
}
.com-users-profile.profile dt,
.dp-sub-form .subform-layout .control-label,
.form-validate .control-group .control-label {
  text-align: left;
}
.dp-list-detail .field-label,
.font-600 {
  font-weight: 600;
}
.dp-search-filter .btn-default,
.dp-search-filter input[type="text"] {
  border-radius: 0 !important;
  border-bottom: 1px solid #ccc;
  height: 35px;
  font-size: 14px !important;
}
#notificationlistwidget p,
.dp-search-filter .icon-remove,
.iframe-modal-header .modal-title,
.m-0,
.modal.show .modal-dialog,
.note-view .form-horizontal .controls,
.rop-list-cover table td input[type="checkbox"] {
  margin: 0;
}
.dp-search-filter .chosen-single {
  height: 34px !important;
  line-height: 32px !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pr-0 {
  padding-right: 0 !important;
}
.pl-0 {
  padding-left: 0 !important;
}
.mt-20,
.mt-20px {
  margin-top: 20px;
}
.ml-10,
.ml-10px,
.recommendation-form.notification-add-form .create-group {
  margin-left: 10px;
}
.mx-10 {
  margin-right: 10px !important;
}
.mr-4 {
  margin-right: 4px;
}
.h-20 {
  height: 20px !important;
}
.assign-userfrm .modal-body,
.deassign-userfrm .modal-body {
  max-height: 600px;
  height: 80vh;
  padding: 0 15px;
  overflow: auto;
}
.table-striped .btn-mini {
  padding: 0;
  font-size: 12px;
}
.dp-pagination-dropdown .chosen-single {
  border: 1px solid #ccc7c7 !important;
  height: inherit !important;
}
.manage-lesson .com_tmt_button {
  padding: 6px 12px !important;
}
.ucm-form-styling .search-choice {
  margin: 5px 5px 3px 0 !important;
}
.checklist_dashboard .table > tbody > tr > td {
  border: 0;
  padding: 0.5rem;
}
.checklist_dashboard .table > tbody > tr > td h4 {
  line-height: 1.3 !important;
  font-weight: 400;
}
#adminForm.manage-reports.ucm-form-styling
  .chosen-container.chosen-container-single,
.manage-doc .compliancemanager .chosen-container.chosen-container-single,
.manage-reports.ucm-form-styling input[type="text"],
.md-w-200px .chosen-container-single,
.ropBusinessFunctionForm table tbody tr td .chosen-container {
  width: 200px !important;
}
.manage-doc
  .compliancemanager
  .chosen-container.chosen-container-single
  .chosen-single {
  height: 34px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-radius: 0;
}
.manage-doc .compliancemanager .table .fa,
.manage-doc .compliancemanager .table .fas,
.manage-doc .compliancemanager .table [class*=" icon-"],
.manage-doc .compliancemanager .table [class^="icon-"] {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.responsive-embed,
.row-fluid [class*="span"],
legend {
  display: block;
  width: 100%;
}
.manage-staff input[type="number"] {
  width: 220px;
}
.com-rsticketspro-edit-ticket #agencyInfoLink {
  position: absolute;
  width: 100%;
  margin-left: 20px;
}
.btn:not([class*="btn-"]),
.form-validate .btn:not([class*="btn-"]) {
  color: #333;
  background-color: #f5f5f5;
  border-color: #fff0;
}
.btn:not([class*="btn-"]):hover,
.form-validate .btn:not([class*="btn-"]):hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #fff0;
}
legend {
  padding: 0 0 10px;
  margin-bottom: 20px;
  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
} /*!
	* Artificier v1.0.0 (https://techjoomla.com/)
	* Copyright 2018 Techjoomla
	* Licensed under GPL (http://www.gnu.org/licenses/old-licenses/gpl-2.0.html)
*/
#sp-footer,
.dashboard-filter .panel .panel-body,
.latest-info .sppb-col-xs-12,
.p-0,
body.com-multiagency {
  padding: 0;
}
#notificationlistwidget,
#notificationwidget {
  padding-top: 13px !important;
  padding-bottom: 10px !important;
}
.p-5 {
  padding: 5px;
}
.p-15,
joomla-alert {
  padding: 15px;
}
.p-20 {
  padding: 20px;
}
.p-25 {
  padding: 25px;
}
.p-30 {
  padding: 30px;
}
.pl-5 {
  padding-left: 5px;
}
.pl-10 {
  padding-left: 10px;
}
.pl-15 {
  padding-left: 15px;
}
.pl-20 {
  padding-left: 20px;
}
.pl-25 {
  padding-left: 25px;
}
.pl-30 {
  padding-left: 30px;
}
.pr-5 {
  padding-right: 5px;
}
.pr-10 {
  padding-right: 10px;
}
.pr-15 {
  padding-right: 15px;
}
.pr-20 {
  padding-right: 20px;
}
.pr-25 {
  padding-right: 25px;
}
.pr-30 {
  padding-right: 30px;
}
.pt-5 {
  padding-top: 5px;
}
.pt-15 {
  padding-top: 15px;
}
.pt-20 {
  padding-top: 20px;
}
.pt-25 {
  padding-top: 25px;
}
.pt-30 {
  padding-top: 30px;
}
.pb-5 {
  padding-bottom: 5px;
}
.pb-10,
.rop-form-design .form-horizontal .buttons li:not(:last-child),
.rop-form-design .form-horizontal ul.nav li:not(:last-child) {
  padding-bottom: 10px;
}
.pb-15 {
  padding-bottom: 15px;
}
.pb-25 {
  padding-bottom: 25px;
}
.pb-30 {
  padding-bottom: 30px;
}
.px-0 {
  padding-left: 0;
  padding-right: 0;
}
.px-5 {
  padding-left: 5px;
  padding-right: 5px;
}
.px-15 {
  padding-left: 15px;
  padding-right: 15px;
}
.px-20 {
  padding-left: 20px;
  padding-right: 20px;
}
.px-25 {
  padding-left: 25px;
  padding-right: 25px;
}
.px-30 {
  padding-left: 30px;
  padding-right: 30px;
}
.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}
.py-5 {
  padding-top: 5px;
  padding-bottom: 5px;
}
.py-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.py-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}
.py-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.py-25 {
  padding-top: 25px;
  padding-bottom: 25px;
}
.py-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}
.m-5 {
  margin: 5px;
}
.m-10 {
  margin: 10px;
}
.m-15 {
  margin: 15px;
}
.m-20 {
  margin: 20px;
}
.m-25 {
  margin: 25px;
}
.m-30 {
  margin: 30px;
}
.ml-5 {
  margin-left: 5px;
}
.ml-15 {
  margin-left: 15px;
}
.ml-20,
.recommendation-form .control-group.reminder-field .chosen-drop,
.recommendation-form
  .control-group.reminder-field
  .subform-repeatable-group
  .control-group
  label {
  margin-left: 20px;
}
.ml-25 {
  margin-left: 25px;
}
.ml-30 {
  margin-left: 30px;
}
.mr-20 {
  margin-right: 20px;
}
.mr-25 {
  margin-right: 25px;
}
.mx-0,
dl.article-info dd.hits span[class*=" icon-"],
dl.article-info dd.hits span[class^="icon-"] {
  margin-right: 0;
}
.mt-10 {
  margin-top: 10px;
}
.mt-15 {
  margin-top: 15px;
}
.mt-25 {
  margin-top: 25px;
}
.mt-30 {
  margin-top: 30px;
}
.mb-0,
.timelog-activities-search .field-calendar .input-append,
.vendors-view #filter-progress-bar {
  margin-bottom: 0;
}
.mb-5 {
  margin-bottom: 5px;
}
.form-group,
.mb-15 {
  margin-bottom: 15px;
}
.event-details-group,
.event-details-group1,
.mb-25 {
  margin-bottom: 25px;
}
.mb-30,
article.item {
  margin-bottom: 30px;
}
.mx-5 {
  margin-left: 5px;
  margin-right: 5px;
}
.mx-10 {
  margin-left: 10px !important;
}
.mx-15 {
  margin-left: 15px;
  margin-right: 15px;
}
.mx-20 {
  margin-left: 20px;
  margin-right: 20px;
}
.mx-25 {
  margin-left: 25px;
  margin-right: 25px;
}
.mx-30 {
  margin-left: 30px;
  margin-right: 30px;
}
.ml-auto,
.mx-auto {
  margin-left: auto;
}
.mr-auto,
.mx-auto {
  margin-right: auto;
}
.my-0 {
  margin-top: 0;
  margin-bottom: 0;
}
.my-5 {
  margin-top: 5px;
  margin-bottom: 5px;
}
.my-10,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.my-15 {
  margin-top: 15px;
  margin-bottom: 15px;
}
.my-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.my-25 {
  margin-top: 25px;
  margin-bottom: 25px;
}
.my-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}
.mt-auto,
.my-auto {
  margin-top: auto;
}
.mb-auto,
.my-auto {
  margin-bottom: auto;
}
.m-auto {
  margin: auto;
}
.br-5,
.img-rounded {
  border-radius: 5px;
}
.br-20 {
  border-radius: 15px;
}
.br-25 {
  border-radius: 20px;
}
.br-30 {
  border-radius: 30px;
}
.br-t5 {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.br-t10 {
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
.br-t15 {
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
}
.br-t20 {
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
}
.br-t25 {
  border-top-right-radius: 25px;
  border-top-left-radius: 25px;
}
.br-t30 {
  border-top-right-radius: 30px;
  border-top-left-radius: 30px;
}
.br-b5 {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.br-b10 {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.br-b15 {
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}
.br-b20 {
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}
.br-b25 {
  border-bottom-right-radius: 25px;
  border-bottom-left-radius: 25px;
}
.br-b30 {
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
}
.br-l5 {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}
.br-l10 {
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
}
.br-l15 {
  border-bottom-left-radius: 15px;
  border-top-left-radius: 15px;
}
.br-l20 {
  border-bottom-left-radius: 20px;
  border-top-left-radius: 20px;
}
.br-l25 {
  border-bottom-left-radius: 25px;
  border-top-left-radius: 25px;
}
.br-l30 {
  border-bottom-left-radius: 30px;
  border-top-left-radius: 30px;
}
.br-r5 {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}
.br-r10 {
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
}
.br-r15 {
  border-bottom-right-radius: 15px;
  border-top-right-radius: 15px;
}
.br-r20 {
  border-bottom-right-radius: 20px;
  border-top-right-radius: 20px;
}
.br-r25 {
  border-bottom-right-radius: 25px;
  border-top-right-radius: 25px;
}
.br-r30 {
  border-bottom-right-radius: 30px;
  border-top-right-radius: 30px;
}
.br-tl5 {
  border-top-left-radius: 5px;
}
.br-tl10 {
  border-top-left-radius: 10px;
}
.br-tl15 {
  border-top-left-radius: 15px;
}
.br-tl20 {
  border-top-left-radius: 20px;
}
.br-tl25 {
  border-top-left-radius: 25px;
}
.br-tl30 {
  border-top-left-radius: 30px;
}
.br-tr5 {
  border-top-right-radius: 5px;
}
.br-tr10 {
  border-top-right-radius: 10px;
}
.br-tr15 {
  border-top-right-radius: 15px;
}
.br-tr20 {
  border-top-right-radius: 20px;
}
.br-tr25 {
  border-top-right-radius: 25px;
}
.br-tr30 {
  border-top-right-radius: 30px;
}
.br-br5 {
  border-bottom-right-radius: 5px;
}
.br-br10 {
  border-bottom-right-radius: 10px;
}
.br-br15 {
  border-bottom-right-radius: 15px;
}
.br-br20 {
  border-bottom-right-radius: 20px;
}
.br-br25 {
  border-bottom-right-radius: 25px;
}
.br-br30 {
  border-bottom-right-radius: 30px;
}
.br-bl5 {
  border-bottom-left-radius: 5px;
}
.br-bl10 {
  border-bottom-left-radius: 10px;
}
.br-bl15 {
  border-bottom-left-radius: 15px;
}
.br-bl20 {
  border-bottom-left-radius: 20px;
}
.br-bl25 {
  border-bottom-left-radius: 25px;
}
.br-bl30 {
  border-bottom-left-radius: 30px;
}
.pull-0 {
  right: auto;
}
.pull-1 {
  right: 8.333333%;
}
.pull-2 {
  right: 16.666667%;
}
.pull-3 {
  right: 25%;
}
.pull-4 {
  right: 33.333333%;
}
.pull-5 {
  right: 41.666667%;
}
.pull-6 {
  right: 50%;
}
.pull-7 {
  right: 58.333333%;
}
.pull-8 {
  right: 66.666667%;
}
.pull-9 {
  right: 75%;
}
.pull-10 {
  right: 83.333333%;
}
.pull-11 {
  right: 91.666667%;
}
.pull-12 {
  right: 100%;
}
.push-0 {
  left: auto;
}
.push-1 {
  left: 8.333333%;
}
.push-2 {
  left: 16.666667%;
}
.push-3 {
  left: 25%;
}
.push-4 {
  left: 33.333333%;
}
.push-5 {
  left: 41.666667%;
}
.push-6 {
  left: 50%;
}
.push-7 {
  left: 58.333333%;
}
.push-8 {
  left: 66.666667%;
}
.push-9 {
  left: 75%;
}
.push-10 {
  left: 83.333333%;
}
.push-11 {
  left: 91.666667%;
}
.push-12 {
  left: 100%;
}
.responsive-embed {
  position: relative;
  padding: 0;
  overflow: hidden;
}
.responsive-embed::before {
  display: block;
  content: "";
}
.responsive-embed .responsive-item-embed,
.responsive-embed embed,
.responsive-embed iframe,
.responsive-embed object,
.responsive-embed video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.responsive-embed-21by9::before {
  padding-top: 42.8571428571%;
}
.responsive-embed-16by9::before {
  padding-top: 56.25%;
}
.responsive-embed-4by3::before {
  padding-top: 75%;
}
.responsive-embed-1by1::before {
  padding-top: 100%;
}
.bg-white {
  background-color: #fff;
}
.bg-red {
  background-color: #f44336;
}
.bg-pink {
  background-color: #e91e63;
}
.bg-purple {
  background-color: #9c27b0;
}
.bg-deepPurple {
  background-color: #673ab7;
}
.bg-indigo {
  background-color: #3f51b5;
}
.bg-blue {
  background-color: #2196f3;
}
.bg-lightBlue {
  background-color: #03a9f4;
}
.bg-cyan {
  background-color: #00bcd4;
}
.bg-teal {
  background-color: #009688;
}
.bg-green {
  background-color: #4caf50;
}
.bg-lightGreen {
  background-color: #8bc34a;
}
.bg-lime {
  background-color: #cddc39;
}
.bg-yellow {
  background-color: #ffeb3b;
}
.bg-amber {
  background-color: #ffc107;
}
.bg-orange {
  background-color: #ff9800;
}
.bg-deepOrange {
  background-color: #ff5722;
}
.bg-brown {
  background-color: #795548;
}
.bg-grey {
  background-color: #9e9e9e;
}
.bg-blueGrey {
  background-color: #607d8b;
}
.bg-faded {
  background-color: #f7f7f7;
}
.bg-primary {
  background-color: #0275d8 !important;
}
.bg-success {
  background-color: #5cb85c !important;
}
.bg-info {
  background-color: #5bc0de !important;
}
.bg-warning {
  background-color: #f0ad4e !important;
}
.bg-danger {
  background-color: #d9534f !important;
}
.bg-inverse {
  background-color: #292b2c !important;
}
.bs {
  box-shadow: 0 10px 16px 0 rgb(0 0 0 / 0.2), 0 6px 20px 0 rgb(0 0 0 / 0.19);
  -moz-box-shadow: 0 10px 16px 0 rgb(0 0 0 / 0.2),
    0 6px 20px 0 rgb(0 0 0 / 0.19);
  -webkit-box-shadow: 0 10px 16px 0 rgb(0 0 0 / 0.2),
    0 6px 20px 0 rgb(0 0 0 / 0.19);
}
.bs-rb {
  box-shadow: 5px 5px 5px 0 rgb(182 173 173 / 0.44);
  -moz-box-shadow: 5px 5px 5px 0 rgb(182 173 173 / 0.44);
  -webkit-box-shadow: 5px 5px 5px 0 rgb(182 173 173 / 0.44);
}
.bs-b {
  box-shadow: 0 10px 6px -6px #777;
  -moz-box-shadow: 0 10px 6px -6px #777;
  -webkit-box-shadow: 0 10px 6px -6px #777;
}
.ts {
  text-shadow: 2px 4px 3px rgb(0 0 0 / 0.3);
}
.ts-dirty {
  text-shadow: 2px 2px 3px rgb(255 255 255 / 0.1);
}
.ts-hard {
  text-shadow: 6px 6px 0 rgb(0 0 0 / 0.2);
}
.ts-double {
  text-shadow: 4px 3px 0 #fff, 9px 8px 0 rgb(0 0 0 / 0.15);
}
.ts-3d {
  text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9,
    0 5px 0 #aaa, 0 6px 1px rgb(0 0 0 / 0.1), 0 0 5px rgb(0 0 0 / 0.1),
    0 1px 3px rgb(0 0 0 / 0.3), 0 3px 5px rgb(0 0 0 / 0.2),
    0 5px 10px rgb(0 0 0 / 0.25), 0 10px 10px rgb(0 0 0 / 0.2),
    0 20px 20px rgb(0 0 0 / 0.15);
}
.bg-cover {
  background-size: cover;
}
.bg-contain {
  background-size: contain;
}
.bg-auto {
  background-size: auto;
}
.bg-full {
  background-size: 100%;
}
.bg-rep {
  background-repeat: repeat;
}
.bg-repn {
  background-repeat: no-repeat;
}
.bg-repx {
  background-repeat: repeat-x;
}
.bg-repy {
  background-repeat: repeat-y;
}
.time-1s {
  -webkit-transition: 1s;
  transition: 1s;
}
.time-2s {
  -webkit-transition: 2s;
  transition: 2s;
}
.time-3s {
  -webkit-transition: 3s;
  transition: 3s;
}
.time-4s {
  -webkit-transition: 4s;
  transition: 4s;
}
.time-5s {
  -webkit-transition: 5s;
  transition: 5s;
}
.ease1s {
  -webkit-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
}
.ease2s {
  -webkit-transition: 2s ease-in-out;
  transition: 2s ease-in-out;
}
.ease3s {
  -webkit-transition: 3s ease-in-out;
  transition: 3s ease-in-out;
}
.ease4s {
  -webkit-transition: 4s ease-in-out;
  transition: 4s ease-in-out;
}
.ease5s {
  -webkit-transition: 5s ease-in-out;
  transition: 5s ease-in-out;
}
.float-right {
  float: right !important;
}
.float-left {
  float: left !important;
}
.float-none,
.sp-megamenu-parent
  .sp-dropdown
  .sp-dropdown-items
  .sp-has-child:hover
  > a:after,
.sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child > a:after {
  float: none !important;
}
.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}
.sticky-top {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1030;
}
.fixed-bottom {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}
.valign-baseline {
  vertical-align: baseline !important;
}
.valign-top {
  vertical-align: top !important;
}
.valign-bottom {
  vertical-align: bottom !important;
}
.valign-text-bottom {
  vertical-align: text-bottom !important;
}
.valign-text-top {
  vertical-align: text-top !important;
}
.border-0 {
  border: 0 !important;
}
.border-right-0 {
  border-right: 0 !important;
}
.border-bottom-0 {
  border-bottom: 0 !important;
}
.border-left-0 {
  border-left: 0 !important;
}
.d-none {
  display: non;
}
.d-inline {
  display: inline !important;
}
#interactionForm .checkbox,
*
  .click-to-expand-child-menu
  .sp-megamenu-parent
  > li.sp-has-child:hover
  > .sp-dropdown,
.d-block {
  display: block;
}
.d-table {
  display: table !important;
}
.d-table-cell {
  display: table-cell !important;
}
#item-form-popup-wrapper .overlay#tjucm_loader.active,
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-break {
  word-break: break-word;
}
.font-400,
.font-normal,
[class*=" icon-"].disabled,
[class^="icon-"].disabled,
h3,
h4 {
  font-weight: 400;
}
.font-italic {
  font-style: italic;
}
.font-100 {
  font-weight: 100;
}
.font-200 {
  font-weight: 200;
}
.font-300 {
  font-weight: 300;
}
.font-500 {
  font-weight: 500;
}
.font-800,
h1,
h5,
h6 {
  font-weight: 800;
}
.font-900 {
  font-weight: 900;
}
@media (max-width: 575px) {
  .hidden-xs-down {
    display: none !important;
  }
}
@media (max-width: 1199px) {
  .hidden-lg-down {
    display: none !important;
  }
}
@media screen and (max-width: 480px) {
  .col-xxxs-1,
  .col-xxxs-10,
  .col-xxxs-11,
  .col-xxxs-12,
  .col-xxxs-2,
  .col-xxxs-3,
  .col-xxxs-4,
  .col-xxxs-5,
  .col-xxxs-6,
  .col-xxxs-7,
  .col-xxxs-8,
  .col-xxxs-9 {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    float: left;
  }
  .col-xxxs-1 {
    width: 8.33% !important;
  }
  .col-xxxs-2 {
    width: 16.66% !important;
  }
  .col-xxxs-3 {
    width: 25% !important;
  }
  .col-xxxs-4 {
    width: 33.33% !important;
  }
  .col-xxxs-5 {
    width: 41.66% !important;
  }
  .col-xxxs-6 {
    width: 50% !important;
  }
  .col-xxxs-7 {
    width: 58.33% !important;
  }
  .col-xxxs-8 {
    width: 66.66% !important;
  }
  .col-xxxs-9 {
    width: 75% !important;
  }
  .col-xxxs-10 {
    width: 83.33% !important;
  }
  .col-xxxs-11 {
    width: 91.66% !important;
  }
  .col-xxxs-12 {
    width: 100% !important;
  }
}
.transform-x {
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.transform-y {
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.transform {
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.txt-lower {
  text-transform: lowercase;
}
.txt-capital {
  text-transform: capitalize;
}
.static {
  position: static;
}
.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
.sticky {
  position: sticky;
}
.initial {
  position: initial;
}
.inherit {
  position: inherit;
}
.mt-60 {
  margin-top: 60px;
}
.fs-24 {
  font-size: 24px;
}
.fs-20 {
  font-size: 20px;
}
.fs-18 {
  font-size: 18px !important;
}
.fs-16,
.newsletters .archive_listing a,
.sppb-addon-text-block .sppb-addon-content h6 {
  font-size: 16px !important;
}
.com-acym,
.fs-14,
.table input[type="checkbox"] {
  font-size: 14px !important;
}
.fs-12 {
  font-size: 12px !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.1;
  color: inherit;
  text-rendering: optimizelegibility;
}
.sp-module #acym_wrapper ul > li > a,
h2,
h3,
h4 {
  font-family: "Open Sans", sans-serif;
}
p {
  margin: 0 0 10px;
}
.h1,
.h2,
.h3,
h1,
h2,
h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
.h2,
h2 {
  font-size: 30px;
  font-weight: 600;
}
h3 {
  font-size: 24px;
  font-weight: 400;
}
@media only screen and (min-width: 1200px) {
  .h1,
  h1 {
    font-size: 36px;
  }
}
.d-inline-table {
  display: inline-table;
}
.text-info {
  color: #17a2b8 !important;
}
.pb-20 {
  padding-bottom: 20px !important;
}
.h-32 {
  height: 32px;
}
.line-height-18 {
  line-height: 18px;
}
.text-white {
  color: #fff !important;
}
.text-amber {
  color: #ffb500;
}
.bg-none {
  background: 0 0;
}
#jtwrap.jt-custom-event
  .jt-event-view
  .btn-group-toggle
  .radio-inline.btn-default.active.focus,
.btn-primary:focus {
  outline: 0;
}
.thead-fixed {
  position: fixed;
  z-index: 1;
}
.next-btn {
  bottom: 0;
  width: 100%;
}
.tbody-fixed {
  position: absolute;
  margin-top: 35px;
  overflow-y: scroll;
  height: 88%;
}
.assign-userfrm .tbody-fixed,
.tbody-height {
  height: 75%;
}
.tbody-height td {
  padding: 14px 10px !important;
}
.assign-userfrm .tbody-height {
  height: 62%;
}
.assign-userfrm .assign-btn {
  bottom: 0;
  position: fixed;
}
.minicolors,
.minicolors-focus {
  z-index: 7;
}
#adminForm .oneliner-textarea,
#form-multiagency .oneliner-textarea,
#item-form .oneliner-textarea,
.custom-calender input[type="text"],
.media-preview.add-on {
  height: 34px;
}
.custom-calender .js-editor-tinymce .mce-edit-area {
  border-width: 1px 1px 0 0 !important;
}
.height-100vh {
  height: 100vh !important;
}
.height-vh {
  height: 97%;
}
.overflow-y-auto {
  overflow-y: auto;
}
.fileupload-new .input-append .btn-file {
  border: 1px solid #ccc;
}
.manage-reports thead .report-row .description {
  width: 20%;
}
.choices__list.choices__list--dropdown,
.masterlist-menu ul li {
  z-index: 100;
}
#jlikeToolbar .toolbar_buttons.assignBtn {
  background-color: #34b8f0;
  color: #fff;
}
.my-support-view .bootstrap-tagsinput .badge {
  border: 1px solid #aaa;
  max-width: 100%;
  border-radius: 3px;
  background-color: #eee;
  background-image: linear-gradient(
    #f4f4f4 20%,
    #f0f0f0 50%,
    #e8e8e8 52%,
    #eee 100%
  );
  background-size: 100% 19px;
  background-repeat: repeat-x;
  background-clip: padding-box;
  box-shadow: 0 0 2px #fff inset, rgb(0 0 0 / 0.5);
  color: #333;
  line-height: 13px;
  font-weight: 400;
  text-shadow: none;
  padding: 3px 20px 3px 5px;
}
.my-support-view .bootstrap-tagsinput .badge [data-role="remove"]:after {
  background: 0 0;
  position: absolute;
  font-size: 20px;
}
.timelog-activities-search .field-calendar .input-append input[type="text"] {
  height: 30px;
  width: 100%;
}
.timelog-activities-search .field-calendar .input-append .active {
  background-color: #fff0;
  border-color: #ccc;
}
.timelog-activities-search .field-calendar .input-append .btn {
  background-image: none;
  border-left: none;
}
#jtwrap.jt-custom-event .jt-event-view .input-append button,
.timelog-activities-search .field-calendar .input-append button {
  position: absolute;
  right: 0;
  left: inherit;
  background-color: #fff0;
  box-shadow: none;
}
.timelog-activities-search .field-calendar .input-append .btn-secondary {
  top: 0;
}
.timelog-activities-search .btn-primary {
  border-color: #0faae4;
  background-color: #22b8f0;
  background-image: none;
}
.timelog-activities-search .btn-primary:hover {
  border-color: #0d8ab9;
  background-color: #0e9cd1;
}
.ucm-form-styling .input-append input[type="text"].field-media-input {
  width: 71% !important;
}
#adminForm.manage-reports.ucm-form-styling .ordering-select,
.d-flex {
  display: flex;
  flex-wrap: wrap;
}
#adminForm.manage-reports.ucm-form-styling .chosen-single {
  line-height: 26px;
  height: 34px;
}
#adminForm.manage-reports.ucm-form-styling .chosen-single b,
#limit_chosen.chosen-container-single .chosen-single b {
  margin-top: 3px;
}
#adminForm.manage-reports.ucm-form-styling .icon-calendar:before,
#tjgophish-wrapper .icon-calendar:before,
.add-licence .icon-calendar:before,
.add-todos .icon-calendar:before,
.multiagency-edit .icon-calendar:before,
.slaactivities-view .icon-calendar:before,
.timelog-activities-search .icon-calendar:before,
.ucm-form-styling
  .field-calendar
  .input-append
  button
  .icon-calendar-alt:before,
.ucm-form-styling .field-calendar .input-append button .icon-calendar:before,
.ucm-form-styling joomla-tab > joomla-tab-element .icon-calendar:before {
  content: "\f073";
}
#adminForm.manage-reports.ucm-form-styling
  #reportPagination
  .chosen-container.chosen-container-single {
  width: 60px !important;
}
.manage-reports.ucm-form-styling
  .filter-search
  .input-append
  #filters_enrolled_on_time_from,
.manage-reports.ucm-form-styling
  .filter-search
  .input-append
  #filters_enrolled_on_time_to,
.manage-reports.ucm-form-styling
  .filter-search
  .input-append
  #filters_timeend_from,
.manage-reports.ucm-form-styling
  .filter-search
  .input-append
  #filters_timeend_to,
.manage-reports.ucm-form-styling
  .filter-search
  .input-append
  #filters_timestart_from,
.manage-reports.ucm-form-styling
  .filter-search
  .input-append
  #filters_timestart_to {
  width: 180px !important;
}
.manage-reports.ucm-form-styling
  .filter-search
  .input-append
  #filters_enrolled_on_time_to_btn,
.manage-reports.ucm-form-styling
  .filter-search
  .input-append
  #filters_timeend_to_btn,
.manage-reports.ucm-form-styling
  .filter-search
  .input-append
  #filters_timestart_to_btn {
  left: 150px;
}
.manage-reports.ucm-form-styling
  .filter-search
  .input-append
  #filters_enrolled_on_time_from_btn,
.manage-reports.ucm-form-styling
  .filter-search
  .input-append
  #filters_timeend_from_btn,
.manage-reports.ucm-form-styling
  .filter-search
  .input-append
  #filters_timestart_from_btn {
  left: 112px;
}
#jtwrap.jt-custom-event .jt-event-view textarea,
.note-view textarea {
  height: auto;
  width: 100%;
}
#sbox-window.login-without-password-popup {
  width: 295px !important;
  height: 380px !important;
  left: 5% !important;
}
@media screen and (min-width: 767px) {
  #sbox-window.login-without-password-popup {
    width: 480px !important;
    height: 425px !important;
    left: 35% !important;
  }
}
.overflow-y {
  overflow-y: hidden;
}
.course-short-desc,
.widget-boxes .filter-widget {
  min-height: 100px;
}
.widget-boxes.assign-tools {
  flex-wrap: wrap;
  align-self: flex-start;
  padding: 0;
}
.pie-layout {
  flex: 48%;
  margin-right: 2%;
  margin-bottom: 2%;
  flex-grow: initial;
}
.dashboard-progress {
  margin-top: 8px;
}
.tjlmspin .thumbnail:hover {
  -webkit-box-shadow: 0 1px 4px;
  -moz-box-shadow: 0 1px 4px;
  box-shadow: 0 1px 4px;
}
.dashboard-overlay {
  background-color: rgb(0 0 0 / 0.35);
  z-index: 9999;
  color: #fff;
}
.chosen-container .chosen-drop {
  z-index: 999;
}
.staff-link {
  font-size: 14px;
  font-weight: bolder;
  color: inherit;
  background-color: #f1f1f1;
  box-shadow: 0 0 0 0 #fff;
  border: 2px solid #22b8f0;
  border-radius: 5px;
  margin: 0 0 30px;
}
#notificationlistwidget {
  width: 48px;
  height: 48px;
}
#notificationlistwidget .todocommon {
  margin-left: -45px;
}
.note-view .form-horizontal .control-label {
  float: none;
}
.chat-btn {
  padding: 12px 30px;
  font-size: 14px;
  background: 0 0;
  color: #fff;
  font-weight: 500;
  border-color: #fff;
  border-radius: 0;
}
.tj_btn_group,
.tj_btn_group-vertical > .btn,
.tj_btn_group > .btn {
  position: relative;
  float: left;
}
.text-lightblue {
  color: #b2ebf2;
}
[class*=" icon-"],
[class^="icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 0.25em;
  line-height: 14px;
  background-image: none;
}
dd > span[class*=" icon-"] + time,
dd > span[class^="icon-"] + time {
  margin-left: -0.25em;
}
.icon-search:before {
  content: "\53";
}
.icon-new:before,
.icon-plus:before {
  content: "\2a";
}
.icon-redo-2:before,
.icon-refresh:before,
.icon-unblock:before {
  content: "\6c";
}
.icon-move:before {
  content: "\7a";
}
.icon-expand:before {
  content: "\66";
}
.icon-contract:before {
  content: "\67";
}
.icon-expand-2:before {
  content: "\68";
}
.icon-contract-2:before {
  content: "\69";
}
.icon-backward:before,
.icon-previous:before {
  content: "\7c";
}
.icon-forward:before,
.icon-next:before {
  content: "\7b";
}
.icon-first:before {
  content: "\7d";
}
.icon-zoom-in:before {
  content: "\64";
}
.icon-zoom-out:before {
  content: "\65";
}
.icon-apply:before,
.icon-edit:before,
.icon-pencil:before {
  content: "\2b";
}
.icon-pencil-2:before {
  content: "\2c";
}
.icon-brush:before {
  content: "\3b";
}
.icon-plus-2:before,
.icon-save-new:before {
  content: "\5d";
}
.icon-ban-circle:before,
.icon-minus-2:before,
.icon-minus-sign:before {
  content: "\5e";
}
.icon-cancel-2:before,
.icon-delete:before,
.icon-remove:before {
  content: "\49";
}
.icon-checkmark:before,
.icon-publish:before,
.icon-save:before {
  content: "\47";
}
.icon-expired:before,
.icon-minus:before,
.icon-not-ok:before {
  content: "\4b";
}
.icon-cancel:before,
.icon-unpublish:before {
  content: "\4a";
}
.icon-help:before,
.icon-question-sign:before,
.icon-question:before {
  content: "\45";
}
.icon-pending:before,
.icon-warning:before {
  content: "\48";
}
.icon-checkbox-unchecked:before {
  content: "\3d";
}
.icon-checkbox-checked:before,
.icon-checkbox:before,
.icon-checkin:before {
  content: "\3e";
}
.icon-checkbox-partial:before {
  content: "\3f";
}
.icon-grid-view:before,
.icon-grid:before {
  content: "\58";
}
.icon-grid-2:before,
.icon-grid-view-2:before {
  content: "\59";
}
.icon-menu:before {
  content: "\5a";
}
.icon-list-view:before,
.icon-list:before {
  content: "\31";
}
.icon-folder-open:before,
.icon-folder:before {
  content: "\2d";
}
.icon-folder-2:before,
.icon-folder-close:before {
  content: "\2e";
}
.icon-file-add:before,
.icon-file-plus:before {
  content: "\29";
}
.icon-box-add:before {
  content: "\51";
}
.icon-box-remove:before {
  content: "\52";
}
.icon-home:before {
  content: "\21";
}
.icon-image:before,
.icon-picture:before {
  content: "\2f";
}
.icon-images:before,
.icon-pictures:before {
  content: "\30";
}
.icon-color-palette:before,
.icon-palette:before {
  content: "\e014";
}
.icon-camera:before {
  content: "\55";
}
.icon-play-2:before,
.icon-video-2:before,
.icon-youtube:before {
  content: "\56";
}
.icon-music:before {
  content: "\57";
}
.icon-user:before {
  content: "\22";
}
.icon-vcard:before {
  content: "\6d";
}
.icon-address:before {
  content: "\70";
}
.icon-out:before,
.icon-share-alt:before {
  content: "\26";
}
.icon-comment:before,
.icon-comments:before {
  content: "\24";
}
.icon-comments-2:before {
  content: "\25";
}
.icon-quote:before,
.icon-quotes-left:before {
  content: "\60";
}
.icon-quote-2:before,
.icon-quotes-right:before {
  content: "\61";
}
.icon-envelope:before,
.icon-mail:before {
  content: "\4d";
}
.icon-envelope-opened:before,
.icon-mail-2:before {
  content: "\4e";
}
.icon-drawer:before,
.icon-unarchive:before {
  content: "\4f";
}
.icon-archive:before,
.icon-drawer-2:before {
  content: "\50";
}
.icon-cog:before,
.icon-options:before {
  content: "\38";
}
.icon-cogs:before {
  content: "\37";
}
.icon-screwdriver:before,
.icon-tools:before {
  content: "\36";
}
.icon-wrench:before {
  content: "\3a";
}
.icon-equalizer:before {
  content: "\39";
}
.icon-dashboard:before {
  content: "\78";
}
.icon-filter:before {
  content: "\54";
}
.icon-purge:before,
.icon-trash:before {
  content: "\4c";
}
.icon-checkedout:before,
.icon-lock:before,
.icon-locked:before {
  content: "\23";
}
.icon-key:before {
  content: "\5f";
}
.icon-support:before {
  content: "\46";
}
.icon-database:before {
  content: "\62";
}
.icon-health:before {
  content: "\6a";
}
.icon-wand:before {
  content: "\6b";
}
.icon-eye-open:before,
.icon-eye:before {
  content: "\3c";
}
.icon-clock:before {
  content: "\6e";
}
.icon-compass:before {
  content: "\6f";
}
.icon-flash:before,
.icon-lightning:before {
  content: "\79";
}
.icon-feed:before {
  content: "\71";
}
.icon-calendar:before,
.manage-staff.dp-search-filter .icon-calendar:before,
.ticket-searchtool .icon-calendar:before {
  content: "\43";
}
.icon-calendar-2:before {
  content: "\44";
}
.icon-pie:before {
  content: "\77";
}
.icon-bars:before {
  content: "\76";
}
.icon-chart:before {
  content: "\75";
}
.icon-power-cord:before {
  content: "\32";
}
.icon-cube:before {
  content: "\33";
}
.icon-puzzle:before {
  content: "\34";
}
.icon-attachment:before,
.icon-flag-2:before,
.icon-paperclip:before {
  content: "\72";
}
.icon-lamp:before {
  content: "\74";
}
.icon-pin:before,
.icon-pushpin:before {
  content: "\73";
}
.icon-location:before {
  content: "\63";
}
.icon-flag:before {
  content: "\35";
}
.icon-thumbs-up:before {
  content: "\5b";
}
.icon-thumbs-down:before {
  content: "\5c";
}
.icon-asterisk:before,
.icon-star-empty:before,
.icon-unfeatured:before {
  content: "\40";
}
.icon-star-2:before {
  content: "\41";
}
.icon-default:before,
.icon-featured:before,
.icon-star:before {
  content: "\42";
}
.preloader-wrap,
.preloader-wrap-loadmore {
  width: 50%;
  height: 100%;
  position: relative;
  top: 20%;
  bottom: 0;
  background: rgb(252 252 252 / 0.64);
  z-index: 2;
  left: 25%;
}
.newloader,
.newloader-loadmore,
.percentage,
.percentage-loadmore {
  height: 30px;
  max-width: 500px;
  border: 2px solid #22b8f0;
  border-radius: 20px;
  font-weight: 300;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.newloader-loadmore::after,
.newloader::after,
.percentage-loadmore::after,
.percentage::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.percentage,
.percentage-loadmore {
  z-index: 100;
  text-align: center;
  color: #000;
  line-height: 30px;
  font-size: 20px;
}
.trackbar,
.trackbar-loadmore {
  width: 100%;
  height: 100%;
  border-radius: 20px;
  color: #000;
  text-align: center;
  line-height: 30px;
  overflow: hidden;
  position: relative;
  opacity: 1;
}
.loadbar,
.loadbar-loadmore {
  width: 0%;
  height: 100%;
  background: repeating-linear-gradient(
    45deg,
    #0ebdfe,
    #0ebdfe 10px,
    rgb(90 185 221 / 0.619608) 10px,
    rgb(90 185 221 / 0.619608) 20px
  );
  box-shadow: 0 0 14px 1px #22b8f0;
  position: absolute;
  top: 0;
  left: 0;
  animation: 5s infinite flicker;
  overflow: hidden;
}
.chosen-container-single .chosen-single div,
.custom-modal {
  top: 0 !important;
}
.getdata,
.getdata-loadmore {
  margin-left: 32% !important;
  margin-top: 24px;
  font-size: x-large;
  font-size: weight;
  font-weight: 700;
  color: #070606;
  padding: 5px 5px 10px;
}
.btn {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
#limit_chosen,
#list_limit_chosen {
  width: 70px !important;
  text-align: left;
}
.form-check-input[type="checkbox"] {
  width: 1em;
  margin-top: 5px;
}
.jlike_comments .jlike_display_block {
  margin-left: 50px;
}
.jlike_comments #wysiwyg {
  border-radius: 8px;
  width: 100%;
  max-height: 100%;
  box-shadow: 0 0 25px rgb(0 0 0 / 0.1);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.jlike_comments #wysiwyg .btns {
  padding: 0.3em;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border-bottom: 1px solid #efefef;
  background-color: #fff;
  flex-grow: 2;
}
.jlike_comments #wysiwyg .btns .category {
  display: flex;
  align-items: center;
  border-right: 1px solid #efefef;
  padding: 0 4px;
}
.jlike_comments #wysiwyg .btns .category p.btn {
  background-color: unset;
  border: none;
  color: unset;
  margin-bottom: 3px;
}
.jlike_comments #wysiwyg .jlike_media_body .jlike_comment_padding_top {
  padding-top: 15px !important;
}
.js-calendar .buttons-wrapper .btn.js-btn {
  min-width: unset;
  color: grey;
  background: #ebebeb;
  border: 0;
  margin: 5px;
  box-shadow: none;
  line-height: 18px;
}
#tjgophish-wrapper .icon-search:before,
.add-todos .icon-search:before,
.manage-staff.dp-search-filter .icon-search:before,
.slaactivities-view .icon-search:before,
.ticket-searchtool .icon-search:before,
.timelog-activities-search .icon-search:before {
  content: "\f002";
}
#tjgophish-wrapper .icon-delete:before,
.add-todos .icon-delete:before,
.slaactivities-view .icon-delete:before,
.timelog-activities-search .icon-delete:before,
.ucm-form-styling joomla-tab > joomla-tab-element .icon-delete:before {
  content: "\f00d";
}
#tjgophish-wrapper .icon-chart:before,
.add-todos .icon-chart:before,
.slaactivities-view .icon-chart:before,
.timelog-activities-search .icon-chart:before {
  content: "\f1fe";
}
#school-mgmt .icon-trash:before,
#school-mgmt table .icon-trash:before,
#slaactivitiesList .icon-trash:before,
#slaactivitiesList table .icon-trash:before {
  content: "\f1f8";
}
#school-mgmt .icon-edit:before,
#school-mgmt table .icon-edit:before,
#slaactivitiesList .icon-edit:before,
#slaactivitiesList table .icon-edit:before,
.ucm-form-styling joomla-tab > joomla-tab-element .icon-edit:before {
  content: "\f044";
}
.password-group .icon-eye:before,
.rst_editor .js-tiny-toggler-button .icon-eye:before {
  content: "\f06e";
}
.cust-table .js-stools-container-bar .btn-wrapper.input-append input,
.manage-staff.dp-search-filter
  .js-stools-container-bar
  .btn-wrapper.input-append
  input,
.recommendation-form.add-todos .control-label,
.slaactivities-view .js-stools-container-bar .btn-wrapper.input-append input {
  width: unset;
}
.cust-table .js-stools-container-bar .btn-wrapper.input-append .btn.btn-default,
.manage-staff.dp-search-filter
  .js-stools-container-bar
  .btn-wrapper.input-append
  .btn.btn-default,
.slaactivities-view
  .js-stools-container-bar
  .btn-wrapper.input-append
  .btn.btn-default {
  vertical-align: top;
  margin-left: -5px !important;
}
.cust-table .js-stools-container-bar .js-stools-btn-clear,
.dp-search-filter .btn-clear,
.manage-staff.dp-search-filter .js-stools-container-bar .js-stools-btn-clear,
.slaactivities-view .js-stools-container-bar .js-stools-btn-clear {
  color: grey;
  outline-style: none;
  background: #efefef;
}
.cust-table .js-stools-container-filters,
.manage-staff.dp-search-filter .js-stools-container-filters,
.slaactivities-view .js-stools-container-filters {
  margin: 10px 0 20px;
}
.cust-table .js-stools-container-filters .js-stools-field-filter,
.manage-staff.dp-search-filter
  .js-stools-container-filters
  .js-stools-field-filter,
.slaactivities-view .js-stools-container-filters .js-stools-field-filter {
  display: inline-block;
  margin: 0 5px 5px 0;
}
.cust-table
  .js-stools-container-filters
  .js-stools-field-filter
  .chosen-container,
.manage-staff.dp-search-filter
  .js-stools-container-filters
  .js-stools-field-filter
  .chosen-container,
.slaactivities-view
  .js-stools-container-filters
  .js-stools-field-filter
  .chosen-container {
  width: 220px !important;
}
joomla-alert {
  border: 1px solid #fff0;
  border-radius: 4px;
  z-index: 2;
  position: relative;
  display: block;
  margin-bottom: 20px;
  animation-duration: 150ms;
  animation-fill-mode: both;
}
joomla-alert[type="danger"] {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
joomla-alert[type="success"] {
  color: #0f5132;
  background-color: #d1e7dd;
  border-color: #badbcc;
}
joomla-alert[type="warning"] {
  color: #664d03;
  background-color: #fff3cd;
  border-color: #ffecb5;
}
joomla-alert[type="info"] {
  color: #055160;
  background-color: #cff4fc;
  border-color: #b6effb;
}
.joomla-alert--close:focus,
.joomla-alert--close:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  padding: 0;
  background: 0 0;
  border: 0;
}
.caret {
  display: inline-block;
  width: 0;
  height: 10px;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-right: 4px solid #fff0;
  border-left: 4px solid #fff0;
}
.js-stools-container-bar .btn-primary .caret {
  border-top: 0;
  border-bottom: 4px solid #fff;
  margin-top: 7px;
  margin-bottom: 8px;
}
#tjgophish-wrapper .js-stools .js-stools-container-bar,
.search-field .js-stools .js-stools-container-bar,
.ticket-searchtool .js-stools .js-stools-container-bar,
.timelog-activities-search .js-stools .js-stools-container-bar,
freetext.tjfield-elements-freetext {
  float: left;
  padding: 0;
}
#tjgophish-wrapper .js-stools .js-stools-container-bar .btn-wrapper,
.multiagency-info .form-value,
.search-field .js-stools .js-stools-container-bar .btn-wrapper,
.ticket-searchtool .js-stools .js-stools-container-bar .btn-wrapper,
.timelog-activities-search .js-stools .js-stools-container-bar .btn-wrapper {
  display: inline-block;
}
#tjgophish-wrapper .js-stools .js-stools-container-bar .btn.btn-default,
.search-field .js-stools .js-stools-container-bar .btn.btn-default,
.ticket-searchtool .js-stools .js-stools-container-bar .btn.btn-default,
.timelog-activities-search
  .js-stools
  .js-stools-container-bar
  .btn.btn-default {
  height: 35px;
  vertical-align: bottom;
  margin-left: -4px !important;
}
#tjgophish-wrapper .js-stools .js-stools-container-bar .btn.js-stools-btn-clear,
.search-field .js-stools .js-stools-container-bar .btn.js-stools-btn-clear,
.ticket-searchtool .js-stools .js-stools-container-bar .btn.js-stools-btn-clear,
.timelog-activities-search
  .js-stools
  .js-stools-container-bar
  .btn.js-stools-btn-clear {
  background: #efefef;
  color: #181818;
}
#tjgophish-wrapper .js-stools .js-stools-container-filters,
.search-field .js-stools .js-stools-container-filters,
.ticket-searchtool .js-stools .js-stools-container-filters,
.timelog-activities-search .js-stools .js-stools-container-filters {
  margin: 15px 0;
}
#tjgophish-wrapper
  .js-stools
  .js-stools-container-filters
  .js-stools-field-filter,
.search-field .js-stools .js-stools-container-filters .js-stools-field-filter,
.ticket-searchtool
  .js-stools
  .js-stools-container-filters
  .js-stools-field-filter,
.timelog-activities-search
  .js-stools
  .js-stools-container-filters
  .js-stools-field-filter {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-top: 0;
}
#tjgophish-wrapper .js-stools .js-stools-container-filters .chosen-container,
.search-field .js-stools .js-stools-container-filters .chosen-container,
.ticket-searchtool .js-stools .js-stools-container-filters .chosen-container,
.timelog-activities-search
  .js-stools
  .js-stools-container-filters
  .chosen-container {
  width: 230px !important;
  height: 35px;
}
.timelog-activities-search
  .js-stools
  .js-stools-container-filters
  .field-calendar
  .input-append
  input[type="text"],
.tjlms-wrapper .form-validate button,
.view-courses .tjlms-wrapper .form-validate button.btn,
.view-courses .tjlms-wrapper .form-validate input[type="text"] {
  height: 35px;
}
.ticket-searchtool .js-stools-container-filters .chosen-container {
  width: 230px !important;
}
.com-rsticketspro-submit-ticketview-items .btn.btn-secondary,
.rsTicketDetail .btn.btn-secondary {
  background-color: #f5f5f5;
  color: #333;
  border: 0;
}
.com-rsticketspro-submit-ticketview-items .btn.btn-secondary:focus,
.com-rsticketspro-submit-ticketview-items .btn.btn-secondary:hover,
.rsTicketDetail .btn.btn-secondary:focus,
.rsTicketDetail .btn.btn-secondary:hover {
  background-color: #e5e5e5;
}
.ucm-form-styling joomla-tab[view="tabs"] > div[role="tablist"] {
  background: 0 0;
  border: none;
  box-shadow: none;
}
.ucm-form-styling
  joomla-tab[view="tabs"]
  > div[role="tablist"]
  [type="button"]:not(:disabled) {
  box-shadow: none;
  border: none;
}
.ucm-form-styling
  joomla-tab[view="tabs"]
  > div[role="tablist"]
  button[role="tab"][aria-expanded="true"] {
  background: 0 0;
  box-shadow: none;
  color: #38bdf1;
  padding: 0 20px;
}
.ucm-form-styling
  joomla-tab[view="tabs"]
  > div[role="tablist"]
  button[role="tab"][aria-expanded="true"]:after {
  background-color: #000;
}
.ucm-form-styling joomla-tab > joomla-tab-element {
  border: none;
  border-top: 1px solid #ccc;
  padding: 20px 0;
}
.ucm-form-styling joomla-tab > joomla-tab-element .icon-lock:before,
.ucm-form-styling joomla-tab > joomla-tab-element .icon-locked:before {
  content: "\f023";
}
.ucm-form-styling joomla-tab > joomla-tab-element .icon-clock:before {
  content: "\f017";
}
.ucm-form-styling joomla-tab > joomla-tab-element .icon-cogs:before {
  content: "\f085";
}
.ucm-form-styling joomla-tab > joomla-tab-element .icon-refresh:before {
  content: "\f021";
}
.ucm-form-styling joomla-tab > joomla-tab-element .icon-user:before {
  content: "\f007";
}
.ucm-form-styling joomla-tab > joomla-tab-element blockquote {
  border-left: 5px solid #22b8f0;
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17px;
}
.ucm-form-styling joomla-tab > joomla-tab-element blockquote p {
  margin-bottom: 0;
  font-size: 17px;
  font-weight: 300;
  line-height: 1.25;
}
.ucm-form-styling h3,
.ucm-form-styling h4 {
  font-weight: 400;
  margin-top: 0;
}
.form-validate legend {
  display: block;
  width: 100%;
  padding: 0 0 20px;
  margin-bottom: 20px;
  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
.accordDetail {
  border-bottom: 1px solid #d3d3d3;
  margin-bottom: 10px;
}
.accordspan {
  border-bottom: 1px solid #000;
  font-size: 18px;
  font-weight: 600;
}
.progress-bar-danger {
  background-color: #d9534f;
}
.progress-bar-warning {
  background-color: #f0ad4e;
}
.bootstrap-tagsinput .label-info,
.progress-bar-info {
  background-color: #5bc0de;
}
.modal-backdrop,
.view-managelessons .modal-backdrop {
  z-index: 1049;
}
.view-managelessons .modal-content {
  border: 0;
  box-shadow: unset;
}
.view-managelessons .modal-dialog {
  width: 100%;
  margin: 0 auto;
  height: 100%;
}
.view-managelessons .jviewport-height70 {
  height: 100vh;
}
.import-form .icon-upload {
  margin-right: 5px;
}
.import-form .icon-upload:before {
  content: "\e022";
}
.import-form .icon-info:before {
  content: "\e220";
}
.multiagency-info .field-label {
  font-weight: 600;
  display: inline-block;
}
.choices__inner .choices__list .choices__item {
  padding: 2px 5px;
  border: 1px solid #aaa;
  max-width: 100%;
  border-radius: 3px;
  background-color: #eee;
  color: #333;
  background-image: linear-gradient(
    #f4f4f4 20%,
    #f0f0f0 50%,
    #e8e8e8 52%,
    #eee 100%
  );
  background-size: 100% 19px;
  background-repeat: repeat-x;
  background-clip: padding-box;
  box-shadow: 0 0 2px #fff inset, 0 1px 0 rgb(0 0 0 / 0.05);
  line-height: 15px;
  cursor: default;
  margin: 0 8px 8px 0;
}
.choices__inner .choices__list .choices__item .choices__button_joomla {
  background: 0 0;
  border: 0;
  padding: 0 0 0 10px;
  font-weight: 700;
  color: #5e5e5e;
}
.choices__list.choices__list--dropdown .choices__item {
  padding: 5px 10px;
}
.minicolors-theme-bootstrap .minicolors-swatch {
  z-index: 9;
}
.certificates-list .js-stools-field-filter {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
}
.certificates-list .js-stools-field-filter .chosen-container {
  width: 240px !important;
}
.sp-module .breadcrumb {
  background: 0 0;
  padding: 0;
  margin: 10px 0 0;
}
#jtwrap.jt-custom-event .jt-event-view .subform-layout .fa-plus,
.masterlist-menu li:hover ul li:hover a,
.popup-btns .rop-copy a,
.recommendations-listview-popup .pagination > .active > a:focus,
.recommendations-listview-popup .pagination > .active > a:hover,
.recommendations-listview-popup .pagination > .active > span:focus,
.recommendations-listview-popup .pagination > .active > span:hover,
.sp-module .breadcrumb a,
.sp-module .breadcrumb span,
.sp-module .breadcrumb-item + .breadcrumb-item::before {
  color: #fff;
}
.sp-module .breadcrumb > .active {
  color: rgb(255 255 255 / 0.8);
}
[data-modals-element="modal"] [data-modals-element="slides"] {
  width: 70%;
  max-height: 80%;
  margin: 0 auto;
}
.table > :not(:first-child) {
  border-top: 2px solid #ddd;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
  .form-horizontal .controls {
    margin: 0;
    width: 100%;
  }
}
.btn-group.radio {
  display: inherit;
}
.btn-export .dropdown-menu {
  margin: 6px 0 0;
  padding: 5px 0;
}
.btn-export .dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
.dpelead {
  color: #1daeed;
  font-size: 1.5em;
}
.search-tool-filter button.btn {
  height: 35px;
  font-weight: 600;
}
.info-cover,
.tjBs3 .btn-group,
.tjBs3 .btn-group-vertical {
  vertical-align: top;
}
.btn-group > .btn-group:not(:first-child),
.btn-group > .btn:not(:first-child) {
  margin-left: -1px !important;
}
#report-containing-div,
#report-containing-div .report-tbl {
  min-height: unset !important;
}
.create-group .form-horizontal .controls .radio,
.discover-list,
.form-validate .detail-view-tabs li:first-child a,
.joomla-tabs.nav .nav-item .nav-link:first-child {
  padding-left: 0;
}
.page-header {
  margin: 0 0 20px !important;
}
.form-validate.ucm-form-styling.create-campaign.my-support-view
  .tox-editor-header {
  position: unset !important;
  width: 100%;
}
.entry-image.intro-image {
  width: 100%;
  height: 270px;
  text-align: center;
  background: #f1f1f1;
}
.entry-image.intro-image a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.entry-image.intro-image a img {
  max-width: 100%;
  max-height: 100%;
}
.edit-mesg-popup .tox.tox-tinymce {
  height: 335px !important;
  width: 80% !important;
}
#elearningTabs .nav-link {
  padding-left: 16px !important;
}
.modal-dialog.job-add-sm,
iframe {
  max-width: 100%;
}
#sbox-content.sbox-content-iframe,
#sbox-content > iframe {
  height: 100%;
}
.progress .abort.mr-5 {
  margin-top: 25px;
  padding: 2px 10px;
}
.rop-view #sp-top-bar {
  position: fixed;
  top: 0;
  width: 100%;
}
.rop-view #sp-header {
  position: fixed;
  top: 41px;
  z-index: 99;
}
.rop-view #sp-page-title {
  margin-top: 131px;
}
.entry-image.full-image img {
  width: 100%;
  max-width: 100%;
}
#ucmListModule .icon-search:before {
  content: "\f002" !important;
}
#ucmListModule .icon-remove:before {
  content: "\f00d" !important;
}
#ucmListModule .icon-plus:before {
  content: "\f067" !important;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-items {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}
.gridclass {
  grid-template-columns: repeat(2, 1fr) !important;
}
.sp-dropdown.width400 {
  width: 430px !important;
}
.sp-megamenu-parent
  .sp-dropdown
  .sp-dropdown-items
  .sp-has-child:hover
  > a:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  content: " \f107";
}
.sp-megamenu-parent.menu-slide-down
  .sp-has-child:hover
  > .sp-dropdown
  .sp-dropdown {
  top: 40px;
  left: 0;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item span,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  padding: 8px;
}
.ucm-loadmore-tab {
  font-weight: 500;
  color: #22b8f0;
}
.tj-ucm-document-container {
  padding-top: 8px;
}
.tj-ucm-document-container .sticky-btn-cover {
  position: fixed;
  top: 0;
  right: 0;
  background: #fff;
  width: 100%;
  padding-right: 5px;
}
.rop-inputs .chosen-container .chosen-choices li span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inherit;
  height: 15px;
}
.bootstrap-tagsinput .label {
  word-break: break-word;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}
.widget-boxes.dashboard-widget-row-9 {
  margin-bottom: 4px;
}
.widget-boxes .widget-label,
.widget-boxes .widget-label-title {
  margin-left: -5px !important;
  font-size: 30px;
}
.widget-boxes .widget-label-title {
  margin-left: -30px;
  margin-top: 0 !important;
  line-height: normal;
}
.widget-boxes .panel {
  width: 100%;
  height: 100%;
  border: 1px solid #22b8f0;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 0.05);
  box-shadow: 0 1px 1px rgb(0 0 0 / 0.05);
}
.widget-boxes .panel .panel-heading {
  background-color: #22b8f0;
  border-color: #22b8f0;
  width: 100%;
  display: inline-block;
  padding: 10px 15px;
  border-bottom: 1px solid #fff0;
}
.widget-boxes .panel .panel-body {
  min-height: 100px;
  padding: 15px;
}
.widget-boxes .boxRight p {
  line-height: 20px;
}
.dashboard-filter .panel,
.dashboard-widget-label .panel {
  border: none;
  box-shadow: none;
}
.dashboard-filter .panel .panel-heading,
.dashboard-widget-label .panel .panel-heading {
  border: none;
  background: 0 0;
}
.dashboard-widget-row-1 .panel-body {
  min-height: 0 !important;
}
.dashboard-widget-label {
  padding: 0 10px !important;
  display: inline-block;
  clear: inherit;
}
.notice-style {
  background-color: #f1f1f1;
  width: 500px;
  border: 2px solid #22b8f0;
  padding: 30px;
  border-radius: 15px;
  margin: 20px auto;
}
.dp-form-styling input[aria-invalid="true"],
.dp-form-styling input[aria-invalid="true"] .chosen-single,
.dp-form-styling select.invalid,
.dp-form-styling select.invalid .chosen-single,
.ucm-form-styling input[aria-invalid="true"],
.ucm-form-styling input[aria-invalid="true"] .chosen-single,
.ucm-form-styling select.invalid,
.ucm-form-styling select.invalid .chosen-single {
  border: 1px solid red;
}
.ucm-form-styling #item-form .chosen-container,
.ucm-form-styling .chosen-search input[type="text"],
.ucm-form-styling .input-append,
.ucm-form-styling input[type="email"],
.ucm-form-styling input[type="number"],
.ucm-form-styling input[type="password"],
.ucm-form-styling input[type="text"],
.ucm-form-styling textarea {
  width: 100% !important;
  border-radius: 4px !important;
}
.multiagency-edit input[type="checkbox"],
.ucm-form-styling input[type="checkbox"] {
  width: 1em !important;
  height: 1em;
  border-radius: 3px;
}
.ucm-form-styling .field-calendar .input-append button {
  right: 0;
  left: inherit;
  color: gray;
  border: 0;
}
.ucm-form-styling .chosen-choices {
  background: 0 0;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.ucm-form-styling textarea {
  height: 100px;
}
.ucm-form-styling .subform-repeatable-group .control-group {
  margin-top: 10px;
  clear: none;
}
.ucm-form-styling .time select {
  padding: 6px 9px !important;
}
.ucm-form-styling .field-calendar .btn-secondary {
  position: absolute;
  top: 0;
  background-color: #fff0;
}
.ucm-form-styling .control-group {
  margin-bottom: 16px !important;
  clear: both;
}
.ucm-form-styling .subform-repeatable-group .btn-danger {
  background-color: #fff;
  border: 1px solid #22b8f0;
  color: #22b8f0;
}
.ucm-form-styling .active.btn-success {
  background-color: #449d44;
  border: 1px solid #449d44;
}
select[multiple] {
  overflow: scroll;
}
.loginForm {
  margin: auto;
  max-width: 400px;
}
.timelog-add-form .dpe-timelog-hours,
.timelog-add-form .dpe-timelog-min {
  width: 47% !important;
}
.frontview-mediaupload + .modal.btn {
  background: #22b8f0;
  color: #fff;
  z-index: 9;
  position: relative;
}
.media-preview.add-on span {
  line-height: 15px;
  vertical-align: middle;
}
.multiagency-edit .btn.hasTooltip {
  background: #d43f3a;
  color: #fff;
}
.multiagency-edit fieldset {
  padding: inherit !important;
}
.form-validate .nav-tabs > li,
.sar-breach-create-page .nav-tabs > li {
  float: none;
  display: inline-block;
}
.multiagency-edit .radio label,
.ucm-form-styling .radio label {
  margin-right: 5px;
  margin-bottom: 5px;
  padding-left: 12px;
}
@media screen and (max-width: 767px) {
  .create-group .form-horizontal .controls {
    margin: 0;
    width: 100%;
  }
  .create-group .form-horizontal .controls select {
    width: 100%;
  }
}
.chosen-container-single .chosen-single {
  height: 35px;
  line-height: 20px !important;
  padding-top: 6px;
  padding-bottom: 6px;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#limit_chosen.chosen-container-single .chosen-single {
  height: 35px !important;
  line-height: unset;
  padding-top: 6px;
  padding-bottom: 6px;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#chart-grid-container > div,
.editor-content,
.speaker-profile-card,
.speakers-grid {
  box-sizing: border-box;
  box-sizing: border-box;
}
.custom-modal {
  box-shadow: none !important;
  position: fixed;
  left: 0 !important;
  margin-left: inherit !important;
  bottom: 0;
  z-index: 9999 !important;
  width: inherit !important;
  background-color: transparent !important;
  border: none !important;
}
.custom-modal .btn-loading::before {
  left: 3px;
  top: 11px;
  font-size: 10px;
}
.custom-modal iframe {
  height: 260px !important;
}
.modal-chosen-styling .chosen-single,
.staff-import .chosen-single {
  border: 1px solid #ccc !important;
  border-radius: 0;
  height: 35px;
  padding-top: 0;
  max-width: 300px;
}
.modal-chosen-styling .chosen-single span,
.staff-import .chosen-single span {
  line-height: 30px;
}
.com-timelog .close,
.group-popup .close,
.timelog-add-form .close {
  border: 0;
  background: 0 0;
  text-align: right;
  float: right;
  font-size: 22px;
  opacity: 0.5;
  margin-top: 5px;
}
.com-timelog h3,
.group-popup h3,
.timelog-add-form h3 {
  margin: 10px 0;
  font-family: inherit;
  font-weight: 700;
  font-size: 20px;
  line-height: 40px;
  color: inherit;
  text-rendering: optimizelegibility;
}
.com-timelog .btn-default,
.group-popup .btn-default,
.timelog-add-form .btn-default {
  background-color: #f5f5f5;
  background-image: linear-gradient(#fff, #e6e6e6);
  border: 1px solid #b3b3b3;
  border-bottom-left-radius: 4px;
}
.modal-header .close {
  background: 0 0 !important;
  font-size: 18px !important;
  opacity: 0.5 !important;
  border: 0 !important;
}
.modal-header .close:focus,
.modal-header .close:hover {
  opacity: 1 !important;
}
#sbox-window {
  max-height: 95% !important;
}
#sbox-window > iframe {
  height: 100% !important;
}
.view-reports .input-group-btn .close-icon {
  height: 33px !important;
  border-radius: 0 !important;
}
@media (min-width: 968px) {
  .filter-search .chosen-container {
    width: 197px !important;
  }
}
@media (max-width: 767px) {
  .custom-form-style .control-group,
  .custom-form-style .subform-repeatable-group .control-group,
  .filter-search,
  .filter-search .input-group,
  .filter-search select,
  select {
    width: 100%;
  }
  .timelog-activities-popup,
  .view-items #sbox-window,
  .view-items #timelog-activities,
  .view-managelessons #sbox-window.timelog-activities,
  .view-slaactivities #sbox-window.timelog-activities {
    width: calc(100% - 20px) !important;
  }
  .timelog-activities-popup #sbox-content {
    overflow: unset;
  }
  .compliancemanager .upload-doc {
    position: relative !important;
    margin-right: 0;
  }
  .compliancemanager .upload-doc .chosen-container.chosen-container-single,
  .manage-staff-view .manage-staff,
  .slaactivities-view .modal-filter,
  .ticket-searchtool .js-stools-container-bar {
    margin-bottom: 20px;
  }
  .compliancemanager #list_limit_chosen,
  .compliancemanager .js-stools-field-list,
  .mobile-space {
    margin-top: 20px;
  }
  .compliancemanager .table-responsive > .table > tbody > tr > td {
    white-space: inherit;
  }
  .compliancemanager .table-responsive .doc-status {
    white-space: nowrap !important;
  }
  .slaactivities-view .js-stools-container-bar,
  .ticket-searchtool {
    float: none;
  }
  .ticket-searchtool .modal-filter {
    margin-bottom: 15px;
  }
  .manage-staff-view .add-staff,
  .manage-staff-view .staff-import {
    float: left !important;
  }
  .manage-staff-view .staff-import {
    display: contents;
  }
  .manage-staff-view .delete-staff {
    clear: both;
  }
  .form-horizontal .controls input[type="radio"],
  .manage-staff-view .filter-search .input-append input[type="text"] {
    width: auto;
  }
  .slaactivities-view .table-responsive .activity-name {
    white-space: inherit !important;
  }
  .custom-step-wizard .nav.nav-tabs > li,
  .slaactivities-view .btn-wrapper {
    float: left;
  }
  .custom-step-wizard .nav.nav-tabs > li > a {
    margin: 0;
    padding: 10px;
  }
  .progress {
    width: 200px;
  }
  .edit-mesg-popup .control-label,
  .form-actions.buttons-mobile-view span.pull-right {
    float: none !important;
  }
  .hidden-sm-down {
    display: none !important;
  }
  #jlikeToolbar .toolbar_buttons.assignBtn {
    display: inherit;
  }
  .tjBs3 .filter-search-btn {
    display: flex !important;
  }
  #adminForm.manage-reports.ucm-form-styling
    .chosen-container.chosen-container-single {
    width: 100% !important;
  }
  .assign-userfrm .thead-fixed {
    position: relative !important;
  }
  .assign-userfrm .tbody-fixed {
    position: relative;
    overflow-y: scroll;
  }
  .preloader-wrap,
  .preloader-wrap-loadmore {
    width: 100%;
    left: 0;
  }
  .getdata,
  .getdata-loadmore {
    margin-left: 0 !important;
    text-align: center;
  }
  .edit-mesg-popup .controls {
    margin: 0 !important;
  }
  .filter-search .input-append .btn,
  .js-stools-container-bar,
  .recommendation-form .control-group.reminder-field .subform-repeatable-group {
    margin-bottom: 10px;
  }
  .blog-cover .content-cover .introtext {
    height: 100px !important;
    overflow: hidden;
  }
  .filter-search .input-append input[type="text"] {
    width: 100%;
    margin-bottom: 10px;
  }
}
.btn-group .chosen-container-single .chosen-single,
.btn-group .chosen-container-single-nosearch .chosen-single {
  height: 34px !important;
  line-height: 32px;
}
.btn-group .chosen-container-single .chosen-single div,
.btn-group .chosen-container-single-nosearch .chosen-single div {
  top: 4px;
}
.input-mini {
  padding: 6px 10px !important;
}
.view-reports .btn a {
  height: inherit !important;
}
.activity-title input[type="text"],
.activity-type-title input[type="text"],
.created-by input[type="text"],
.sla-service-title input[type="text"] {
  width: 180px;
}
.manage-reports .progress {
  height: 36px !important;
}
.div-to-table .div-table {
  width: 100%;
  display: table;
}
.div-to-table .div-table .div-table-header {
  display: table-header-group;
}
.div-to-table .div-table .div-table-header .div-table-header-cell {
  display: table-cell;
  padding: 10px;
  border-bottom: 2px solid #ddd;
}
.div-to-table .div-table .div-table-body {
  display: table-row-group;
}
.div-to-table .div-table .div-table-body .div-table-row {
  display: table-row;
}
.div-to-table .div-table .div-table-body .div-table-body-cell {
  display: table-cell;
  padding: 5px;
  line-height: 1.42857143;
  vertical-align: top;
}
#sbox-window.tjucm-rop-doc .sbox-content-iframe iframe {
  width: 100% !important;
  padding: 5px 10px 10px;
}
.table > tbody > tr > td,
.table > thead > tr > th {
  text-align: left;
  font-size: 12px;
  word-break: normal !important;
  padding: 5px;
}
.tjucm-wrapper .tj-wordwrap {
  word-break: normal !important;
}
.manage-reports .report-tbl tbody td.spentTime,
.manage-reports .report-tbl tbody td.timestart,
.manage-reports .report-tbl tbody td.todo_due_date,
.manage-reports .report-tbl tbody tr .enrolled_on_time,
.manage-reports .report-tbl tbody tr .timeend,
.manage-reports .report-tbl tbody tr .todo-due-date {
  white-space: nowrap;
}
.js-calendar .buttons-wrapper {
  padding: 0 5px;
}
.js-calendar .buttons-wrapper .btn-clear,
.js-calendar .buttons-wrapper .btn-exit,
.js-calendar .buttons-wrapper .btn-today {
  font-size: 12px;
  margin: 2px 0;
  padding: 2px 6px;
  border-radius: 0 !important;
}
.js-calendar table tbody th td,
.js-calendar table tbody tr td,
.js-calendar table tfoot th td,
.js-calendar table tfoot tr td,
.js-calendar table thead th td,
.js-calendar table thead tr td {
  padding: 2px;
}
.js-calendar table tbody th td.today:after,
.js-calendar table tbody tr td.today:after,
.js-calendar table tfoot th td.today:after,
.js-calendar table tfoot tr td.today:after,
.js-calendar table thead th td.today:after,
.js-calendar table thead tr td.today:after {
  height: 1px;
}
.js-calendar .time.time-hours,
.js-calendar .time.time-minutes {
  padding: 2px 9px !important;
  height: 25px !important;
}
.js-calendar .calendar-header .day-name {
  font-size: 12px;
}
#dpolist,
#jform_cluster_id-lbl,
#jform_date_range-lbl,
#jform_end_date-lbl,
#jform_reportStatus-lbl,
#jform_start_date-lbl,
.js-calendar .calendar-header .title div {
  font-size: 15px !important;
}
.js-calendar .calendar-head td {
  padding: 2px 0 !important;
}
.field-calendar .btn {
  color: grey;
}
.timelog-add-form.activity-edit .field-calendar .js-calendar {
  bottom: 100%;
}
.manage-lesson .fileupload .uneditable-input {
  width: calc(100% - 50px) !important;
}
@media (min-width: 768px) {
  .md-w-300px .chosen-container-single {
    width: 300px !important;
  }
  .md-w-52 {
    width: 52%;
  }
  .md-w-50 {
    width: 50%;
  }
  .float-md-left {
    float: left !important;
  }
  .float-md-right {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
  .text-md-left,
  .ticketPopupForm .control-label {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
  .hidden-md-up {
    display: none !important;
  }
  .md-w-220 .chosen-container-single {
    width: 220px !important;
  }
  .filter-search.input-group,
  .note-view .form-horizontal .control-label {
    float: left;
  }
  .note-view .form-horizontal .controls {
    margin-left: 180px;
  }
  .agency-info-popup.tjucm-addprocess-doc,
  .timelog-activities-popup,
  .view-items .tjucm-addprocess-doc {
    padding: 0 !important;
    position: fixed !important;
    top: 50% !important;
  }
  .widget-boxes {
    clear: both;
  }
  .widget-boxes .col-sm-3 {
    width: 50% !important;
  }
  .widget-boxes .panel {
    margin-bottom: 7px;
  }
  .dashboard-widget-row-1 .panel-body {
    padding-right: 0 !important;
  }
  .ticketPopupForm .control-group {
    width: 50%;
    float: left;
    text-align: left;
  }
  .ticketPopupForm .controls {
    margin: 0 15px 0 0 !important;
  }
  .ticketPopupForm .dpe-timelog-hours,
  .ticketPopupForm .dpe-timelog-min {
    width: 47% !important;
  }
  .ticketPopupForm .timelog-file {
    padding-left: 5px;
  }
  #sbox-window.tjucm-addprocess-doc,
  .timelog-activities-popup,
  .view-items .tjucm-addprocess-doc {
    left: 50% !important;
    transform: translate(-50%, -50%);
  }
  .timelog-activities-popup {
    width: 80% !important;
    height: 535px !important;
  }
  .view-items .tjucm-addprocess-doc {
    width: 420px !important;
    height: 495px !important;
  }
  .view-items .tjucm-addprocess-doc .chosen-container .chosen-results {
    max-height: 145px;
  }
  .timelog-activities-popup iframe {
    min-height: 448px !important;
  }
  .contentpane .alert {
    margin-bottom: 0 !important;
  }
  #sbox-window.tjucm-addprocess-doc {
    width: 40% !important;
    background-color: #ddd;
  }
  .filter-search .chosen-container {
    width: 197px !important;
  }
  .filter-search .input-group-btn {
    border: none;
  }
  .filter-search .field-calendar input[type="text"] {
    width: 174px;
  }
  .assigneddoc-popup .modal {
    left: 50%;
    background: 0 0;
    box-shadow: none;
    border: none;
  }
  .assigneddoc-popup .modal .modal-dialog {
    width: auto;
    transform: translate(-50%, 0) !important;
    left: 50%;
  }
  .manage-lesson .fileupload .uneditable-input {
    width: auto !important;
  }
}
.panel.tjlms-categories .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.loader-spin-blue {
  border: 5px solid #22b8f0;
  border-radius: 50%;
  border-top: 5px solid #ccc;
  width: 35px;
  height: 35px;
  -webkit-animation: 2s linear infinite spin;
  animation: 2s linear infinite spin;
  position: absolute;
  left: 40%;
  top: 50%;
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
.btn-loading {
  position: inherit;
  padding: 7px 12px 7px 20px !important;
}
.btn-loading::before {
  content: "\f1ce";
  -webkit-animation: 2s linear infinite fa-spin;
  animation: 2s linear infinite fa-spin;
  display: inline-block;
  margin-right: 5px;
  position: absolute;
  left: 3px;
  top: 7px;
  color: #fff;
}
.termscondition-section .title-section {
  background-color: #22b8f0;
  color: #fff;
}
.trainingrecord-view {
  box-shadow: 0 4px 16px 0 rgb(0 0 0 / 0.2);
  padding: 25px;
  margin-top: 20px;
}
.trainingrecord-view .dl-horizontal dt {
  width: 35%;
  margin-top: 0;
  white-space: normal;
  margin-bottom: 15px;
  text-align: left;
}
.trainingrecord-view .dl-horizontal dd {
  width: 65%;
  margin-left: auto;
  margin-bottom: 15px;
  word-break: break-all;
}
.group-popup .create-group .btn-primary {
  border-color: #0faae4;
  background-color: #22b8f0;
  background-image: linear-gradient(to bottom, #22b8f0, #22b8f0);
}
.create-campaign .campaign-buttons,
.create-group .campaign-buttons {
  position: absolute;
  right: 0;
  bottom: 0;
  margin-right: 10px;
}
.create-group input[type="radio"] + label {
  display: inline-block !important;
  padding: 6px 12px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #ccc;
  color: #333;
  background-color: #fff;
}
.create-group input[type="radio"] + label:hover {
  background-color: #e6e6e6;
  border-color: #adadad;
}
.create-group input[type="radio"]:checked + label {
  background-color: #449d44;
  border: 1px solid #449d44;
  color: #fff !important;
  background-image: none;
}
.create-group.radio-red input[type="radio"]:checked + label.btn-outline-danger {
  background-color: #d94623;
  border: 1px solid #d94623;
}
.tjgophish-template-preview hr {
  border-top: 1px solid #a0a0a0;
}
#jtwrap.jt-custom-event .jt-event-view .chosen-single {
  line-height: inherit !important;
}
#jtwrap.jt-custom-event
  .jt-event-view
  .detail-info
  .editor-cover
  #editor-xtd-buttons
  .modal-button {
  margin: 5px 5px 5px 0;
}
#jtwrap.jt-custom-event .jt-event-view .btn-toolbar.btn-group {
  border: 1px solid #22b8f0;
  border-radius: 4px;
}
#jtwrap.jt-custom-event
  .jt-event-view
  .btn-group-toggle
  .radio-inline.btn-default.active {
  background-color: #449d44;
  border: 1px solid #449d44;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .event-category-list {
    margin-top: 52px !important;
  }
}
.flex-wrap {
  flex-wrap: wrap;
}
.gallary__media.thumbnails.row iframe {
  width: 100%;
  height: 100% !important;
}
.link-list,
.sp-module #acym_wrapper ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sp-module #acym_wrapper ul > li {
  display: block;
  border-bottom: 1px solid #e8e8e8;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.sp-module #acym_wrapper ul > li > a {
  display: block;
  padding: 2px 0;
  line-height: 36px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #000;
  font-size: 14px;
}
.sp-module #acym_wrapper ul > li > a:hover {
  background: 0 0;
  color: #22b8f0;
}
.sp-module #acym_wrapper ul > li > a:before {
  font-family: FontAwesome;
  content: "\f105";
  margin-right: 8px;
}
.accordian-faq .accordion-group.panel.rl_sliders-group.nn_sliders-group {
  font-size: 18px;
  letter-spacing: 0;
  font-weight: 400;
  font-family: Open-Sans_Bold;
  text-align: left;
  text-transform: none;
  color: #605f6e;
  border: none;
}
.accordian-faq .accordion-group.panel.rl_sliders-group.nn_sliders-group a {
  color: #605f6e;
  font-size: 18px;
  letter-spacing: 0;
  font-weight: 400;
}
.accordian-faq
  .accordion-toggle.rl_sliders-toggle.nn_sliders-toggle.collapsed:before {
  font-family: FontAwesome;
  display: inline-block;
  margin-right: 20px;
  vertical-align: middle;
  content: "\f0fe";
  font-size: 32px;
  color: #22b8f0;
}
.accordian-faq .accordion-toggle.rl_sliders-toggle.nn_sliders-toggle:before {
  font-family: FontAwesome;
  display: inline-block;
  margin-right: 20px;
  vertical-align: middle;
  content: "\f146";
  font-size: 32px;
  color: #22b8f0;
}
.process-div {
  border-radius: 3.97px;
  background-color: #fff;
  box-shadow: 0 2px 10px 0 rgb(0 0 0 / 0.07);
  padding: 20px;
  width: 100%;
}
.process-div:hover {
  box-shadow: 0 2px 10px 0 rgb(0 0 0 / 0.15);
}
.circle {
  display: inline-block;
  vertical-align: middle;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  position: relative;
  z-index: 2;
}
.circle-1,
.circle-7,
.circle-9 {
  background-color: #d0f1fd;
}
.circle-10,
.circle-2,
.circle-8 {
  background-color: #ededed;
}
.circle-11,
.circle-3 {
  background-color: #fff4ce;
}
.circle-12,
.circle-4 {
  background-color: #d0fdf7;
}
.circle-5 {
  background-color: #ffecf8;
}
.circle-6 {
  background-color: #dffdd0;
}
.process-acr-name {
  margin: 4px;
  font-size: 38px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 57px;
  text-align: center;
}
.name10,
.name2,
.name8 {
  color: #acacac;
}
.name11,
.name3 {
  color: #f0c222;
}
.name12,
.name4 {
  color: #86b2ac;
}
.name5 {
  color: #de8ac0;
}
.name6 {
  color: #9bca84;
}
.line {
  position: absolute;
  height: 1px;
  background-color: rgb(183 198 219 / 0.5);
  top: 18%;
  width: 90%;
  z-index: 1;
}
.process-name {
  min-height: 60px;
}
.process-name h3 {
  color: #686868;
  font-size: 26px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 30px;
  word-break: break-word;
}
.organization-count h3 {
  opacity: 0.5;
  color: #5b5b5b;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 23px;
}
.complete-state p,
.inprogress-state p {
  font-size: 13px;
  letter-spacing: 0;
  line-height: 20px;
  padding: 5px;
  text-align: center;
  margin: 0;
}
.inprogress-state {
  border-radius: 5px;
  background-color: #f3f4ff;
}
.inprogress-state p {
  color: #4b57c3;
}
.complete-state {
  border-radius: 5px;
  background-color: #c7e9c0;
}
.complete-state p {
  color: #238b45;
}
.w-100 {
  width: 100px;
}
@media screen and (min-width: 1200px) {
  .state-width {
    width: 100px;
  }
  #sbox-window.tjucm-addprocess-doc.create-new-parent {
    width: 80% !important;
    height: 575px !important;
  }
}
.full-width-view .sp-main-container {
  padding: 0 60px !important;
}
.process-list-header {
  background: linear-gradient(180deg, #fefefe 0, #ededed 100%);
  padding-bottom: 20px;
}
.process-list-header #rop_cluster_field_cover select {
  width: 230px;
}
.process-list-header #ropProcessCheck,
.process-list-header #ropProcessHighLevelCheck {
  height: 20px;
  width: 20px;
  vertical-align: baseline;
}
.process-list-header .add-process-btn {
  padding: 6px 30px;
  background-color: #22b8f0;
  border-radius: 2px;
}
.nav-cover ul.nav-tabs {
  display: flex;
  flex-wrap: wrap;
  border-bottom: none;
}
.nav-cover ul.nav-tabs > li {
  float: none;
  display: flex;
  width: 170px;
}
.nav-cover ul.nav-tabs > li > a {
  border-radius: 4px 4px 0 0;
  background-color: #f6f8f9;
  box-shadow: 0 -4px 10px 0 rgb(0 0 0 / 0.05);
  margin: 5px 10px 10px 0;
  color: #4c5c6d;
  font-weight: 600;
  border-bottom: 1px solid;
  font-size: 12px;
  padding: 7px 10px;
}
.nav-cover .nav-tabs > li > a.active,
.nav-cover .nav-tabs > li > a.active:focus,
.nav-cover .nav-tabs > li > a.active:hover,
.nav-cover ul.nav-tabs > li.active > a {
  color: #4c5c6d;
  font-weight: 600;
  border-radius: 4px 4px 0 0;
  background-color: #fff;
  box-shadow: 0 -4px 10px 0 rgb(0 0 0 / 0.05);
  border-bottom-color: #22b8f0;
  border-bottom-width: 2px;
}
.vendors-view .side-navigation .nav > li > a,
.vendors-view table thead > tr > th > a {
  color: #5a636b;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 20px;
  font-weight: 600;
}
.ropBusinessFunctionForm .list-inline {
  display: inline-flex;
  align-items: center;
}
.ropBusinessFunctionForm table thead,
.vendors-view table thead {
  border-radius: 4px;
  background-color: #f9f9f9;
  box-shadow: 0 2px 10px 0 rgb(0 0 0 / 0.15);
}
.ropBusinessFunctionForm table thead tr,
.vendors-view table thead > tr > th {
  padding: 10px;
  border-bottom: none;
}
.ropBusinessFunctionForm table thead tr th {
  width: 11%;
  vertical-align: middle;
  padding: 8px;
}
.ropBusinessFunctionForm table thead tr th select {
  width: 150px;
  padding-right: 35px;
  overflow: hidden;
}
.ropBusinessFunctionForm table thead tr th.checkbox-header {
  width: 1px !important;
}
.ropBusinessFunctionForm table tbody:before,
.vendors-view table tbody:before {
  line-height: 10px;
  content: "-";
  color: #fff;
  display: block;
}
.ropBusinessFunctionForm table tbody tr,
.vendors-view table tbody > tr {
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 2px 10px 0 rgb(0 0 0 / 0.07);
}
.ropBusinessFunctionForm table tbody tr td.check-column {
  width: 1%;
}
.ropBusinessFunctionForm table tbody tr td {
  width: 11%;
  vertical-align: top;
  padding: 18px 10px;
}
.ropBusinessFunctionForm table tbody .dpo-review {
  border-radius: 5px;
  background-color: #ffecc9;
  padding: 5px;
  color: #a06b0a;
  text-align: center;
  line-height: 25px;
}
.ropBusinessFunctionForm table tbody .complete {
  border-radius: 5px;
  background-color: #c7e9c0;
  color: #238b45;
  padding: 5px;
  text-align: center;
  line-height: 25px;
}
.ropBusinessFunctionForm table tbody .in-progress {
  border-radius: 5px;
  background-color: #f3f4ff;
  padding: 5px;
  color: #4b57c3;
  text-align: center;
  line-height: 25px;
}
.ropBusinessFunctionForm input[type="checkbox"] {
  width: 18px;
  height: 18px;
}
.ropBusinessFunctionForm .tj-wordwrap,
.vendors-view table tbody > tr > td .tj-wordwrap {
  white-space: nowrap;
  width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ropBusinessFunctionForm .doc-dropdown button {
  background-color: #fff0;
  border: none;
}
.vendors-view .vendors-progress-bar {
  background: linear-gradient(180deg, #fefefe 0, #ededed 100%);
  padding: 35px 0;
}
.vendors-view .chosen-single {
  background: 0 0 !important;
  border: 1px solid #b7c6db;
  border-radius: 3px;
}
.vendors-view .search-box .btn-default,
.vendors-view .search-box input {
  background: 0 0;
  border: 1px solid #b7c6db;
  border-radius: 3px;
}
.vendors-view .add-records,
.vendors-view .import-records {
  border-radius: 2px;
  background-color: #22b8f0;
  padding: 10px 20px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 18px;
  text-align: center;
}
.vendors-view .side-navigation {
  background: linear-gradient(180deg, #fefefe 0, #ededed 100%);
}
.vendors-view .side-navigation .nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.vendors-view table tbody > tr > td {
  padding: 15px 10px;
  color: #777;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 20px;
}
.popup-btns .rop-copy,
.popup-btns .rop-create-new {
  letter-spacing: 0;
  line-height: 18px;
  text-align: center;
  padding: 10px 15px;
  font-size: 12px;
}
.tjfield-elements-freetext {
  padding: 0 15px;
}
.rop-form-design .form-horizontal .buttons,
.rop-form-design .form-horizontal ul.nav {
  float: right;
  width: 20%;
  padding: 0 0 0 50px;
  text-align: left;
  border-bottom: none;
}
.rop-form-design .form-horizontal .buttons li a,
.rop-form-design .form-horizontal ul.nav li a {
  display: block;
  padding: 4px 0 15px;
}
.rop-form-design .form-horizontal .buttons li a:before,
.rop-form-design .form-horizontal ul.nav li a:before {
  content: "";
  width: 20px;
  height: 20px;
  border: 1px solid #b7c6db;
  border-radius: 50%;
  background-color: #b7c6db;
  display: block;
  padding: 0;
  position: absolute;
  left: -39px;
  top: 6px;
  z-index: 2;
}
.rop-form-design .form-horizontal .buttons li a:after,
.rop-form-design .form-horizontal ul.nav li a:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: -45px;
  width: 32px;
  height: 32px;
  border: 1px solid #fff;
  border-radius: 50%;
  background-color: #fff;
}
.rop-form-design .form-horizontal .buttons li:before,
.rop-form-design .form-horizontal ul.nav li:before {
  display: inline-block;
  content: "";
  position: absolute;
  left: -30px;
  height: 100%;
  width: 10px;
  border-left: 2px dashed #b7c6db;
}
.rop-form-design .form-horizontal .buttons li,
.rop-form-design .form-horizontal ul.nav li {
  display: block;
  position: relative;
  counter-increment: list;
  border: none !important;
}
.rop-form-design .form-horizontal .buttons li a.active:before,
.rop-form-design .form-horizontal ul.nav li a.active:before {
  border: 1px solid #22b8f0;
  background-color: #22b8f0;
}
.rop-form-design .form-horizontal .buttons li a.active:after,
.rop-form-design .form-horizontal ul.nav li a.active:after {
  border: 1px solid #22b8f0;
  box-shadow: 0 0 6px 0 rgb(72 99 249 / 0.34);
}
.rop-form-design .form-horizontal .buttons li:last-child::before,
.rop-form-design .form-horizontal ul.nav li:last-child::before {
  border-left: none;
}
.rop-form-design .form-horizontal .tab-content {
  float: left;
  width: 80%;
  box-shadow: 0 2px 10px 0 rgb(0 0 0 / 0.1);
}
.rop-form-design .form-horizontal .tab-content .dp-rop-form label {
  color: #5e6477;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 21px;
}
.rop-form-design .form-horizontal .tab-content .dp-rop-form .chosen-single {
  border: 1px solid;
  border-radius: 3px;
  background: #fff0;
  box-shadow: none;
}
.rop-form-design .form-horizontal #tjucm_myTabTabs1 > li > a {
  padding: 3px 0 15px;
}
.rop-form-design .action-btns {
  clear: both;
  z-index: 3;
  background: #fff !important;
  margin-bottom: 0;
  position: relative;
}
.alert,
.footer-bottom,
.rop-cover-class .footer-bottom,
.rop-cover-class .sp-bottom-dpe,
.sp-bottom-dpe {
  z-index: 2;
}
#ziploader,
.awesomplete > ul,
.loader {
  z-index: 9999;
}
.rop-form-design .custom-form-style .subform-repeatable-group .control-group {
  margin-right: 15px;
  margin-top: 10px;
}
.rop-form-design #rop-legal-summary ul.nav {
  float: none;
  width: auto;
  display: none;
}
@media (max-width: 768px) {
  .full-width-view .sp-main-container {
    padding: 0 15px !important;
  }
  .process-list-header {
    padding-bottom: 30px;
  }
  .process-list-header .nav-tabs {
    border-bottom: none;
  }
  .vendors-view .text-right {
    text-align: left;
  }
  .vendors-view .table-responsive {
    border: none;
  }
  #sbox-window.tjucm-addprocess-doc.create-new-parent {
    width: 90% !important;
    height: 575px !important;
  }
  .rop-form-design .tab-content .form-actions.action-btns {
    position: relative !important;
    bottom: auto !important;
  }
  .header-changes #sp-bottom,
  .header-changes #sp-footer {
    position: relative !important;
  }
  .vendors-form-view.rop-form-design .buttons {
    position: relative;
    float: none !important;
    top: auto !important;
    width: 100% !important;
  }
  .rop-form-design .form-horizontal .buttons li a:after,
  .rop-form-design .form-horizontal ul.nav li a:after {
    content: unset;
  }
}
.rop-form-design.rop-repeated-fild-view .form-horizontal .data-flow-relation {
  float: left;
  width: 20%;
  position: fixed;
  top: 340px;
  bottom: 0;
  overflow-y: auto;
  z-index: 1;
}
.rop-form-design.rop-repeated-fild-view
  .form-horizontal
  .data-flow-relation
  ol {
  list-style: none;
  padding: 0 5px 0 17px;
}
.rop-form-design.rop-repeated-fild-view .form-horizontal ul.nav {
  float: right;
  width: 20%;
}
.rop-form-design.rop-repeated-fild-view .form-horizontal .tab-content {
  float: left;
  width: 60%;
  margin-left: 254px;
}
.form-validate .detail-view-tabs > li {
  opacity: 0.5;
}
.form-validate .detail-view-tabs > li.active {
  color: #0d2531;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 21px;
  opacity: 1;
  position: relative;
  border-bottom: 4px solid #000;
}
.form-validate .detail-view-tabs > li.active > a:hover {
  border: none;
  color: #0d2531;
}
.form-validate .detail-view-tabs > li > a {
  color: #0d2531;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 21px;
  border: none;
  padding: 10px 15px;
  display: inline-block;
}
.form-validate a.edit-record,
.form-validate a.print_record {
  color: #22b8f0;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 18px;
}
.form-validate .form-group .field-label {
  color: #000;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 18px;
  font-weight: 600;
}
.form-validate .form-group .field-label label {
  font-weight: 600;
  color: #000;
}
.form-validate .form-group .field-data {
  color: #777;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 20px;
}
#data-flow
  .custom-form-style.dataflow-tab
  .subform-repeatable-group
  .control-group {
  width: 47%;
  margin-bottom: 10px !important;
}
.rop-popup .search-clear-btn .btn {
  background: #f5f5f5;
  transition: color 0.4s, background-color 0.4s, border-color 0.4s;
  border-color: #b3b3b3;
  color: #605f5f;
}
.rop-popup {
  margin-bottom: 80px;
  padding: 0 15px;
}
.rop-popup input[type="checkbox"] {
  position: absolute;
  left: 6px;
  top: 71px;
}
.popup-btns {
  position: fixed;
  right: 0;
  bottom: 0;
  width: 100%;
  padding: 10px 0;
  background-color: #fff;
}
.popup-btns .rop-copy {
  border-radius: 2px;
  background: #22b8f0 !important;
  font-weight: 500;
  color: #fff !important;
  border: 1px solid #22b8f0 !important;
}
.popup-btns .rop-create-new {
  border: 1px solid #22b8f0 !important;
  border-radius: 2px;
  background: #fff !important;
  font-weight: 500;
}
.popup-search {
  margin: 0 !important;
}
.rop-form-design #tjucm_myTabTabs.nav.nav-tabs,
.rop-form-design .buttons {
  position: fixed;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  display: block;
}
.rop-form-design .buttons {
  padding: 0 0 0 15px !important;
}
.rop-form-design .tab-content {
  max-height: 600px;
  height: 100vh;
  overflow: hidden;
  position: relative;
}
.rop-form-design .tab-content .tab-pane {
  position: absolute;
  overflow-y: auto;
  width: 100%;
  padding: 0 15px;
  scroll-behavior: smooth;
}
.rop-form-design .tab-content .tab-pane.tab-pane-height {
  height: 92%;
}
.rop-form-design .tab-content .form-actions.action-btns {
  position: fixed;
  width: 70%;
  padding: 20px;
  background-color: #fff !important;
}
@media (min-width: 769px) {
  .header-changes .sp-main-container {
    min-height: 56vh;
  }
}
@media (min-width: 992px) {
  .float-lg-left {
    float: left !important;
  }
  .float-lg-right {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
  .hidden-lg-up {
    display: none !important;
  }
  .dashboard-filter .cover,
  .widget-boxes {
    display: flex;
  }
  .widget-boxes .col-sm-3 {
    width: 25% !important;
  }
  .header-changes .sp-main-container {
    min-height: 55vh;
  }
}
@media (min-width: 1400px) {
  .header-changes .sp-main-container {
    min-height: 60vh;
  }
}
.rop-form-design.rop-repeated-fild-view .tab-content .form-actions.action-btns {
  position: fixed;
  width: 55%;
}
.overdue-todo {
  color: #ff0000ba;
}
#tjucm_myTabTabs1.nav {
  padding: 0 0 0 40px;
  margin-top: 15px;
  bottom: 0;
  position: fixed;
  overflow-y: auto;
  flex-direction: column;
  flex-grow: 1;
  overflow: auto;
}
#sbox-window.tjucm-addvendor-pop {
  left: 25px !important;
  top: 25px !important;
  height: 90% !important;
  width: 95% !important;
}
#sbox-window.tjucm-addvendor-pop iframe {
  width: 100% !important;
  height: 100%;
}
.rop-inputs input.dataflow-desc-class {
  border: 1px solid #22b8f0 !important;
}
.form-actions {
  background: 0 0 !important;
}
.scroll1,
.scroll12 {
  width: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
}
.scroll1 .div1 {
  visibility: hidden;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .rop-form-design .form-horizontal ul#tjucm_myTabTabs.nav > li:before,
  .rop-form-design .form-horizontal ul#tjucm_myTabTabs1.nav > li:before {
    border-left: none;
    display: block;
    margin: 0 auto 10px;
    color: #8c8c8c;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 16px;
    box-shadow: 0 2px 10px 0 #d3d3d3;
  }
  #sbox-window.tjucm-addvendor-pop {
    left: 5px !important;
  }
  .rop-list-view .agency-drop-down {
    margin-right: 4x;
  }
  .ropBusinessFunctionForm .doc-dropdown {
    display: none;
  }
  .rop-form-design .form-horizontal ul#tjucm_myTabTabs.nav {
    position: relative;
    float: none;
    width: 100%;
    padding: 0;
    text-align: center;
    top: auto !important;
    overflow-x: scroll;
    overflow-y: hidden;
    display: block;
  }
  .rop-form-design .form-horizontal ul#tjucm_myTabTabs.nav > li {
    word-break: break-word;
    counter-increment: list-counter;
  }
  .rop-form-design .form-horizontal ul#tjucm_myTabTabs.nav > li:before {
    position: relative;
    left: 0;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    padding: 10px;
    content: "" counter(list-counter);
    font-size: 14px;
    background: linear-gradient(180deg, #e9e9e9 0, #ededed 100%);
  }
  .rop-form-design .form-horizontal ul#tjucm_myTabTabs.nav > li:after {
    content: "";
    width: 100%;
    height: 2px;
    background: linear-gradient(180deg, #dae9ff 0, #d6e1f1 100%);
    position: absolute;
    left: -50%;
    top: 18px;
    z-index: -1;
    border: none;
  }
  .rop-form-design .form-horizontal ul#tjucm_myTabTabs.nav > li a:before,
  .rop-form-design
    .form-horizontal
    ul#tjucm_myTabTabs.nav
    > li:first-child::after,
  .rop-form-design .form-horizontal ul#tjucm_myTabTabs1.nav > li a:before,
  .rop-form-design
    .form-horizontal
    ul#tjucm_myTabTabs1.nav
    > li:first-child::after {
    content: none;
  }
  .rop-form-design
    .form-horizontal
    ul#tjucm_myTabTabs.nav
    > li:not(:last-child),
  .rop-form-design
    .form-horizontal
    ul#tjucm_myTabTabs1.nav
    > li:not(:last-child) {
    padding-right: 10px;
  }
  .rop-form-design .form-horizontal ul#tjucm_myTabTabs1.nav {
    float: none;
    padding: 0;
    text-align: center;
    top: auto !important;
    width: 100vw;
    position: relative;
    left: calc(-86vw + 50%);
    margin: 0 15px;
  }
  .rop-form-design .form-horizontal ul#tjucm_myTabTabs1.nav > li {
    word-break: break-word;
    counter-increment: list-counter1;
    float: left;
  }
  .rop-form-design .form-horizontal ul#tjucm_myTabTabs1.nav > li:before {
    position: relative;
    left: 0;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    padding: 7px;
    content: "" counter(list-counter1);
    font-size: 12px;
    background: linear-gradient(180deg, #e9e9e9 0, #ededed 100%);
  }
  .rop-form-design .form-horizontal ul#tjucm_myTabTabs1.nav > li:after {
    content: "";
    width: 100%;
    height: 2px;
    background: linear-gradient(180deg, #dae9ff 0, #d6e1f1 100%);
    position: absolute;
    left: -50%;
    top: 14px;
    z-index: -1;
    border: none;
  }
  .rop-form-design .form-horizontal ul#tjucm_myTabTabs1.nav > li a {
    font-size: 12px;
    color: #000;
  }
  .rop-form-design .form-horizontal .tab-content {
    float: right;
    width: 100%;
    margin-bottom: 30px;
    top: 0 !important;
    max-height: inherit;
    height: auto;
    overflow: initial;
    position: relative;
  }
  .rop-form-design .form-horizontal .tab-content .tab-pane {
    position: relative;
    height: auto !important;
  }
  .rop-form-design .form-horizontal .form-actions {
    padding: 0;
    margin: 0 !important;
  }
  .rop-form-design #rop-legal-summary {
    max-width: 20%;
  }
  .rop-form-design #rop-legal-summary ul#tjucm_myTabTabs1 {
    width: 100vw;
    position: relative;
    left: calc(-86vw + 50%);
    margin: 0 15px;
  }
  .rop-form-design #rop-legal-summary ul#tjucm_myTabTabs1 li {
    float: left;
  }
  .rop-form-design .buttons-mobile-view .mobile-space {
    margin-bottom: 0;
    margin-top: 10px !important;
  }
  .rop-form-design.rop-repeated-fild-view .form-horizontal {
    display: flex;
    flex-wrap: wrap;
  }
  .rop-form-design.rop-repeated-fild-view .form-horizontal .data-flow-relation {
    float: none;
    width: 100%;
    position: relative;
    top: auto !important;
    bottom: 0;
    order: 2;
    margin-top: 10px !important;
    margin-bottom: 20px !important;
  }
  .rop-form-design.rop-repeated-fild-view .form-horizontal .tab-content {
    float: none;
    width: 100%;
    margin-left: 0 !important;
    order: 3;
  }
  .rop-form-design.rop-repeated-fild-view #tjucm_myTabTabs.nav.nav-tabs {
    position: relative;
    right: auto;
    bottom: 0;
    overflow-y: hidden;
    order: 1;
  }
  .rop-form-design.rop-repeated-fild-view
    #data-flow
    .custom-form-style.dataflow-tab
    .subform-repeatable-group
    .control-group {
    width: 100%;
  }
  .vendors-form-view.rop-form-design.vendors-popup-form .tab-pane {
    height: auto !important;
  }
  .vendors-form-view.rop-form-design.vendors-popup-form .nav.nav-tabs {
    margin-top: 0 !important;
  }
  .recommendation-form .control-group.popup-action-btn {
    padding: 0 30px;
  }
  .btn-wrapper.input-append.dp-search-filter {
    margin-bottom: 15px;
  }
}
.blog-cover .content-cover .introtext,
.blog-cover .content-cover h2 a {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
}
.btn-primary,
.sppb-btn-primary {
  border-color: #0faae4 !important;
  background-color: #22b8f0 !important;
  background-image: none !important;
}
.btn-primary:focus,
.btn-primary:hover,
.notification-add-form .btn-primary:focus,
.notification-add-form .btn-primary:hover,
.notification-add-form .sppb-btn-primary:focus,
.notification-add-form .sppb-btn-primary:hover,
.sppb-btn-primary:focus,
.sppb-btn-primary:hover {
  border-color: #0d8ab9 !important;
  background-color: #0e9cd1 !important;
}
.rop-form-design .legal-summary-fieldset {
  box-shadow: 0 6px 18px 0 rgb(0 0 0 / 0.47);
  padding: 15px;
}
.rop-form-design .ucmsubform .subform-repeatable-group {
  box-shadow: 0 6px 18px 0 rgb(0 0 0 / 0.47);
  padding: 10px;
}
.header-changes #sp-footer {
  position: fixed;
  bottom: 0;
  width: 100%;
}
.header-changes #sp-bottom {
  position: fixed;
  width: 100%;
}
.sclogin.sourcecoast {
  line-height: 88px;
}
.DragDropRelCover ol li:before {
  content: "-";
  position: absolute;
  margin-left: -12px;
}
.vendors-form-view.rop-form-design
  .form-horizontal
  .tab-content
  .dp-rop-form
  .control-label
  label {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 45px;
  cursor: pointer;
  white-space: normal;
  display: inline-block !important;
}
.vendors-form-view.rop-form-design
  .form-horizontal
  .tab-content
  .dp-rop-form
  .control-label
  label:hover {
  overflow: visible;
  white-space: normal;
  min-height: 45px;
  display: inline-block !important;
}
.vendors-form-view.rop-form-design .form-horizontal .radio {
  padding-top: 0;
}
.vendors-form-view.rop-form-design.vendors-popup-form .tab-content {
  height: 68vh !important;
}
.vendors-form-view.rop-form-design.vendors-popup-form [class*=" icon-"]:before,
.vendors-form-view.rop-form-design.vendors-popup-form [class^="icon-"]:before {
  font-family: IcoMoon !important;
}
.vendors-form-view.rop-form-design.vendors-popup-form .icon-minus:before,
.vendors-form-view.rop-form-design.vendors-popup-form .icon-not-ok:before {
  content: "\4b" !important;
}
.vendors-form-view.rop-form-design.vendors-popup-form .icon-new:before,
.vendors-form-view.rop-form-design.vendors-popup-form .icon-plus:before {
  content: "\2a" !important;
}
.vendors-form-view.rop-form-design.vendors-popup-form .icon-move:before {
  content: "\7a" !important;
}
.rop-list-cover .chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
  position: relative;
}
.info-cover .tooltip {
  position: absolute;
  left: 100% !important;
  top: 0 !important;
  width: 200px;
  margin-left: 7px;
}
.rop-form-design .control-label label {
  width: calc(100% - 20px);
}
.recommendation-form .control-group.reminder-field .subform-repeatable-group {
  width: 100%;
  display: block;
  float: left;
}
.recommendation-form
  .control-group.reminder-field
  .subform-repeatable-group
  .control-group {
  float: left;
  width: 50%;
  clear: unset;
  display: inline-block;
  margin-bottom: 15px;
}
.recommendation-form
  .control-group.reminder-field
  .subform-repeatable-group
  .control-group
  .chosen-single {
  margin-left: 20px;
  height: 34px;
}
.recommendation-form
  .control-group.reminder-field
  .subform-repeatable-group
  .chosen-container-single
  .chosen-single {
  height: 34px;
  padding: 4px 12px;
}
.recommendation-form .control-group.popup-action-btn {
  width: 100%;
  float: none;
  clear: both;
}
.notification-add-form .btn {
  padding: 4px 12px !important;
}
.notification-add-form .btn span:before {
  font-size: 14px;
}
.notification-add-form .btn-danger,
.notification-add-form .btn-danger:focus,
.notification-add-form .btn-danger:hover,
.notification-add-form .btn-success,
.notification-add-form .btn-success:focus,
.notification-add-form .btn-success:hover {
  background-image: none !important;
}
.notification-add-form .btn-danger:active,
.notification-add-form .btn-danger:focus {
  background-color: #22b8f0 !important;
}
.notification-add-form .btn-primary,
.notification-add-form .sppb-btn-primary {
  border-color: #0faae4;
  background-color: #22b8f0;
  background-image: none !important;
}
.notification-add-form .btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
  background-image: none !important;
}
.recommendations-listview-popup .btn {
  background-image: none;
  border: none;
  padding: 6px 12px;
}
.recommendations-listview-popup td .btn {
  background-color: #fff0;
  box-shadow: none;
  padding: 0;
}
.recommendations-listview-popup .pagination > .active > a,
.recommendations-listview-popup .pagination > .active > span {
  border-color: #22b8f0;
  background-color: #22b8f0;
  color: #fff;
}
.recommendation-form.notification-add-form .form-check-input {
  margin-top: 10px;
  margin-left: -12px;
}
.recommendation-form.notification-add-form .control-group {
  width: 100%;
  float: left;
  text-align: left;
  margin-bottom: 5px !important;
}
.recommendation-form.notification-add-form .controls {
  margin: 0 15px 0 0 !important;
}
.recommendation-form.notification-add-form .reminder-field .control-group {
  width: 40% !important;
}
.recommendation-form.notification-add-form textarea {
  height: 40px;
}
.searchtool-calendar.timelog-activities-search
  .js-stools-field-filter
  #filter_tags_chosen
  a {
  padding: 0;
  border: none;
}
.blog-cover {
  box-shadow: 0 6px 9px 0 rgb(0 0 0 / 0.47);
  width: 100%;
}
.blog-cover article.item {
  padding-bottom: 50px;
  position: relative;
}
.blog-cover .content-cover h2 a {
  -webkit-line-clamp: 3;
  height: 85px;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
}
.blog-cover .content-cover .introtext {
  height: 125px;
  -webkit-line-clamp: 5;
}
.blog-cover .content-cover .readmore {
  position: absolute;
  bottom: 0;
}
.news-menu-module {
  margin-top: 20px !important;
}
.news-menu-module.sp-module ul > li {
  display: inline-block;
  border-bottom: none;
}
.news-menu-module.sp-module ul > li > a {
  margin: 0 25px 0 0;
}
.news-menu-module.sp-module ul > li > a:before {
  content: "";
}
.newsletters .archive_listing li {
  margin-bottom: 25px !important;
}
.newsletters #sp-component .archive_listing a:hover {
  color: #22b8f0 !important;
}
.newsletters #sp-component .newsletter_body #acym__wysid__template p,
.newsletters #sp-component .newsletter_body #acym__wysid__template span {
  font-size: 14px !important;
  line-height: 20px;
}
@media (min-width: 576px) {
  .float-sm-left {
    float: left !important;
  }
  .float-sm-right {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
  .hidden-sm-up {
    display: none !important;
  }
  .making-round-form.ucmsubform .control-label {
    width: 33.33333333%;
  }
  .making-round-form.ucmsubform .controls {
    float: right;
    width: 41.66666667%;
  }
}
@media print and (-webkit-min-device-pixel-ratio: 0) {
  .sp-default-logo {
    width: 300px;
    margin-bottom: 10px;
  }
}
@media print {
  #sp-header .logo a,
  .body-innerwrapper,
  .sp-default-logo.hidden-xs,
  .visible-print-block {
    display: block !important;
  }
  .visible-print-inline {
    display: inline !important;
  }
  .visible-print-inline-block {
    display: inline-block !important;
  }
  #sp-menu,
  #sp-top-bar,
  .alert,
  .breadcrumb,
  .checklistBack,
  .checklist_outer .checklist-title,
  .fa-history,
  .footer-bottom,
  .hidden-print,
  .print-hide,
  .print-view-sppage .sp-pagebuilder-page-edit,
  .print-view-sppage .sppb-addon-title,
  .print-view-sppage .sppb-nav-modern,
  .sp-bottom-dpe,
  .sp-column .nav,
  .sp-default-logo.visible-xs,
  .sp-pagebuilder-page-edit {
    display: none !important;
  }
  .checklistBtnGrp,
  .print-view .col-sm-3,
  .row:after,
  .sp-main-container > .container {
    width: 100% !important;
  }
  .green,
  .orange,
  .red {
    height: 5px !important;
  }
  .print-view .btn-group,
  .print-view .chosen-single,
  .print-view .chosen-single span,
  .print-view-sppage .chosen-single span {
    margin-right: 0 !important;
    overflow: inherit !important;
    text-overflow: inherit;
    font-size: 22px;
    font-weight: 600;
    position: inherit !important;
  }
  body {
    margin: 5mm !important;
    -webkit-print-color-adjust: exact !important;
    color-adjust: exact !important;
    background: #fff !important;
  }
  @supports (-ms-ime-align: auto) {
    .print-view-tab .checklist {
      page-break-after: auto;
    }
    body {
      margin: 0 !important;
    }
  }
  .print-text-right {
    text-align: right !important;
  }
  .print-view-tab .line-height-18 {
    line-height: inherit;
  }
  .print-view-tab .h-32 {
    height: auto;
  }
  .checklistBtnGrp {
    display: flex !important;
  }
  .btn-primary,
  .print-view-sppage.print-checklist-sppage .checklist_outer .chosen-container {
    width: inherit !important;
  }
  #sp-main-body.sp-main-container {
    padding: 0 !important;
    min-height: inherit !important;
  }
  .body-innerwrapper {
    min-height: inherit !important;
  }
  a[href]:after {
    content: none !important;
  }
  #sp-header {
    position: inherit !important;
  }
  *,
  :after,
  :before {
    color: inherit !important;
  }
  a {
    color: #22b8f0 !important;
  }
  .txt-green {
    color: #50e3c1 !important;
  }
  .txt-orange {
    color: #f5a624 !important;
  }
  .txt-red {
    color: #e25c3a !important;
  }
  .progress::-ms-fill {
    background-color: #f5f5f5 !important;
  }
  .progress-bar-danger::-ms-fill {
    background-color: red !important;
  }
  .progress-green::-ms-fill {
    background-color: #50e3c1 !important;
  }
  .progress-bar-warning::-ms-fill {
    background-color: #f0ad4e !important;
  }
  .progress-bar-danger {
    background: red !important;
  }
  .progress-bar-warning {
    background: #f0ad4e !important;
  }
  .orange {
    border: 5px solid #f0ad4e !important;
    color: #f0ad4e !important;
  }
  .green {
    border: 5px solid #50e3c1 !important;
    color: #50e3c1 !important;
  }
  .red {
    border: 5px solid red !important;
    color: red !important;
  }
  .info,
  .progress-green {
    background: #50e3c1 !important;
  }
  .progress {
    background: #f5f5f5 !important;
    border: 2px solid #f5f5f5 !important;
  }
  #sp-footer,
  .btn-primary,
  .sp-page-title,
  .sppb-btn-primary {
    background: #22b8f0 !important;
    color: #fff !important;
    width: inherit !important;
  }
  .btn-primary,
  .print-view .pl-5 .font-bold {
    display: none;
  }
  .checklist_dashboard .width-22 {
    width: 32% !important;
  }
  .print-view .table {
    margin-bottom: 0;
  }
  .print-view .btn-group,
  .print-view .chosen-single,
  .print-view .chosen-single span {
    text-align: left !important;
    padding: 0 !important;
    color: #22b8f0 !important;
    display: block !important;
  }
  .print-view .btn-group,
  .print-view.checklist-print-view .btn-group,
  .print-view.checklist-print-view .chosen-single span {
    text-align: center !important;
  }
  .print-view .checklist_outer {
    margin: 15px -15px !important;
    padding: 10px 0;
  }
  .print-view .col-sm-4 {
    width: 33.33% !important;
    display: inline-block !important;
  }
  .print-view .btn-group {
    width: 100%;
    font-size: 30px;
  }
  .print-view h2 {
    font-size: 22px;
  }
  .print-view .sp-column .col-sm-7 {
    width: 50%;
    float: left;
  }
  .print-view .sp-column .col-sm-3 {
    width: 55%;
    float: left;
  }
  .print-view .checklist {
    padding: 0;
  }
  .print-view h3 {
    margin-left: -3px !important;
  }
  .col-md-12,
  .col-sm-12,
  .col-xs-12 {
    position: inherit !important;
    float: inherit !important;
  }
  .print-view-tab .section-title h3 {
    line-height: 1.3 !important;
    margin-top: 15px;
  }
  .print-view-tab .tab-content {
    padding: 15px 0 0 !important;
  }
  .print-view-tab .tabbable-panel {
    padding-top: 5px !important;
  }
  .print-view-sppage,
  .print-view-sppage .tab-content,
  .print-view-sppage .tab-pane,
  .print-view-tab .py-10 {
    padding: 0 !important;
  }
  .print-view-tab .checklist {
    border: 0 !important;
    vertical-align: top !important;
  }
  .print-view-tab .row {
    margin-left: -15px !important;
    margin-right: -15px !important;
  }
  .print-view-tab .col-sm-9 {
    width: 74% !important;
    display: inline-block !important;
    padding-left: 0 !important;
  }
  .print-view-tab .col-sm-9 label {
    float: left !important;
    width: 80%;
  }
  .print-view-tab .print-m-0 {
    margin-top: 10px !important;
  }
  .print-view-tab .col-sm-3 {
    width: 25% !important;
    display: inline-block !important;
    padding-right: 0 !important;
    vertical-align: top !important;
  }
  .print-view-tab .print-view-tab .print-pr-100 .checklist {
    page-break-after: auto;
  }
  .print-view-tab .col-sm-1 {
    width: 8.33333333%;
    float: left;
  }
  .print-view-tab .tab-pane {
    display: block !important;
    overflow: visible !important;
  }
  .print-view-tab .ucm-form-styling .col-sm-7 {
    width: 54%;
    float: left;
  }
  .ucm-form-styling .checklistBtn {
    border-radius: 2px !important;
    font-size: 10px !important;
    font-weight: 600 !important;
  }
  .ucm-form-styling .dpe-danger {
    width: auto !important;
    border: 1px solid #e25c3a !important;
  }
  .ucm-form-styling .btn {
    transition: 0 !important;
  }
  .ucm-form-styling .dpe-info {
    border: 1px solid #69d6bb !important;
  }
  .ucm-form-styling .col-sm-3 {
    width: 25%;
    float: right;
  }
  .tabbable-panel .tab-pane {
    overflow: hidden;
  }
  .print-view-fs-16 {
    font-size: 16px;
  }
  .print-view-fs-14 {
    font-size: 14px;
  }
  .print-view-mt-10 {
    margin-top: 10px;
  }
  .print-view-mb-20 {
    margin-bottom: 20px;
  }
  .view-dashboard .progress {
    margin: 0 5px !important;
    background-color: #f5f5f5 !important;
    -webkit-box-shadow: inset 0 1px 2px rgb(0 0 0 / 0.1);
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 0.1) !important;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
  }
  .btn-primary,
  .btn-primary .row-fluid,
  .checklist .row-fluid {
    float: right;
  }
  @page {
    size: landscape;
  }
  .print-view-date {
    position: absolute;
    top: 20px;
    right: 20px;
  }
  .print-view-sppage.print-checklist-sppage .checklist_outer {
    padding: 0;
    margin: 10px 0 28px;
  }
  .print-view-sppage.print-checklist-sppage
    .checklist_outer
    .chosen-container
    .chosen-single {
    white-space: inherit;
    overflow: visible;
    height: inherit !important;
  }
  .print-view-sppage.print-checklist-sppage
    .checklist_outer
    .chosen-container
    span {
    text-align: center !important;
    line-height: 1.4;
  }
  .print-view-sppage.print-checklist-sppage .print-view-date {
    top: 0;
  }
  .print-view-sppage.print-checklist-sppage .checklist_outer .btn-group {
    width: 100%;
    text-align: center;
    display: block !important;
  }
  .print-view-sppage .sppb-section {
    height: inherit !important;
    padding: 0;
  }
  .print-view-sppage .chosen-single span {
    padding: 0 !important;
    color: #22b8f0 !important;
    display: block !important;
    white-space: inherit !important;
  }
  *,
  ::after,
  ::before {
    text-shadow: none !important;
    background: padding-box initial !important;
    background-image: initial !important;
    background-position-x: 0px !important;
    background-position-y: 0px !important;
    background-repeat: initial !important;
    background-attachment: initial !important;
    background-origin: initial !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }
  .print-view.checklist-print-view .checklist_outer {
    margin: 15px 0 !important;
  }
  .container {
    max-width: inherit !important;
  }
  .sp-page-title .container {
    padding: 0 15px !important;
  }
}
@media print and (orientation: landscape) {
  .print-view .sp-column .col-sm-7 {
    width: 40%;
    float: left;
  }
  .print-view .sp-column .col-sm-3 {
    width: 25%;
    float: right;
  }
  .body-wrapper .container {
    width: 100% !important;
  }
  #notificationlistwidget,
  #notificationwidget,
  #overdue,
  #timelogwidget,
  .fa-edit,
  .fa-list {
    display: none;
  }
}
@supports (-ms-ime-align: auto) {
  .print-view-tab .checklist {
    page-break-after: auto;
  }
}
.sp-top-bar.menu-fixed {
  position: fixed;
  z-index: 999;
  width: 100%;
}
.sp-main-container {
  padding: 10px 0 15px !important;
  min-height: 100vh;
}
.sp-header.menu-fixed {
  width: 100%;
  padding: 0;
  z-index: 200 !important;
  top: 40px !important;
}
#sp-header .logo img {
  width: 160px !important;
}
.body-innerwrapper {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.sp-page-title {
  padding: 15px 0 !important;
}
.mt-n28 {
  margin-top: -28px !important;
}
@media (min-width: 768px) {
  .vendors-form-view.rop-form-design.vendors-popup-form .nav.nav-tabs {
    margin-top: 70px !important;
    top: 0;
  }
  .vendors-form-view.rop-form-design.vendors-popup-form .tab-pane {
    height: 100% !important;
  }
  .timelog-activities-popup.todo-popup {
    height: 91% !important;
  }
  #sp-header .logo img {
    width: 180px;
  }
}
.sp-contact-info {
  float: inherit !important;
}
.scuser-menu .btn {
  background: 0 0 !important;
  box-shadow: none !important;
  border: none !important;
  padding: 0 0 0 4px !important;
}
.sclogin .dropdown-view {
  padding-right: 0;
}
.sclogin .dropdown-view .dropdown-toggle::after {
  content: unset;
}
.sclogin .sclogin-greeting {
  float: left;
  color: #5d5b5b;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  white-space: nowrap;
  max-width: 50px;
  margin-bottom: 0 !important;
}
.sclogin .dropdown-menu {
  left: auto !important;
  border: none !important;
  border-radius: 0 !important;
  right: 0 !important;
  top: 30px;
  box-shadow: 0 6px 12px rgb(0 0 0 / 0.2);
  padding: 5px 0;
}
.sclogin .dropdown-menu li {
  border: 0;
  padding: 0 !important;
}
.sclogin .dropdown-menu li a {
  padding: 10px 20px !important;
  line-height: 18px !important;
}
.sclogin .dropdown-menu li a::before {
  content: none !important;
}
.sclogin .dropdown-menu li a:hover {
  background: #22b8f0 !important;
  color: #fff;
}
.loginMenu li {
  border-color: #22b8f0;
  background-color: #22b8f0;
  padding: 0 8px;
  border-radius: 4px;
}
.loginMenu a {
  line-height: inherit !important;
  color: #fff !important;
  font-size: 13px;
  font-weight: 600;
}
.loginMenu a:before {
  content: " " !important;
  margin-right: 0 !important;
}
.jmodedit {
  margin-top: -17px;
}
.jmodedit .icon-edit::before {
  content: "\f044";
  font: 18px/1 FontAwesome !important;
  color: #22b8f0;
}
.sp-megamenu-parent
  .sp-menu-item:last-child
  .sp-dropdown-items
  .sp-dropdown.sp-dropdown-sub {
  left: inherit;
  right: 100%;
}
.sp-top-bar .loginMenu,
.sp-top-bar .sclogin,
.sp-top-bar .sp-contact-info {
  padding: 8px 0 !important;
}
.sp-megamenu-wrapper {
  display: inline-block;
  vertical-align: top;
}
.masterlist-menu {
  width: auto;
  vertical-align: top;
  text-align: right;
  display: inline-block !important;
}
.masterlist-menu.core-data {
  margin-right: 15px;
  display: none !important;
}
.masterlist-menu.core-data .parent a.separator:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  content: " \f107";
  visibility: visible;
}
.masterlist-menu li.parent > a {
  line-height: 85px !important;
}
.masterlist-menu li {
  display: inline-block;
  position: relative;
  padding: 0;
}
.masterlist-menu li a {
  font-size: 12px;
  letter-spacing: 1px;
  color: #000;
  margin: 0;
}
.masterlist-menu li a:first-child:before {
  content: " ";
}
.masterlist-menu li ul {
  top: 60px;
  opacity: 0;
  visibility: hidden;
  display: block;
  transition: 0.5s;
  position: absolute;
  right: 0;
}
.masterlist-menu li:hover ul {
  opacity: 1;
  visibility: visible;
  top: 90px;
  background: #fff;
  box-shadow: 0 3px 5px 0 rgb(0 0 0 / 0.2);
  padding: 10px;
  width: 240px;
}
.masterlist-menu li:hover ul li {
  border: none;
  padding: 4px;
}
.masterlist-menu li:hover ul li a {
  text-transform: capitalize;
  line-height: 28px !important;
  letter-spacing: inherit;
  font-size: 14px;
}
.masterlist-menu li:hover ul li a:after,
.masterlist-menu li:hover ul li a:before {
  content: " ";
  font-family: inherit !important;
}
.group-add,
.masterlist-menu li:hover ul li:hover {
  background: #22b8f0;
}
.menu-slide-down .sp-has-child .sp-dropdown {
  transition: none;
  left: 0 !important;
}
@media (min-width: 320px) {
  .offcanvas-menu .offcanvas-inner .sp-module {
    margin-bottom: 0;
  }
  .mobile-masterlist-menu {
    margin-top: 0 !important;
  }
  .mobile-masterlist-menu li {
    border: 1px solid;
  }
}
@media (min-width: 600px) {
  .sclogin .sclogin-greeting {
    max-width: 100px;
  }
  .masterlist-menu.core-data {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important;
  }
  .float-xl-right {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
  .hidden-xl-up {
    display: none !important;
  }
  .header-changes .sp-main-container {
    min-height: 60vh;
  }
  #sp-menu .sp-column {
    float: none;
  }
  .masterlist-menu {
    float: right;
    width: auto;
    text-align: unset;
  }
  .sp-megamenu-wrapper {
    display: block;
  }
}
.sp-bottom-dpe {
  padding: 3px 0 !important;
  background: #22b8f0 !important;
  margin-top: auto;
}
.actionbutton,
.actionbuttondel {
  font-weight: 600;
  background: #34b8f0;
  color: #fff;
}
.sp-bottom-dpe li {
  display: inline-block !important;
  border: none !important;
}
.sp-bottom-dpe li a {
  color: #fff !important;
  padding: 0 !important;
}
.sp-bottom-dpe li a::before {
  margin-right: 0 !important;
  content: "\007C" !important;
  font-family: inherit !important;
  padding: 0 15px;
}
.sp-bottom-dpe li:first-child a::before {
  content: "" !important;
  padding: 0 !important;
}
@media (min-width: 992px) {
  #sp-header .logo img {
    width: 210px;
  }
  .sp-bottom-dpe {
    text-align: unset;
  }
  #sp-bottom2 .sp-column {
    text-align: right;
  }
}
@font-face {src: local("Open Sans Light Italic"), local("OpenSans-LightItalic"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/memnYaGs126MiZpBA-UFUKWyV9hmIqOjjg.woff2) format("woff2"); font-family: "Open Sans"; font-style: italic; font-weight: 300; unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F; font-display: swap}
@font-face {src: local("Open Sans Light Italic"), local("OpenSans-LightItalic"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/memnYaGs126MiZpBA-UFUKWyV9hvIqOjjg.woff2) format("woff2"); font-family: "Open Sans"; font-style: italic; font-weight: 300; unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-display: swap}
@font-face {src: local("Open Sans Light Italic"), local("OpenSans-LightItalic"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/memnYaGs126MiZpBA-UFUKWyV9hnIqOjjg.woff2) format("woff2"); font-family: "Open Sans"; font-style: italic; font-weight: 300; unicode-range: U+1F00-1FFF; font-display: swap}
@font-face {src: local("Open Sans Light Italic"), local("OpenSans-LightItalic"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/memnYaGs126MiZpBA-UFUKWyV9hoIqOjjg.woff2) format("woff2"); font-family: "Open Sans"; font-style: italic; font-weight: 300; unicode-range: U+0370-03FF; font-display: swap}
@font-face {src: local("Open Sans Light Italic"), local("OpenSans-LightItalic"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/memnYaGs126MiZpBA-UFUKWyV9hkIqOjjg.woff2) format("woff2"); font-family: "Open Sans"; font-style: italic; font-weight: 300; unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-display: swap}
@font-face {src: local("Open Sans Light Italic"), local("OpenSans-LightItalic"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/memnYaGs126MiZpBA-UFUKWyV9hlIqOjjg.woff2) format("woff2"); font-family: "Open Sans"; font-style: italic; font-weight: 300; unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap}
@font-face {src: local("Open Sans Light Italic"), local("OpenSans-LightItalic"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/memnYaGs126MiZpBA-UFUKWyV9hrIqM.woff2) format("woff2"); font-family: "Open Sans"; font-style: italic; font-weight: 300; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD; font-display: swap}
@font-face {src: local("Open Sans Italic"), local("OpenSans-Italic"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/mem6YaGs126MiZpBA-UFUK0Udc1UAw.woff2) format("woff2"); font-family: "Open Sans"; font-style: italic; font-weight: 400; unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F; font-display: swap}
@font-face {src: local("Open Sans Italic"), local("OpenSans-Italic"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/mem6YaGs126MiZpBA-UFUK0ddc1UAw.woff2) format("woff2"); font-family: "Open Sans"; font-style: italic; font-weight: 400; unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-display: swap}
@font-face {src: local("Open Sans Italic"), local("OpenSans-Italic"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/mem6YaGs126MiZpBA-UFUK0Vdc1UAw.woff2) format("woff2"); font-family: "Open Sans"; font-style: italic; font-weight: 400; unicode-range: U+1F00-1FFF; font-display: swap}
@font-face {src: local("Open Sans Italic"), local("OpenSans-Italic"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/mem6YaGs126MiZpBA-UFUK0adc1UAw.woff2) format("woff2"); font-family: "Open Sans"; font-style: italic; font-weight: 400; unicode-range: U+0370-03FF; font-display: swap}
@font-face {src: local("Open Sans Italic"), local("OpenSans-Italic"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/mem6YaGs126MiZpBA-UFUK0Wdc1UAw.woff2) format("woff2"); font-family: "Open Sans"; font-style: italic; font-weight: 400; unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-display: swap}
@font-face {src: local("Open Sans Italic"), local("OpenSans-Italic"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/mem6YaGs126MiZpBA-UFUK0Xdc1UAw.woff2) format("woff2"); font-family: "Open Sans"; font-style: italic; font-weight: 400; unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap}
@font-face {src: local("Open Sans Italic"), local("OpenSans-Italic"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/mem6YaGs126MiZpBA-UFUK0Zdc0.woff2) format("woff2"); font-family: "Open Sans"; font-style: italic; font-weight: 400; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD; font-display: swap}
@font-face {src: local("Open Sans SemiBold Italic"), local("OpenSans-SemiBoldItalic"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/memnYaGs126MiZpBA-UFUKXGUdhmIqOjjg.woff2) format("woff2"); font-family: "Open Sans"; font-style: italic; font-weight: 600; unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F; font-display: swap}
@font-face {src: local("Open Sans SemiBold Italic"), local("OpenSans-SemiBoldItalic"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/memnYaGs126MiZpBA-UFUKXGUdhvIqOjjg.woff2) format("woff2"); font-family: "Open Sans"; font-style: italic; font-weight: 600; unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-display: swap}
@font-face {src: local("Open Sans SemiBold Italic"), local("OpenSans-SemiBoldItalic"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/memnYaGs126MiZpBA-UFUKXGUdhnIqOjjg.woff2) format("woff2"); font-family: "Open Sans"; font-style: italic; font-weight: 600; unicode-range: U+1F00-1FFF; font-display: swap}
@font-face {src: local("Open Sans SemiBold Italic"), local("OpenSans-SemiBoldItalic"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/memnYaGs126MiZpBA-UFUKXGUdhoIqOjjg.woff2) format("woff2"); font-family: "Open Sans"; font-style: italic; font-weight: 600; unicode-range: U+0370-03FF; font-display: swap}
@font-face {src: local("Open Sans SemiBold Italic"), local("OpenSans-SemiBoldItalic"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/memnYaGs126MiZpBA-UFUKXGUdhkIqOjjg.woff2) format("woff2"); font-family: "Open Sans"; font-style: italic; font-weight: 600; unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-display: swap}
@font-face {src: local("Open Sans SemiBold Italic"), local("OpenSans-SemiBoldItalic"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/memnYaGs126MiZpBA-UFUKXGUdhlIqOjjg.woff2) format("woff2"); font-family: "Open Sans"; font-style: italic; font-weight: 600; unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap}
@font-face {src: local("Open Sans SemiBold Italic"), local("OpenSans-SemiBoldItalic"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/memnYaGs126MiZpBA-UFUKXGUdhrIqM.woff2) format("woff2"); font-family: "Open Sans"; font-style: italic; font-weight: 600; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD; font-display: swap}
@font-face {src: local("Open Sans Bold Italic"), local("OpenSans-BoldItalic"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/memnYaGs126MiZpBA-UFUKWiUNhmIqOjjg.woff2) format("woff2"); font-family: "Open Sans"; font-style: italic; font-weight: 700; unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F; font-display: swap}
@font-face {src: local("Open Sans Bold Italic"), local("OpenSans-BoldItalic"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/memnYaGs126MiZpBA-UFUKWiUNhvIqOjjg.woff2) format("woff2"); font-family: "Open Sans"; font-style: italic; font-weight: 700; unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-display: swap}
@font-face {src: local("Open Sans Bold Italic"), local("OpenSans-BoldItalic"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/memnYaGs126MiZpBA-UFUKWiUNhnIqOjjg.woff2) format("woff2"); font-family: "Open Sans"; font-style: italic; font-weight: 700; unicode-range: U+1F00-1FFF; font-display: swap}
@font-face {src: local("Open Sans Bold Italic"), local("OpenSans-BoldItalic"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/memnYaGs126MiZpBA-UFUKWiUNhoIqOjjg.woff2) format("woff2"); font-family: "Open Sans"; font-style: italic; font-weight: 700; unicode-range: U+0370-03FF; font-display: swap}
@font-face {src: local("Open Sans Bold Italic"), local("OpenSans-BoldItalic"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/memnYaGs126MiZpBA-UFUKWiUNhkIqOjjg.woff2) format("woff2"); font-family: "Open Sans"; font-style: italic; font-weight: 700; unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-display: swap}
@font-face {src: local("Open Sans Bold Italic"), local("OpenSans-BoldItalic"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/memnYaGs126MiZpBA-UFUKWiUNhlIqOjjg.woff2) format("woff2"); font-family: "Open Sans"; font-style: italic; font-weight: 700; unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap}
@font-face {src: local("Open Sans Bold Italic"), local("OpenSans-BoldItalic"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/memnYaGs126MiZpBA-UFUKWiUNhrIqM.woff2) format("woff2"); font-family: "Open Sans"; font-style: italic; font-weight: 700; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD; font-display: swap}
@font-face {src: local("Open Sans ExtraBold Italic"), local("OpenSans-ExtraBoldItalic"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/memnYaGs126MiZpBA-UFUKW-U9hmIqOjjg.woff2) format("woff2"); font-family: "Open Sans"; font-style: italic; font-weight: 800; unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F; font-display: swap}
@font-face {src: local("Open Sans ExtraBold Italic"), local("OpenSans-ExtraBoldItalic"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/memnYaGs126MiZpBA-UFUKW-U9hvIqOjjg.woff2) format("woff2"); font-family: "Open Sans"; font-style: italic; font-weight: 800; unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-display: swap}
@font-face {src: local("Open Sans ExtraBold Italic"), local("OpenSans-ExtraBoldItalic"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/memnYaGs126MiZpBA-UFUKW-U9hnIqOjjg.woff2) format("woff2"); font-family: "Open Sans"; font-style: italic; font-weight: 800; unicode-range: U+1F00-1FFF; font-display: swap}
@font-face {src: local("Open Sans ExtraBold Italic"), local("OpenSans-ExtraBoldItalic"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/memnYaGs126MiZpBA-UFUKW-U9hoIqOjjg.woff2) format("woff2"); font-family: "Open Sans"; font-style: italic; font-weight: 800; unicode-range: U+0370-03FF; font-display: swap}
@font-face {src: local("Open Sans ExtraBold Italic"), local("OpenSans-ExtraBoldItalic"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/memnYaGs126MiZpBA-UFUKW-U9hkIqOjjg.woff2) format("woff2"); font-family: "Open Sans"; font-style: italic; font-weight: 800; unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-display: swap}
@font-face {src: local("Open Sans ExtraBold Italic"), local("OpenSans-ExtraBoldItalic"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/memnYaGs126MiZpBA-UFUKW-U9hlIqOjjg.woff2) format("woff2"); font-family: "Open Sans"; font-style: italic; font-weight: 800; unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap}
@font-face {src: local("Open Sans ExtraBold Italic"), local("OpenSans-ExtraBoldItalic"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/memnYaGs126MiZpBA-UFUKW-U9hrIqM.woff2) format("woff2"); font-family: "Open Sans"; font-style: italic; font-weight: 800; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD; font-display: swap}
@font-face {src: local("Open Sans Light"), local("OpenSans-Light"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/mem5YaGs126MiZpBA-UN_r8OX-hpOqc.woff2) format("woff2"); font-family: "Open Sans"; font-style: normal; font-weight: 300; unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F; font-display: swap}
@font-face {src: local("Open Sans Light"), local("OpenSans-Light"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/mem5YaGs126MiZpBA-UN_r8OVuhpOqc.woff2) format("woff2"); font-family: "Open Sans"; font-style: normal; font-weight: 300; unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-display: swap}
@font-face {src: local("Open Sans Light"), local("OpenSans-Light"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/mem5YaGs126MiZpBA-UN_r8OXuhpOqc.woff2) format("woff2"); font-family: "Open Sans"; font-style: normal; font-weight: 300; unicode-range: U+1F00-1FFF; font-display: swap}
@font-face {src: local("Open Sans Light"), local("OpenSans-Light"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/mem5YaGs126MiZpBA-UN_r8OUehpOqc.woff2) format("woff2"); font-family: "Open Sans"; font-style: normal; font-weight: 300; unicode-range: U+0370-03FF; font-display: swap}
@font-face {src: local("Open Sans Light"), local("OpenSans-Light"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/mem5YaGs126MiZpBA-UN_r8OXehpOqc.woff2) format("woff2"); font-family: "Open Sans"; font-style: normal; font-weight: 300; unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-display: swap}
@font-face {src: local("Open Sans Light"), local("OpenSans-Light"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/mem5YaGs126MiZpBA-UN_r8OXOhpOqc.woff2) format("woff2"); font-family: "Open Sans"; font-style: normal; font-weight: 300; unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap}
@font-face {src: local("Open Sans Light"), local("OpenSans-Light"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/mem5YaGs126MiZpBA-UN_r8OUuhp.woff2) format("woff2"); font-family: "Open Sans"; font-style: normal; font-weight: 300; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD; font-display: swap}
@font-face {src: local("Open Sans Regular"), local("OpenSans-Regular"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format("woff2"); font-family: "Open Sans"; font-style: normal; font-weight: 400; unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F; font-display: swap}
@font-face {src: local("Open Sans Regular"), local("OpenSans-Regular"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format("woff2"); font-family: "Open Sans"; font-style: normal; font-weight: 400; unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-display: swap}
@font-face {src: local("Open Sans Regular"), local("OpenSans-Regular"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format("woff2"); font-family: "Open Sans"; font-style: normal; font-weight: 400; unicode-range: U+1F00-1FFF; font-display: swap}
@font-face {src: local("Open Sans Regular"), local("OpenSans-Regular"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format("woff2"); font-family: "Open Sans"; font-style: normal; font-weight: 400; unicode-range: U+0370-03FF; font-display: swap}
@font-face {src: local("Open Sans Regular"), local("OpenSans-Regular"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format("woff2"); font-family: "Open Sans"; font-style: normal; font-weight: 400; unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-display: swap}
@font-face {src: local("Open Sans Regular"), local("OpenSans-Regular"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/mem8YaGs126MiZpBA-UFW50bbck.woff2) format("woff2"); font-family: "Open Sans"; font-style: normal; font-weight: 400; unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap}
@font-face {src: local("Open Sans Regular"), local("OpenSans-Regular"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/mem8YaGs126MiZpBA-UFVZ0b.woff2) format("woff2"); font-family: "Open Sans"; font-style: normal; font-weight: 400; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD; font-display: swap}
@font-face {src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/mem5YaGs126MiZpBA-UNirkOX-hpOqc.woff2) format("woff2"); font-family: "Open Sans"; font-style: normal; font-weight: 600; unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F; font-display: swap}
@font-face {src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/mem5YaGs126MiZpBA-UNirkOVuhpOqc.woff2) format("woff2"); font-family: "Open Sans"; font-style: normal; font-weight: 600; unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-display: swap}
@font-face {src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/mem5YaGs126MiZpBA-UNirkOXuhpOqc.woff2) format("woff2"); font-family: "Open Sans"; font-style: normal; font-weight: 600; unicode-range: U+1F00-1FFF; font-display: swap}
@font-face {src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/mem5YaGs126MiZpBA-UNirkOUehpOqc.woff2) format("woff2"); font-family: "Open Sans"; font-style: normal; font-weight: 600; unicode-range: U+0370-03FF; font-display: swap}
@font-face {src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/mem5YaGs126MiZpBA-UNirkOXehpOqc.woff2) format("woff2"); font-family: "Open Sans"; font-style: normal; font-weight: 600; unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-display: swap}
@font-face {src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/mem5YaGs126MiZpBA-UNirkOXOhpOqc.woff2) format("woff2"); font-family: "Open Sans"; font-style: normal; font-weight: 600; unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap}
@font-face {src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/mem5YaGs126MiZpBA-UNirkOUuhp.woff2) format("woff2"); font-family: "Open Sans"; font-style: normal; font-weight: 600; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD; font-display: swap}
@font-face {src: local("Open Sans Bold"), local("OpenSans-Bold"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/mem5YaGs126MiZpBA-UN7rgOX-hpOqc.woff2) format("woff2"); font-family: "Open Sans"; font-style: normal; font-weight: 700; unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F; font-display: swap}
@font-face {src: local("Open Sans Bold"), local("OpenSans-Bold"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/mem5YaGs126MiZpBA-UN7rgOVuhpOqc.woff2) format("woff2"); font-family: "Open Sans"; font-style: normal; font-weight: 700; unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-display: swap}
@font-face {src: local("Open Sans Bold"), local("OpenSans-Bold"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/mem5YaGs126MiZpBA-UN7rgOXuhpOqc.woff2) format("woff2"); font-family: "Open Sans"; font-style: normal; font-weight: 700; unicode-range: U+1F00-1FFF; font-display: swap}
@font-face {src: local("Open Sans Bold"), local("OpenSans-Bold"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/mem5YaGs126MiZpBA-UN7rgOUehpOqc.woff2) format("woff2"); font-family: "Open Sans"; font-style: normal; font-weight: 700; unicode-range: U+0370-03FF; font-display: swap}
@font-face {src: local("Open Sans Bold"), local("OpenSans-Bold"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/mem5YaGs126MiZpBA-UN7rgOXehpOqc.woff2) format("woff2"); font-family: "Open Sans"; font-style: normal; font-weight: 700; unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-display: swap}
@font-face {src: local("Open Sans Bold"), local("OpenSans-Bold"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/mem5YaGs126MiZpBA-UN7rgOXOhpOqc.woff2) format("woff2"); font-family: "Open Sans"; font-style: normal; font-weight: 700; unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap}
@font-face {src: local("Open Sans Bold"), local("OpenSans-Bold"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2) format("woff2"); font-family: "Open Sans"; font-style: normal; font-weight: 700; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD; font-display: swap}
@font-face {src: local("Open Sans ExtraBold"), local("OpenSans-ExtraBold"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/mem5YaGs126MiZpBA-UN8rsOX-hpOqc.woff2) format("woff2"); font-family: "Open Sans"; font-style: normal; font-weight: 800; unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F; font-display: swap}
@font-face {src: local("Open Sans ExtraBold"), local("OpenSans-ExtraBold"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/mem5YaGs126MiZpBA-UN8rsOVuhpOqc.woff2) format("woff2"); font-family: "Open Sans"; font-style: normal; font-weight: 800; unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-display: swap}
@font-face {src: local("Open Sans ExtraBold"), local("OpenSans-ExtraBold"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/mem5YaGs126MiZpBA-UN8rsOXuhpOqc.woff2) format("woff2"); font-family: "Open Sans"; font-style: normal; font-weight: 800; unicode-range: U+1F00-1FFF; font-display: swap}
@font-face {src: local("Open Sans ExtraBold"), local("OpenSans-ExtraBold"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/mem5YaGs126MiZpBA-UN8rsOUehpOqc.woff2) format("woff2"); font-family: "Open Sans"; font-style: normal; font-weight: 800; unicode-range: U+0370-03FF; font-display: swap}
@font-face {src: local("Open Sans ExtraBold"), local("OpenSans-ExtraBold"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/mem5YaGs126MiZpBA-UN8rsOXehpOqc.woff2) format("woff2"); font-family: "Open Sans"; font-style: normal; font-weight: 800; unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-display: swap}
@font-face {src: local("Open Sans ExtraBold"), local("OpenSans-ExtraBold"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/mem5YaGs126MiZpBA-UN8rsOXOhpOqc.woff2) format("woff2"); font-family: "Open Sans"; font-style: normal; font-weight: 800; unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap}
@font-face {src: local("Open Sans ExtraBold"), local("OpenSans-ExtraBold"),
    url(https://dataprotection.education/templates/shaper_helix3/css/fonts/mem5YaGs126MiZpBA-UN8rsOUuhp.woff2) format("woff2"); font-family: "Open Sans"; font-style: normal; font-weight: 800; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD; font-display: swap}
.ml-36 {
  margin-left: -36px;
}
.detailnumeric {
  width: 25%;
}
.dpecustomdelete {
  margin-left: 26px;
}
.ucmImportItem {
  margin-right: -5px;
  margin-top: -60px;
}
.actionbutton:hover,
.actionbuttondel:hover {
  background-color: #0e9cd1 !important;
  border-color: #0d8ab9 !important;
  color: #fff;
}
@media (max-width: 768px) {
  .detailnumeric {
    width: 100%;
  }
  .ucmImportItem {
    margin-top: -161px;
    margin-right: 174px;
  }
  .dpecustomdelete {
    margin-left: 49px;
    margin-top: 50px;
  }
  #itemList {
    margin-top: -175px;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  .detailnumeric {
    width: 100%;
  }
  .ucmImportItem {
    margin-right: 0;
    margin-top: -61px;
  }
  .dpecustomdelete {
    margin-left: 297px;
    margin-top: 0;
  }
  #itemList {
    margin-top: -175px;
  }
}
.view-rsticketspro .slide-top-menu .offcanvas-menu {
  right: 330;
  background-color: #000;
  visibility: visible;
}
.loader {
  border: 16px solid #f3f3f3;
  border-top: 16px solid #3498db;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: 2s linear infinite spin;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#ropCopyProgress,
.overlay {
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
}
@keyframes spin {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.overlay {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgb(0 0 0 / 0.5);
  z-index: 9998;
}
.checklistorganisation {
  padding: 15px;
  background: #34b8f0;
  color: #fff;
  font-weight: 700;
}
.progresschecklist {
  width: 155px;
  height: 8px !important;
  border-radius: unset;
  margin-bottom: 0 !important;
  margin-top: 12px;
}
.accordDetail .col-md-12.col-sm-12.col-12 {
  padding-top: 20px;
  font-size: 12px;
  font-weight: 400;
}
.freetextMod {
  width: 100% !important;
  font-size: 16px !important;
  line-height: 25px !important;
}
#selectuseforonboarding_chosen {
  width: 39% !important;
  float: right;
  margin-top: -50px;
  margin-right: 110px;
}
.ticketbtnote {
  color: #fbfbfb;
  margin-top: -55px;
  border: 2px solid #00bfff;
  border-radius: 52% 50%;
  width: 12%;
  padding: 3px 22px 4px 10px;
  background: #22b8f0;
  flaot: right;
  margin-left: 86px;
  font-weight: 800;
  font-size: 16px;
}
.ticketnotebtn {
  background: #ff8300 !important;
  border-color: #f6f7f7 !important;
  color: #fff !important;
}
.padding-20 {
  padding: 48px;
}
.jobactivitydesc {
  background: #cfeccf;
  padding: 20px;
  margin-top: 14px;
  font-weight: 600;
}
#selectuseforonboarding-lbl {
  width: 39% !important;
  float: right;
  margin-top: -72px;
  margin-right: 110px;
}
@media only screen and (max-width: 768px) {
  #itemList {
    margin-top: -50px !important;
  }
}
.checklistnote {
  display: flex;
  align-items: center;
  width: 50%;
  margin-left: 50%;
}
.checklistnotelabel {
  margin-right: 10px;
  color: red;
  margin-top: -6%;
  font-weight: 700;
}
.checklisttodo {
  font-size: 24px;
  border: 2px solid #22b8f0;
  border-radius: 50%;
  padding: 10px;
}
.checklisttododiv {
  display: flex;
  align-items: center;
  width: 31%;
}
.certificatepop {
  max-width: 300px;
  padding: 9px 9px 9px 15px;
  font-family: Arial, sans-serif;
  font-size: 0.875rem;
  color: #333;
  background-color: #fff;
  border: 1px solid;
  border-radius: 0.3rem;
  box-shadow: 0 4px 8px rgb(0 0 0 / 0.1);
  margin-left: 165px;
  margin-top: -50px;
}
.downladhead {
  background: #80808026;
  margin-left: -13px;
  padding: 8px;
  width: 115%;
  font-size: 18px;
}
.widget-boxes.dashboard-widget-row-1 {
  margin-bottom: -17px;
}
.widget-label-title {
  line-height: initial;
}
.bulkcertbtn {
  float: right;
  margin-left: 15px;
}
.userimportcheckbox {
  margin-top: -54px;
}
.tjlmscenterlabel {
  margin-top: 70px;
}
#userloader {
  margin-left: -57px;
  margin-top: 65px;
}
.popover-container {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
#ropCopyProgress,
.check-reports,
.editor-toolbar,
.table-chart-container {
  display: flex;
  display: flex;
}
.popover-content,
.popover-content::after {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.popover-content {
  bottom: 100%;
  background-color: #333 !important;
  color: #fff;
  padding: 8px 12px;
  border-radius: 6px;
  white-space: nowrap;
  font-size: 14px;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  box-shadow: 0 4px 6px rgb(0 0 0 / 0.2);
  z-index: 1000;
}
.popover-content::after {
  content: "";
  top: 100%;
  border-width: 5px;
  border-style: solid;
  border-color: #333 #fff0 #fff0;
}
.popover-container:hover .popover-content {
  visibility: visible;
  opacity: 1;
}
.com-sla .timelog-add-form {
  margin-top: 100px;
}
.createreport {
  margin-top: -36px !important;
}
.report-section {
  box-shadow: 0 2px 8px rgb(0 0 0 / 0.2);
}
@media (min-width: 993px) {
  .report-organisation-section {
    height: 100vh !important;
  }
}
.tablepie-section {
  height: 70vh;
  overflow-y: scroll;
}
#jform_cluster_id_chosen {
  border: 1px solid #d3d3d3;
  box-shadow: 0 1px 5px rgb(0 0 0 / 0.15);
}
.report-organisation-section #jform_end_date_btn,
.report-organisation-section #jform_start_date_btn {
  background-color: #f5f5f5 !important;
  color: #333;
  border-color: #b3b3b3;
}
.check-reports {
  gap: 10px;
}
.table-chart-container {
  flex-wrap: wrap;
  padding-top: 30px;
  padding-bottom: 20px;
}
.chartjs-render-monitor {
  width: 450px !important;
  height: 230px !important;
  margin-top: 5px !important;
}
.orgth {
  background: #1291a0;
  text-align: center;
  font-size: 14px;
  padding: 26px;
  color: #fff;
}
.annualth,
.matbox {
  background: #0e9cd1;
  color: #fff;
  padding: 20px 5px 17px 7px;
  margin-bottom: -20px;
}
.downloadLinkdashboard,
\ No newline at end of fi .downloadLinkdashboard {
  padding: 15px;
  margin-top: -27px;
}
#ropCopyProgress {
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  justify-content: center;
  align-items: center;
  background-color: rgb(255 255 255 / 0.8);
  z-index: 9999;
}
.centerloader {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
#ropCopyLoader {
  border: 8px solid #22b8f0;
  border-radius: 50%;
  border-top: 8px solid #ccc;
  width: 50px;
  height: 50px;
  animation: 1s linear infinite spin;
}
.progress-bar-background {
  width: 50%;
  height: 25px;
  background-color: #eee;
  border-radius: 5px;
  box-shadow: 0 0 8px rgb(0 0 0 / 0.2);
}
.progress-bar-fill {
  height: 100%;
  width: 0;
  background-color: #4caf50;
  text-align: center;
  color: #fff;
  line-height: 25px;
  border-radius: 5px;
  transition: width 0.3s;
}
#savebtn {
  margin-top: 18px;
}
.sp-bottom-dpe {
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #f8f8f8;
  text-align: center;
}
.editor-container {
  border: 1px solid #ccc;
  border-radius: 5px;
  width: 100%;
  max-width: 600px;
}
.editor-toolbar {
  background: #f9f9f9;
  padding: 5px;
  border-bottom: 1px solid #ccc;
  flex-wrap: wrap;
  gap: 5px;
}
.editor-toolbar button {
  border: none;
  background: #eee;
  padding: 5px 10px;
  cursor: pointer;
  font-size: 14px;
  border-radius: 3px;
}
.editor-toolbar button:hover {
  background: #ddd;
}
.editor-content {
  height: 100px;
  resize: vertical;
  overflow: auto;
  padding: 10px;
  border: 1px solid #ccc;
  outline: 0;
  font-size: 16px;
  display: block;
}
.editor-wrapper {
  display: flex;
  flex-direction: column;
}
@media (max-width: 991.98px) {
  #ticket_message,
  .tox {
    width: 70% !important;
    max-width: 370px !important;
    margin: 0 auto !important;
  }
  #com-rsticketspro-reply-box {
    margin-top: 60px !important;
  }
}
@media (max-width: 575.98px) {
  #ticket_message,
  .tox {
    width: 70% !important;
    margin: 0 auto !important;
  }
  #com-rsticketspro-reply-box {
    margin-top: 60px !important;
  }
  .tox .tox-toolbar__group {
    flex-wrap: wrap !important;
  }
}
#certificateModalContainer {
  background: #fff;
  width: 80%;
  max-width: 1300px;
  margin: 50px auto;
  padding: 20px;
  border-radius: 10px;
  position: relative;
  max-height: 80vh;
  overflow-y: auto;
}
#closeModalBtn {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 18px;
  background: 0 0;
  border: none;
  outline: 0;
  cursor: pointer;
  color: #000;
}
#certificateModalOverlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(0 0 0 / 0.5);
  z-index: 1000;
  overflow-y: auto;
}
#ziploader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgb(255 255 255 / 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
}
.zipspinner {
  font-size: 18px;
  font-weight: 700;
}
.cert_modal {
  display: block !important;
  position: relative;
}
.icon-search:before {
  content: "\f002";
  font-family: FontAwesome;
}
.tj-search-filters .input-append {
  display: inline-flex;
}
.jobtitle-modal-body {
  padding: 16px 18px;
  position: relative;
}
.iframe-modal-header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 6px 0 10px;
  margin: 0;
}
.iframe-modal-header .close {
  border: 0;
  background: 0 0;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}
.iframe-modal-header .close.absolute {
  position: absolute;
  top: 8px;
  right: 10px;
}
.row-fields {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 6px;
}
.row-fields .field-col {
  flex: 1 1 0%;
  min-width: 260px;
}
.row-fields .field-col .form-control,
.row-fields .field-col select.inputbox {
  width: 100%;
  height: 38px;
}
.btn-cancel {
  background: #f5f5f5;
  color: #333;
  border: 1px solid #ddd;
}
.modal-sep {
  margin: 6px 0 12px;
  border: 0;
  border-top: 1px solid #e5e5e5;
}
.conference-banner,
.conference-page-wrap {
  margin-left: -50vw;
  margin-right: -50vw;
  text-align: center;
  position: relative;
  left: 50%;
  right: 50%;
}
#job-add-modal {
  width: 50%;
  left: 65% !important;
}
#chart-grid-container {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
#chart-grid-container > div {
  width: 48%;
  height: 400px;
  margin: 1%;
}
.entry-header h1 {
  margin: 8px 0 0;
  font-size: 24px;
  line-height: 1;
  font-weight: 600;
}
.blog-cover .content-cover h1 a {
  -webkit-line-clamp: 3;
  height: 85px;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
}
#sppb-addon-1605440964688 .sppb-addon-title {
  letter-spacing: 0;
  font-weight: 600;
}
.conference-banner {
  background: linear-gradient(90deg, #2563eb, #8b5cf6);
  color: #fff;
  padding: 120px 300px;
  border-radius: 0;
  font-family: Poppins, sans-serif;
  width: 100vw;
}
.conference-banner h1 {
  font-size: 3rem;
  font-weight: 800;
  margin-bottom: 10px;
  line-height: 1.2;
}
.conference-banner p {
  font-size: 1.2rem;
  color: #e0e0e0;
  margin-bottom: 40px;
}
.btn i,
.dpemat-btn {
  font-size: 1rem;
}
.button-group {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}
.dpemat-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 28px;
  border-radius: 40px;
  transition: 0.3s;
}
.icon-frame,
.mat-content {
  display: flex;
  align-items: center;
}
.btn-filled {
  background: #fff;
  color: #2563eb;
  font-weight: 600;
}
.btn-filled:hover {
  background: #f0f0f0;
  transform: translateY(-2px);
}
.btn-outline {
  border: 2px solid #fff;
  color: #fff;
  font-weight: 600;
}
.btn-outline:hover {
  background: rgb(255 255 255 / 0.1);
  transform: translateY(-2px);
}
.mat-section {
  background-color: #fff;
  padding: 40px 20px;
  font-family: Poppins, sans-serif;
}
.mat-container {
  max-width: 1200px;
}
.mat-content {
  justify-content: space-between;
  gap: 60px;
  flex-wrap: wrap;
}
.mat-text {
  flex: 1 1 550px;
}
.mat-text h2 {
  font-size: 2.2rem;
  font-weight: 800;
  color: #2563eb;
  margin-bottom: 20px;
}
.mat-text p {
  font-size: 1.05rem;
  color: #555;
  line-height: 1.7;
  margin-bottom: 35px;
}
.mat-details {
  display: flex;
  flex-direction: column;
  gap: 22px;
}
.detail-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.detail-item strong {
  color: #111;
  font-weight: 700;
}
.highlight {
  color: #1e3a8a;
  font-weight: 600;
}
.mat-image {
  flex: 1 1 580px;
}
.mat-a-img {
  width: 65%;
}
.mat-image img {
  width: 100%;
  border-radius: 18px;
  box-shadow: 0 8px 24px rgb(0 0 0 / 0.1);
}
.conference-page-wrap {
  width: 100vw;
  padding: 75px 20px;
  color: #fff;
  background-color: #a6c5db47;
}
.header-content-block {
  margin-bottom: 50px;
  padding: 0 28%;
}
.header-content-block h1 {
  font-size: 2.5rem;
  font-weight: 800;
  color: #335ee9;
  margin-bottom: 20px;
  letter-spacing: -0.5px;
}
.header-content-block p,
.venue-desc1 {
  font-size: 1.1rem;
  line-height: 1.6;
  color: #586980;
  font-weight: 400;
}
.feature-card-group {
  display: flex;
  justify-content: center;
  gap: 30px;
}
.info-pillar-card {
  background-color: #fff;
  padding: 30px;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgb(0 0 0 / 0.08);
  flex: 1;
  max-width: 350px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.card-icon-wrapper,
.icon-frame {
  width: 60px;
  height: 60px;
  justify-content: center;
}
.info-pillar-card h3 {
  font-size: 1.25rem;
  font-weight: 700;
  color: #444;
  margin: 15px 0 10px;
}
.info-pillar-card p {
  font-size: 0.95rem;
  color: #667;
  line-height: 1.5;
}
.icon-frame {
  border-radius: 50%;
  margin-bottom: 10px;
  font-size: 1.6rem;
}
.icon-style-blue {
  background-color: #e6e9fd;
  border: 1px solid #c2c9f5;
  color: #557bf7;
}
.icon-style-pink {
  background-color: #ffe6f0;
  border: 1px solid #f9c0d9;
  color: #f178a8;
}
.icon-style-green {
  background-color: #eaf8e9;
  border: 1px solid #c7e8c3;
  color: #79c86e;
}
.insights-section-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 20px;
  text-align: center;
}
.section-heading,
.section-title {
  font-size: 2.2rem;
  font-weight: 800;
  color: #335ee9;
  margin-bottom: 40px;
  letter-spacing: -0.5px;
}
.conference-info-card .card-header-icon i,
.icon-bg-blue {
  color: #557bf7;
}
.knowledge-cards-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-bottom: 50px;
}
.insight-card {
  background-color: #d3d3d354;
  padding: 25px;
  border-radius: 12px;
  text-align: left;
  display: flex;
  gap: 15px;
  box-shadow: 0 2px 5px rgb(0 0 0 / 0.05);
}
.card-blue-outline {
  border-color: #e6e9fd;
}
.card-green-outline {
  border-color: #eaf8e9;
}
.card-purple-outline {
  border-color: #f7e6fd;
}
.card-orange-outline {
  border-color: #fcece3;
}
.card-icon-wrapper {
  border-radius: 50%;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  font-size: 30px;
  margin-top: 2px;
}
.icon-bg-blue {
  background-color: #e6e9fd;
}
.icon-bg-green {
  background-color: #eaf8e9;
  color: #79c86e;
}
.icon-bg-purple {
  background-color: #f7e6fd;
  color: #a977e2;
}
.icon-bg-orange {
  background-color: #fcece3;
  color: #f0956b;
}
.card-text-content .card-header {
  font-size: 20px;
  font-weight: 600;
  color: #333;
  margin: 0 0 8px;
  border-bottom: none;
  background: 0 0;
}
.card-description {
  font-size: 15px;
  line-height: 25px;
  color: #586980;
  font-weight: 300;
  padding-left: 16px;
  padding-right: 16px;
}
.closing-statement-block {
  text-align: center;
  padding: 0 5%;
}
.statement-emphasis {
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1.6;
  color: #444;
  margin-bottom: 25px;
}
.statement-networking {
  font-size: 0.95rem;
  line-height: 1.5;
  color: #667;
  margin-bottom: 25px;
}
.statement-networking1 {
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1.6;
  margin-bottom: 25px;
  color: #335ee9;
}
.event-details-section {
  background-color: #a6c5db47;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 75px 20px;
  text-align: center;
  color: #fff;
}
.card-pair-wrapper {
  display: flex;
  justify-content: center;
  gap: 50px;
}
.info-card {
  background-color: #fff;
  padding: 30px;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgb(0 0 0 / 0.08);
  flex: 1;
  max-width: 520px;
  text-align: left;
}
.detail-value,
.group-rate-table td:last-child {
  text-align: right;
  font-weight: 600;
}
.card-header-icon {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}
.card-header-icon i {
  font-size: 1.2rem;
  margin-right: 10px;
  padding: 5px 0;
}
.card-header-icon .card-title {
  font-size: 1.2rem;
  font-weight: 700;
  color: #444;
  margin: 0;
}
.group-rates-card .card-header-icon i {
  color: #f178a8;
}
.detail-row {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  font-size: 1rem;
  line-height: 1.4;
}
.detail-label {
  font-weight: 400;
  color: #586980;
}
.price-highlight {
  color: #79c86e;
  font-weight: 700;
}
.location-row {
  align-items: flex-start;
}
.location-row .detail-value {
  max-width: 60%;
}
.location-value {
  line-height: 1.4;
  font-weight: 300;
}
.detail-separator {
  height: 1px;
  background-color: #f0f0f0;
}
.group-rate-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 1rem;
}
.group-rate-table th {
  background-color: #f7f9fd;
  color: #586980;
  font-weight: 600;
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #e0e0e0;
}
.group-rate-table td {
  padding: 12px 15px;
  color: #333;
  font-weight: 500;
  border-bottom: 1px solid #f0f0f0;
}
.venue-section-container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 40px 20px;
  text-align: center;
}
.venue-section-title {
  font-size: 2.5rem;
  font-weight: 800;
  color: #335ee9;
  margin-bottom: 35px;
  letter-spacing: -0.5px;
}
.venue-desc,
.venue-description {
  font-size: 1.1rem;
  color: #586980;
  font-weight: 400;
  line-height: 1.6;
}
.venue-desc {
  padding: 0 160px 40px 150px;
}
.venue-description {
  max-width: 700px;
  margin: 0 auto 50px;
}
.venue-content-block {
  display: flex;
  align-items: center;
  gap: 40px;
  text-align: left;
  background-color: #fff;
  max-width: 950px;
  margin: 0 auto;
}
.venue-image-wrapper {
  flex: 0 0 50%;
  max-width: 40%;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 8px 20px rgb(0 0 0 / 0.1);
}
.venue-main-image {
  width: 100%;
  height: auto;
  display: block;
}
.venue-text-details {
  flex: 1;
  padding: 20px 0;
}
.venue-name {
  font-size: 1.8rem;
  font-weight: 700;
  color: #333;
  margin: 0 0 15px;
}
.venue-details-text {
  font-size: 1rem;
  line-height: 1.6;
  color: #586980;
  margin-bottom: 25px;
}
.btn-explore-venue {
  display: inline-flex;
  align-items: center;
  background-color: #335ee9;
  color: #fff;
  padding: 12px 25px;
  border-radius: 8px;
  font-weight: 600;
  font-size: 0.95rem;
  transition: background-color 0.3s;
}
.btn-explore-venue:hover {
  background-color: #2749bb;
  color: #fff;
}
.btn-explore-venue i {
  margin-left: 8px;
  font-size: 0.9em;
}
.speaker-list {
  width: 100vw !important;
  position: relative !important;
  left: 50% !important;
  right: 50% !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  text-align: center !important;
  color: #fff !important;
}
.speaker-location-section {
  background-color: #a6c5db47;
  padding: 75px 0;
}
.speakers-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
  width: 100%;
}
.speaker-profile-card {
  background: #fff;
  box-shadow: 0 4px 15px rgb(0 0 0 / 0.1);
  transition: 0.3s;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
  width: 100%;
}
.speaker-profile-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgb(0 0 0 / 0.15);
  background-color: #f3f3f354;
}
.speaker-image-frame {
  margin: 0 auto 20px;
}
.speaker-bio {
  display: -webkit-box;
  -webkit-line-clamp: 3;
}
.read-more-link {
  display: inline-block;
  transition: color 0.3s;
}
.read-more-link:hover {
  color: #0b7ea8;
  text-decoration: underline;
}
@media (max-width: 900px) {
  .feature-card-group,
  .speaker-cards-container {
    flex-direction: column;
    align-items: center;
  }
  .info-pillar-card,
  .speaker-profile-card {
    margin-bottom: 20px;
    max-width: 90%;
  }
  .venue-content-block {
    flex-direction: column;
    gap: 20px;
  }
  .venue-image-wrapper {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .venue-text-details {
    text-align: center;
    padding: 0 20px;
  }
  .btn-explore-venue {
    margin: 20px auto 0;
  }
}
.speaker-cards-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
  margin-bottom: 40px;
}
.speakers-section-title {
  font-size: 2.5rem;
  font-weight: 800;
  color: #335ee9;
  margin-bottom: 30px;
  letter-spacing: -0.5px;
  text-align: center;
}
.speaker-profile-card {
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgb(0 0 0 / 0.08);
  flex: 0 1 calc(33.333% - 30px);
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.speaker-image-frame {
  width: 130px;
  height: 130px;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 20px;
  box-shadow: 0 0 0 4px #f0f0f0, inset 0 0 0 1px rgb(0 0 0 / 0.1);
}
.speaker-photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.speaker-name {
  font-size: 1.25rem;
  font-weight: 700;
  color: #444;
}
.read-more-link,
.speaker-title {
  font-weight: 600;
  font-size: 0.95rem;
}
.modal-close:hover,
.speaker-title {
  color: #335ee9;
}
.speaker-bio {
  font-size: 0.95rem;
  color: #586980;
  display: -webkit-box;
  -webkit-line-clamp: 2;
}
.read-more-link {
  margin-top: auto;
  color: #335ee9;
  cursor: pointer;
}
@media (max-width: 992px) {
  .mat-content {
    flex-direction: column;
    text-align: center;
  }
  .detail-item {
    justify-content: center;
  }
  .mat-image {
    margin-top: 30px;
  }
  .mat-text h2 {
    font-size: 1.9rem;
  }
  .speakers-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .speaker-profile-card {
    flex: 0 1 calc(50% - 30px);
  }
}
@media (max-width: 576px) {
  .speakers-grid {
    grid-template-columns: 1fr;
    gap: 15px;
  }
  .speaker-profile-card {
    padding: 20px 15px;
    flex: 0 1 100%;
  }
}
.modal-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgb(0 0 0 / 0.5);
  justify-content: center;
  align-items: center;
  z-index: 999;
}
.cta-banner-wrapper,
.events-hero-banner,
.newsletter-full-width-section,
.site-footer {
  left: 50%;
  right: 50%;
  position: relative;
}
.modal-content {
  background: #fff;
  padding: 30px;
  border-radius: 12px;
  text-align: left;
  box-shadow: 0 8px 20px rgb(0 0 0 / 0.2);
}
.modal-content h3 {
  color: #335ee9;
  margin-bottom: 10px;
}
.modal-content p {
  color: #444;
  font-size: 0.95rem;
  line-height: 1.6;
}
.modal-close {
  background: 0 0;
  border: none;
  font-size: 2.2rem;
  color: #333;
  float: right;
  cursor: pointer;
}
.cta-banner-wrapper {
  background: linear-gradient(90deg, #335ee9 0, #a872ee 100%);
  padding: 80px 20px;
  text-align: center;
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;
}
.cta-content-container {
  max-width: 900px;
  margin: 0 auto;
}
.cta-main-title {
  font-size: 2.8rem;
  font-weight: 800;
  color: #fff;
  margin: 0 0 20px;
  letter-spacing: -0.5px;
}
.cta-sub-text {
  font-size: 1.15rem;
  line-height: 1.6;
  color: rgb(255 255 255 / 0.9);
  font-weight: 400;
  max-width: 750px;
  margin: 0 auto 40px;
}
.cta-buttons-group {
  display: flex;
  justify-content: center;
  gap: 20px;
}
.btn-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 15px 30px;
  border-radius: 40px;
  font-weight: 700;
  font-size: 1.05rem;
  transition: 0.3s;
  border: 2px solid #fff0;
  cursor: pointer;
}
.btn-cta i,
.dpebtn-view-all i {
  margin-left: 10px;
  font-size: 0.9em;
}
.btn-register-primary {
  background-color: #fff;
  color: #335ee9;
  border-color: #fff;
  box-shadow: 0 4px 15px rgb(0 0 0 / 0.1);
}
.btn-register-primary:hover {
  background-color: #f0f0f0;
  border-color: #f0f0f0;
  transform: translateY(-1px);
}
.btn-save-secondary {
  color: #fff;
  border-color: #fff;
}
.site-footer {
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;
  background-color: #384351;
  color: #b0b8c2;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding-top: 50px;
  padding-bottom: 0;
}
.footer-content-wrapper {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px 40px;
  display: flex;
  justify-content: space-between;
  gap: 40px;
  text-align: left;
}
.footer-column {
  flex: 1;
  min-width: 200px;
}
.footer-heading {
  font-size: 1.25rem;
  font-weight: 700;
  color: #79a2f7;
  margin-bottom: 25px;
}
.brand-description {
  font-size: 1rem;
  line-height: 1.6;
  margin: 0;
}
.link-list li {
  margin-bottom: 8px;
}
.link-list a {
  color: #b0b8c2;
  font-size: 1rem;
  transition: color 0.2s;
}
.link-list a:hover {
  color: #fff;
  text-decoration: underline;
}
.contact-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 15px;
  font-size: 1rem;
}
.contact-item i {
  color: #79a2f7;
  width: 25px;
  text-align: center;
  margin-top: 3px;
  font-size: 0.9em;
}
.contact-item span {
  line-height: 1.4;
}
.footer-copyright-bar {
  background-color: #303943;
  padding: 20px;
  border-top: 1px solid #4a5461;
  text-align: center;
}
.copyright-text {
  font-size: 0.85rem;
  color: #8f95a0;
  margin: 0;
}
@media (max-width: 767px) {
  .trainingrecord-view .dl-horizontal dt {
    width: 30%;
    float: left;
  }
  .trainingrecord-view .dl-horizontal dd {
    width: 70%;
  }
  .create-group .form-horizontal .control-label {
    float: none;
  }
  .create-group #jform_targets {
    margin-bottom: 40px;
  }
  .sp-header.menu-fixed {
    margin-top: 0;
  }
  #sp-header.menu-fixed,
  #sp-top-bar.menu-fixed {
    position: inherit !important;
    z-index: inherit;
  }
  .collapse {
    transition: none !important;
  }
  .conference-banner {
    padding: 50px 15px;
  }
  .conference-banner .content {
    padding: 0 10px;
  }
  .conference-banner h1.eb-page-heading {
    font-size: 1.6rem;
    line-height: 1.4;
  }
  .conference-banner p {
    font-size: 1rem;
    line-height: 1.5;
  }
  .conference-banner .button-group {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #pop-print {
    display: none;
  }
  .header-content-block,
  .venue-desc {
    padding: 0;
  }
  .mat-image {
    flex: 0;
  }
  .header-content-block h1 {
    font-size: 2.2 rem;
  }
  .mat-image img {
    width: 300px !important;
  }
  .speaker-list {
    width: 105%;
    margin-left: -2%;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .conference-banner {
    padding: 70px 30px;
  }
  .conference-banner h1.eb-page-heading {
    font-size: 2rem;
  }
  .conference-banner p {
    font-size: 1.1rem;
  }
  .conference-banner .button-group .btn {
    font-size: 1rem;
    padding: 10px 24px;
  }
  .venue-desc {
    padding: 0;
  }
}
@media (min-width: 1024px) {
  .conference-banner h1.eb-page-heading {
    font-size: 2.8rem;
  }
  .conference-banner p {
    font-size: 1.25rem;
  }
  .conference-banner .button-group .btn {
    font-size: 1.05rem;
    padding: 12px 28px;
  }
  .venue-desc {
    padding: 0;
  }
}
.nav-content-placeholder {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
}
.logo-placeholder {
  font-size: 1.5rem;
  font-weight: 700;
}
.nav-links-placeholder,
.otp-error-msg {
  font-size: 0.9rem;
}
.full-screen-btn {
  background: #555;
  color: #fff;
  border: none;
  padding: 5px 10px;
  border-radius: 4px;
  cursor: pointer;
}
.events-hero-banner {
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;
  background: linear-gradient(168deg, #c3eefd 3%, #4d9bd3 62%);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding-bottom: 80px;
}
.event-card-banner,
.event-card-banner1 {
  background-image: linear-gradient(
      to bottom,
      rgb(0 0 0 / 0.2) 0,
      rgb(0 0 0 / 0.4) 100%
    ),
    url("");
  background-size: cover;
  background-position: center;
  position: relative;
}
.dpebanner-content-wrap {
  max-width: 900px;
  margin: 40px auto 0;
  padding: 0 20px;
}
.dpebanner-title {
  font-size: 2.8rem;
  font-weight: 800;
  color: #fff;
  margin-bottom: 20px;
  letter-spacing: -0.5px;
}
.dpebanner-tagline {
  font-size: 1.2rem;
  line-height: 1.6;
  color: #fff;
  font-weight: 400;
  margin-bottom: 30px;
}
.dpebtn-view-all {
  display: inline-flex;
  align-items: center;
  background-color: #44a7ed;
  color: #fff;
  padding: 12px 30px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 1rem;
  transition: background-color 0.3s;
  box-shadow: 0 4px 10px rgb(0 0 0 / 0.2);
}
.dpebtn-view-all:hover {
  background-color: #6abdf8 !important;
  color: #fff !important;
}
.eventpage-container1 {
  padding: 40px 0 20px;
  display: flex;
  justify-content: center;
  width: 100%;
}
.event-card-container,
.event-card-container1 {
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
  display: grid;
  grid-template-columns: 35% 65%;
  min-height: 400px;
}
.event-card-banner1 {
  background-color: #a6c5db47;
  color: #fff;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-right: 1px solid #e0e0e0;
}
.banner-title-overlay,
.banner-title-overlay1 {
  font-size: 0.9rem;
  font-weight: 500;
}
.banner-footer-text,
.banner-footer-text1 {
  font-size: 1rem;
  font-weight: 600;
}
.tag-conference,
.tag-conference1,
.tag-featured,
.tag-featured1 {
  font-size: 0.75rem;
  font-weight: 600;
}
.event-card-content1 {
  background-color: #b2b2b240;
  padding: 30px;
}
.content-header,
.content-header1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.tag-conference1 {
  color: #4a67b3;
  letter-spacing: 0.5px;
}
.tag-featured1 {
  background-color: #007b4826;
  color: #007b48;
  padding: 2px 19px;
  border-radius: 50px;
}
.event-title,
.event-title1 {
  font-size: 1.8rem;
  font-weight: 800;
  color: #0b2f5c;
  line-height: 1.3;
  margin-bottom: 15px;
}
.event-description,
.event-description1 {
  font-size: 1rem;
  color: #586980;
  line-height: 1.5;
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid #d0e8ea;
}
.detail-item1 {
  display: flex;
  align-items: center;
  color: #2b779a;
  font-size: 0.95rem;
  margin-bottom: 10px;
  gap: 12px;
}
.detail-item span,
.detail-item1 span {
  color: #000000b3;
}
.detail-item1 i {
  margin-right: 10px;
  width: 15px;
  text-align: center;
}
.detail-separator,
.detail-separator1 {
  margin: 0 10px;
  color: #a0a0a0;
  font-weight: 300;
}
.event-price-group,
.event-price-group1 {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  justify-content: space-between;
}
.price-label,
.price-label1 {
  font-size: 1rem;
  color: #000;
  margin-right: 15px;
  font-weight: 600;
}
.price-value,
.price-value1 {
  font-size: 1.6rem;
  font-weight: 700;
  color: #007b48;
  margin-right: 20px;
}
.price-early-bird,
.price-early-bird1 {
  background-color: #fee0c6ba;
  color: #7c7c7c;
  padding: 3px 12px;
  border-radius: 50px;
  font-size: 0.8rem;
  font-weight: 500;
}
.event-actions1 {
  display: flex;
  gap: 10px;
  margin-bottom: 15px;
  justify-content: start;
}
.btn-action,
.btn-action1,
.btn-details,
.btn-details1 {
  transition: background-color 0.3s;
  display: inline-flex;
  cursor: pointer;
}
.btn-action,
.btn-action1 {
  width: 250px;
  padding: 10px 18px;
  border: none;
  border-radius: 8px;
  font-size: 0.95rem;
  font-weight: 600;
  align-items: center;
}
.btn-action i,
.btn-action1 i,
.btn-details i,
.btn-details1 i {
  margin-right: 8px;
}
.btn-primary1 {
  background-color: #22b8f0 !important;
  color: #fff;
  box-shadow: 0 4px 8px rgb(114 169 255 / 0.3);
}
.btn-primary1:hover,
.btn-primary:hover {
  background-color: #5c98f8;
}
.btn-savecalendar,
.btn-savecalendar1 {
  background-color: #a7a7a74f;
  color: #767676;
  box-shadow: 0 2px 5px rgb(0 0 0 / 0.05);
  width: -webkit-fill-available;
  height: -webkit-fill-available;
}
.btn-secondary1:hover,
.btn-secondary:hover {
  background-color: #a7a7a74f;
  color: #767676;
  border: 1px solid #767676;
}
.btn-details,
.btn-details1 {
  background-color: #a7a7a74f;
  color: #767676;
  padding: 8px 15px;
  border: none;
  border-radius: 8px;
  font-size: 0.9rem;
  font-weight: 500;
  align-items: center;
}
.btn-details1:hover,
.btn-details:hover {
  background-color: #cef;
}
.eventpage-container {
  padding: 20px 0 40px;
  display: flex;
  justify-content: center;
  width: 100%;
}
.event-card-banner {
  background-color: #d8f5e7;
  color: #fff;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-right: 1px solid #e0e0e0;
}
.event-card-content {
  background-color: #e5f7f8;
  padding: 30px;
}
.tag-conference {
  color: #007b48;
  letter-spacing: 0.5px;
}
.tag-featured {
  background-color: #4a67b32b;
  color: #4a67b3;
  padding: 2px 19px;
  border-radius: 50px;
}
.detail-item {
  display: flex;
  align-items: center;
  color: #007b48;
  font-size: 16px;
  margin-bottom: 10px;
}
.detail-item i {
  margin-right: 10px;
  width: 15px;
  text-align: center;
  color: #007b48 !important;
  font-size: 16px;
}
.event-actions {
  display: flex;
  gap: 10px;
  margin-bottom: 15px;
  justify-content: space-between;
}
.btn-primary {
  background-color: #72a9ff;
  color: #fff;
  box-shadow: 0 4px 8px rgb(114 169 255 / 0.3);
}
@media (max-width: 900px) {
  .event-card-container,
  .event-card-container1 {
    grid-template-columns: 1fr;
  }
  .event-card-banner,
  .event-card-banner1 {
    height: 180px;
  }
  .event-card-content,
  .event-card-content1 {
    padding: 25px;
  }
  .event-title,
  .event-title1 {
    font-size: 1.6rem;
  }
}
@media (max-width: 600px) {
  .cta-buttons-group {
    flex-direction: column;
    gap: 15px;
    max-width: 300px;
    margin: 0 auto;
  }
  .btn-cta {
    width: 100%;
  }
  .cta-main-title {
    font-size: 2rem;
  }
  .cta-sub-text {
    font-size: 1rem;
  }
  .event-actions,
  .event-actions1 {
    flex-direction: column;
    gap: 8px;
  }
  .btn-action,
  .btn-action1 {
    width: 100%;
    justify-content: center;
  }
  .event-price-group,
  .event-price-group1 {
    flex-wrap: wrap;
    gap: 5px 15px;
  }
  .price-early-bird,
  .price-early-bird1 {
    order: 3;
    width: 100%;
    text-align: center;
  }
}
.newsletter-full-width-section {
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  background-image: linear-gradient(180deg, #3376f8 0, #3376f8 100%);
  padding: 60px 20px;
  box-shadow: 0 12px 20px -10px rgb(255 255 255 / 0.6) !important;
}
.newsletter-content-container {
  max-width: 650px;
  margin: 0 auto;
  color: #fff;
}
.newsletter-title {
  font-size: 2.5rem;
  font-weight: 800;
  margin-bottom: 15px;
  color: #fff;
}
.newsletter-tagline {
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.6;
  margin-bottom: 35px;
  opacity: 0.9;
}
.newsletter-form {
  display: flex;
  justify-content: center;
  gap: 10px;
  max-width: 435px;
  margin: 0 auto;
}
.newsletter-input {
  flex-grow: 1;
  padding: 12px 20px !important;
  font-size: 1rem !important;
  border-radius: 6px !important;
  height: 48px !important;
  background-color: rgb(255 255 255 / 0.1) !important;
  border: 1px solid !important;
  color: #fff !important;
  transition: background-color 0.3s, border-color 0.3s;
}
.newsletter-input::placeholder {
  color: rgb(255 255 255 / 0.7) !important;
  font-weight: 300 !important;
}
.newsletter-input:focus {
  outline: 0 !important;
  background-color: rgb(255 255 255 / 0.2) !important;
  border-color: #fff !important;
}
.newsletter-button {
  padding: 12px 30px;
  font-size: 1rem;
  font-weight: 600;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  color: #fff;
  background: #44a7ed;
  display: inline-flex;
  align-items: center;
}
.newsletter-button i {
  margin-left: 8px;
  font-size: 1.1rem;
}
.newsletter-button:hover {
  transform: translateY(-1px);
  opacity: 0.95;
}
@media (max-width: 550px) {
  .newsletter-full-width-section {
    padding: 50px 15px;
  }
  .newsletter-title {
    font-size: 2rem;
  }
  .newsletter-tagline {
    font-size: 1rem;
  }
  .newsletter-form {
    flex-direction: column;
    gap: 15px;
    max-width: 350px;
  }
  .newsletter-button,
  .newsletter-input {
    width: 100%;
    padding: 15px;
    font-size: 1.05rem;
  }
  .newsletter-button {
    justify-content: center;
  }
}
.speaker-profile-card {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 15px;
}
.speaker-bio,
.speaker-title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.speaker-title {
  min-height: 2.8em;
  margin: 8px 0;
  line-height: 1.4;
  -webkit-line-clamp: 2;
}
.speaker-bio {
  flex-grow: 1;
  margin: 0 0 15px;
  line-height: 1.5;
  min-height: 4.5em;
  -webkit-line-clamp: 3;
}
.speaker-name {
  margin: 10px 0 5px;
  line-height: 1.3;
}
.eb-save-to-calendar-container {
  min-width: 220px;
  border-radius: 8px;
  box-shadow: 0 6px 20px rgb(0 0 0 / 0.15);
}
.calendar-dropdown,
.calendar-dropdown *,
.eb-event-item .btn-group,
.eb-event-item .card,
.eb-event-item .card-body,
.eb-event-item .eb-actions {
  overflow: visible !important;
}
.calendar-dropdown {
  position: relative;
  z-index: 10;
}
.calendar-menu {
  z-index: 2000;
  background: #fff !important;
  color: #212529 !important;
  border: 1px solid;
  border-radius: 0.8rem;
  min-width: 240px;
  padding: 0.5rem;
  box-shadow: 0 12px 28px rgb(0 0 0 / 0.16), 0 2px 6px rgb(0 0 0 / 0.06);
  animation: 0.14s ease-out menu-pop;
}
.calendar-menu .dropdown-item {
  color: #212529 !important;
  border-radius: 0.5rem;
  padding: 0.55rem 0.65rem;
  font-weight: 500;
}
.calendar-menu .dropdown-item:focus,
.calendar-menu .dropdown-item:hover {
  background: #f2f6ff;
  color: #0b5ed7;
}
.calendar-menu .dropdown-divider {
  margin: 0.35rem 0.25rem;
  opacity: 0.5;
}
.calendar-menu::before {
  content: "";
  position: absolute;
  top: -7px;
  left: 1.25rem;
  width: 12px;
  height: 12px;
  background: #fff;
  transform: rotate(45deg);
  box-shadow: -2px -2px 6px rgb(0 0 0 / 0.04);
}
#sbox-btn-close,
.legend.pie-colors-data {
  position: absolute !important;
  right: 10px !important;
}
@keyframes menu-pop {
  from {
    transform: translateY(6px) scale(0.98);
    opacity: 0;
  }
  to {
    transform: translateY(0) scale(1);
    opacity: 1;
  }
}
.eb-container img {
  height: 44vh;
  width: -webkit-fill-available;
}
@media screen and (min-width: 601px) and (max-width: 1024px) {
  .eb-container img {
    height: 12vh;
    width: -webkit-fill-available;
  }
}
@media screen and (max-width: 600px) {
  .col-xxs-1,
  .col-xxs-10,
  .col-xxs-11,
  .col-xxs-12,
  .col-xxs-2,
  .col-xxs-3,
  .col-xxs-4,
  .col-xxs-5,
  .col-xxs-6,
  .col-xxs-7,
  .col-xxs-8,
  .col-xxs-9 {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    float: left;
  }
  .col-xxs-1 {
    width: 8.33% !important;
  }
  .col-xxs-2 {
    width: 16.66% !important;
  }
  .col-xxs-3 {
    width: 25% !important;
  }
  .col-xxs-4 {
    width: 33.33% !important;
  }
  .col-xxs-5 {
    width: 41.66% !important;
  }
  .col-xxs-6 {
    width: 50% !important;
  }
  .col-xxs-7 {
    width: 58.33% !important;
  }
  .col-xxs-8 {
    width: 66.66% !important;
  }
  .col-xxs-9 {
    width: 75% !important;
  }
  .col-xxs-10 {
    width: 83.33% !important;
  }
  .col-xxs-11 {
    width: 91.66% !important;
  }
  .col-xxs-12 {
    width: 100% !important;
  }
  .eb-container img {
    height: 17vh;
    width: -webkit-fill-available;
  }
}
.graphic-outer-border,
.graphic-outer-border1 {
  box-shadow: 0 5px 20px rgb(0 0 0 / 0.05);
  display: flex;
}
.card-blue .details-list .text-dark-details,
.discover-list li {
  font-size: 1rem;
  color: #495057;
}
.register-link,
.register-now-link {
  transition: color 0.2s;
}
.text-danger {
  color: red !important;
}
.text-primary-dark {
  color: #3497bb8f !important;
}
.register-link,
.text-secondary-emphasis {
  color: #495057 !important;
}
.main-content-row {
  max-width: 1450px;
  margin: 0 auto;
}
.custom-gradient-bg,
.discover-section {
  position: relative !important;
  left: 50% !important;
  right: 50% !important;
  margin-right: -50vw !important;
}
.custom-gradient-bg {
  background: linear-gradient(to right, #22b8f02e 49%, #307f9c5c 69%);
  padding: 0;
  width: 100vw !important;
  margin-left: -50vw !important;
}
.custom-headline {
  font-size: 2.2rem;
  line-height: 1.2;
  font-weight: 800 !important;
}
.short-description {
  font-size: 21px;
  font-weight: 700;
  margin-left: 20px;
}
.register-link:hover {
  color: #0d6efd !important;
}
.arrow-icon,
.group-icon,
.icon-key1 .fa-calendar-alt,
.register-now-link:hover {
  color: #007bff !important;
}
.graphic-outer-border {
  border: 16px solid #e0e0e0;
  border-radius: 8px;
  width: 100%;
  max-width: 600px;
}
.graphic-outer-border1 {
  border: 16px solid #e0e0e0;
  border-radius: 8px;
  width: 100%;
  max-width: 450px;
}
.webinar-promo-box {
  width: 100%;
  height: 300px;
  background-color: #fff;
  border: 1px dashed #c0e3ff !important;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.discover-section {
  background-color: #d3d3d354 !important;
  border-top: 1px solid #f0f7ff;
  width: 100vw !important;
  margin-left: -50vw !important;
}
.custom-h2 {
  font-size: 2.5rem;
  font-weight: 700 !important;
}
.discover-list li {
  line-height: 1.5;
  text-align: left;
  max-width: 450px;
}
.card-green .icon-key,
.icon-check {
  color: #28a745;
}
.exclusive-offer {
  background-color: #fff8e1;
  border: 1px solid #ffc107;
  color: #856404;
  font-weight: 600;
  max-width: 90%;
  margin-top: 25px !important;
}
.dpe-na,
.na {
  border-color: #fa7a31 !important;
}
.icon-offer {
  color: #ffc107;
  font-size: 1.2rem;
}
.event-details-section {
  padding-top: 80px;
  padding-bottom: 80px;
}
.custom-h2-dark {
  color: #333;
  font-size: 2.5rem;
}
.details-cards-row {
  max-width: 1200px;
  margin: 0 auto;
}
.details-card {
  box-shadow: 0 5px 15px rgb(0 0 0 / 0.05);
  border-radius: 8px !important;
  padding: 30px;
}
.card-blue {
  background-color: #f0f7ff;
  color: #333;
}
.card-blue .icon-key {
  color: #007bff;
}
.card-green {
  background-color: #f0fff0;
}
.icon-key1 .fa-tag,
.text-success-dark {
  color: #28a745 !important;
}
.text-purple-muted,
.text-success-muted {
  color: #6c757d !important;
}
.card-purple {
  background-color: #f8f0ff;
}
.card-purple .icon-key {
  color: #8a2be2;
}
.icon-key1 .fa-map-marker-alt,
.text-purple-dark {
  color: #8a2be2 !important;
}
.register-now-link {
  cursor: pointer;
  font-size: 1.1rem;
  color: #333 !important;
}
@media (max-width: 992px) {
  .exclusive-offer,
  .main-content-row > div {
    text-align: center;
  }
  .custom-headline {
    font-size: 2.5rem;
  }
  .custom-h2,
  .custom-h2-dark {
    font-size: 2rem;
  }
  .card-blue .details-list p,
  .custom-link-section {
    justify-content: center !important;
  }
  .card-blue .details-list,
  .discover-list li {
    text-align: center !important;
  }
  .exclusive-offer {
    display: block !important;
    margin: 25px auto 0 !important;
  }
}
@media (max-width: 576px) {
  .custom-headline {
    font-size: 2rem;
  }
  .custom-h2,
  .custom-h2-dark {
    font-size: 1.75rem;
  }
}
.event-price-group span:first-child,
.event-price-group span:nth-child(2) {
  flex: 0 0 auto;
}
.event-price-group span:nth-child(3) {
  flex: 0.5;
  text-align: center;
}
.mat-image-event img {
  height: 400px !important;
}
#export-messages {
  display: none;
  margin-top: 10px;
}
#pdfTabSelectorModal {
  display: none;
  padding-left: 0;
  width: 700px !important;
  margin-left: -17%;
}
#pdfTabSelectorModal .modal-dialog {
  max-width: 704px !important;
  margin-left: 0;
}
#pdfTabSelectorModal .modal-dialog .modal-content {
  max-width: 100% !important;
  width: 100%;
}
@media (max-width: 1024px) and (min-width: 769px) {
  #pdfTabSelectorModal {
    padding-left: 0;
    margin-left: -44%;
  }
}
@media (max-width: 768px) {
  .progresschecklist {
    width: 80px !important;
  }
  .knowledge-cards-grid {
    grid-template-columns: 1fr;
  }
  .insight-card {
    flex-direction: row;
  }
  .closing-statement-block {
    padding: 0;
  }
  .card-pair-wrapper {
    flex-direction: column;
    align-items: center;
  }
  .info-card {
    margin-bottom: 20px;
    max-width: 100%;
  }
  .footer-content-wrapper {
    flex-direction: column;
    gap: 30px;
    text-align: center;
  }
  .footer-column {
    min-width: 100%;
    text-align: center;
  }
  .contact-item {
    justify-content: center;
  }
  .events-hero-banner {
    padding-bottom: 50px;
  }
  .dpebanner-title {
    font-size: 2.2rem;
  }
  .dpebanner-tagline {
    font-size: 1rem;
  }
  .dpebtn-view-all {
    padding: 10px 20px;
    font-size: 0.9rem;
  }
  #pdfTabSelectorModal {
    padding-left: 0;
    width: 90% !important;
    margin-left: -44%;
    padding-right: 0;
  }
  #pdfTabSelectorModal .modal-dialog {
    margin-left: 0 !important;
  }
}
.dpe-na {
  color: #fa7a31 !important;
  background: #fff !important;
  width: 62px;
}
.na {
  background: #fa7a31 !important;
  color: #fff !important;
}
.sclogin-text {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #000 !important;
}
.login-dash-btn {
  border: 1px solid #fff !important;
  padding: 2px 10px !important;
}
.widget-heading {
  margin-top: 0 !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #1f2937 !important;
  padding-left: 10px !important;
  border-left: 3px solid #22b8f0 !important;
  background: 0 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
.widget-heading.widget-label-title {
  margin-left: 1px !important;
}
.dash-filters {
  margin-left: -15px !important;
}
.dashboard-selectfilters {
  margin-bottom: 0 !important;
}
.widget-boxes .panel .panel-heading {
  color: #fff;
  background: linear-gradient(
    90deg,
    #7dcddc -10%,
    #22b8f0 50%,
    #22b8f0 100%
  ) !important;
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
}
.widget-data.panel.panel-info {
  border: none !important;
  background-color: #fff !important;
  box-shadow: 0 5px 22px -2px rgb(0 0 0 / 20%) !important;
  border-radius: 10px !important;
}
.legend.pie-colors-data {
  top: 25px !important;
  height: 100% !important;
  left: 50% !important;
  width: 40% !important;
  z-index: 1 !important;
}
.box-colors-circle {
  border-radius: 50% !important;
  height: 12px !important;
  width: 12px !important;
  margin-bottom: 10px !important;
}
.box-colors-text {
  font-size: 12px !important;
  font-weight: 500 !important;
  width: 108%;
}
.huge-count {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #22b8f0 !important;
  padding-bottom: 5px !important;
}
.sp-bottom-dpe {
  background: linear-gradient(
    90deg,
    #5abfd1bf -10%,
    #22b8f0 50%,
    #22b8f0 100%
  ) !important;
}
@media only screen and (max-width: 767px) {
  #sp-header,
  #sp-menu {
    position: relative !important;
  }
  #sp-header .container,
  #sp-header .row {
    padding: 0 10px !important;
    margin: 0 !important;
  }
  #sp-logo {
    flex: 0 0 70% !important;
    max-width: 70% !important;
  }
  #sp-logo img {
    max-width: 100% !important;
    height: auto !important;
  }
  #sp-menu {
    flex: 0 0 30% !important;
    max-width: 30% !important;
  }
  #offcanvas-toggler {
    display: block !important;
    font-size: 22px !important;
    text-align: right !important;
  }
  .sp-megamenu-parent {
    display: none !important;
    width: 100% !important;
  }
  .sp-dropdown {
    position: static !important;
    width: 100% !important;
    box-shadow: none !important;
  }
  .sp-dropdown-inner {
    padding: 0 !important;
  }
  .sp-dropdown-items li {
    width: 100% !important;
    border-bottom: 1px solid #eee !important;
  }
  .sp-dropdown-items li a {
    display: block !important;
    padding: 10px !important;
  }
  #sp-logout-top-menu {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    text-align: center !important;
  }
  .sclogin-greeting {
    font-size: 14px !important;
  }
  .slider-controls .prev-slide {
    margin-left: 0 !important;
  }
  .slider-controls .next-slide {
    margin-right: 4px !important;
  }
}
#sbox-btn-close,
.pie {
  padding: 10px !important;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .dash-sliders .slider-controls,
  .sp-dropdown {
    width: 100% !important;
  }
  #sp-header .container {
    padding: 0 15px !important;
  }
  #sp-logo {
    flex: 0 0 30% !important;
    max-width: 30% !important;
  }
  #dashboard-widget-67 .summary-section .col-md-6,
  #sp-menu {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
  .sp-megamenu-parent {
    display: none !important;
  }
  #offcanvas-toggler {
    display: block !important;
    font-size: 24px !important;
  }
  .sp-dropdown {
    position: static !important;
  }
  .sp-dropdown-items li a {
    padding: 12px !important;
  }
  #sp-logout-top-menu {
    flex: 0 0 20% !important;
    max-width: 20% !important;
    text-align: right !important;
  }
  .dash-sliders .slider {
    height: 300px !important;
  }
  .widget-data.dashboard-widget-cover-67 {
    margin-bottom: 20px !important;
  }
  #dashboard-widget-67 .chart-panel-body {
    padding: 15px !important;
  }
  #cover_piechart_ticket {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
  }
  #piechart_ticket {
    max-width: 300px !important;
    height: auto !important;
    margin-left: -81px;
    margin-bottom: 123px;
  }
  #sbox-btn-close,
  .pie {
    padding: 30px !important;
  }
  .topleft {
    margin-top: 0;
    margin-left: -27px;
    margin-bottom: 0;
    padding: 0;
  }
  #legendpiechart_ticket {
    width: 45% !important;
    margin-left: 10px !important;
  }
  #legendpiechart_ticket .box-colors-text p {
    font-size: 14px !important;
  }
  #dashboard-widget-67 .total-count {
    font-size: 15px !important;
  }
}
.chartdesign {
  margin-left: -16%;
  margin-bottom: 44px;
}
.sp-page-title .breadcrumb {
  margin: 3px 0 10px;
}
.dpemodal {
  max-width: 13000px !important;
}
.dashy .clusterrow .dashboard-selectfilters .chosen-container {
  width: 336px !important;
}
.sbox-compat-wrapper.modal {
  padding: 0 !important;
  z-index: 65555 !important;
}
body div.modal.sbox-compat-wrapper {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  display: none !important;
  outline: 0 !important;
  pointer-events: none;
}
body div.modal.sbox-compat-wrapper.show {
  display: flex !important;
  justify-content: center !important;
  background-color: rgba(0, 0, 0, 0.5) !important;
  pointer-events: auto;
}
.sbox-compat-wrapper .modal-dialog {
  margin: 0 auto !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
}
#sbox-btn-close {
  top: 10px !important;
  z-index: 1070 !important;
  background-color: rgba(255, 255, 255, 0.7) !important;
  border-radius: 50% !important;
  border: none !important;
  display: block !important;
}
#item-form-popup-wrapper,
#item-form-popup-wrapper .overlay#tjucm_loader {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}
#sbox-window.shadow {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5) !important;
}
#sbox-content {
  min-height: 500px;
}
#item-form-popup-wrapper {
  z-index: 1060 !important;
  pointer-events: none !important;
  overflow: hidden !important;
}
#item-form-popup-wrapper .overlay#tjucm_loader {
  display: none;
  background-color: rgba(255, 255, 255, 0.7) !important;
  align-items: center;
  justify-content: center;
  pointer-events: auto !important;
}
#item-form-popup-wrapper .loader {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  margin: 0 !important;
  display: block !important;
}
.sp-megamenu-parent > li {
  display: inline-flex !important;
  align-items: center !important;
  position: relative !important;
}
.sp-dropdown {
  width: auto !important;
  top: 100% !important;
}
.sp-dropdown-items li a,
.sp-dropdown-items > li {
  display: block !important;
  width: 100% !important;
}
.sp-dropdown-items li ul {
  display: grid !important;
}
.gridclass .sp-menu-item > a {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
  line-height: 1.4 !important;
  white-space: normal !important;
  word-break: normal !important;
}
.sp-megamenu-parent > li > a {
  line-height: normal !important;
  display: flex !important;
  align-items: center !important;
}
.sp-menu-item a::after {
  position: relative !important;
  top: 2px !important;
  left: 2px !important;
}
@keyframes joomla-alert-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes joomla-alert-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
joomla-alert.joomla-alert-fade-in {
  animation-name: joomla-alert-fade-in;
}
joomla-alert.joomla-alert-fade-out {
  animation-name: joomla-alert-fade-out;
}
.joomla-alert--close {
  float: right;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  background: 0 0;
  border: 0;
  appearance: none;
  cursor: pointer;
  padding: 0;
  margin-top: -2px;
}
.joomla-alert--close:hover {
  opacity: 0.5;
}
@media (max-width: 991px) {
  .rop-inputs select {
    width: 100%;
    height: 34px;
  }
  .hidden-md-down,
  .sp-megamenu-parent {
    display: none !important;
  }
}
@keyframes customModalFadeIn {
  from {
    opacity: 0;
    transform: translateY(-30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.custom-export-option {
  margin-bottom: 15px;
  padding: 18px;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  cursor: pointer;
  transition: 0.2s;
  display: flex;
  align-items: flex-start;
}
.custom-export-option:hover {
  border-color: #007bff;
  background: #f8fbff;
}
.custom-export-option.active {
  border-color: #007bff;
  background: #f0f7ff;
  box-shadow: 0 2px 8px rgba(0, 123, 255, 0.1);
}
.custom-export-radio {
  margin-top: 5px;
  margin-right: 15px;
  cursor: pointer;
  transform: scale(1.2);
}
.custom-export-footer {
  display: flex;
  justify-content: flex-end;
  padding: 20px;
  background: #fcfcfc;
  border-top: 1px solid #eee;
}
.custom-export-btn {
  padding: 10px 24px;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  border: none;
  font-size: 14px;
  transition: 0.2s;
}
.custom-export-btn-cancel {
  background: #fff;
  color: #666;
  border: 1px solid #ddd;
  margin-right: 12px;
}
.custom-export-btn-cancel:hover {
  background: #f5f5f5;
  color: #333;
}
.custom-export-btn-primary {
  background: #007bff;
  color: #fff;
  box-shadow: 0 4px 10px rgba(0, 123, 255, 0.2);
}
.custom-export-btn-primary:hover {
  background: #0069d9;
  box-shadow: 0 6px 15px rgba(0, 123, 255, 0.3);
}
.sppb-addon-text-block .sppb-addon-content h1,
.sppb-addon-text-block .sppb-addon-content h2,
.sppb-addon-text-block .sppb-addon-content h3,
.sppb-addon-text-block .sppb-addon-content h4,
.sppb-addon-text-block .sppb-addon-content h5,
.sppb-addon-text-block .sppb-addon-content h6 {
  font-weight: 600 !important;
  line-height: 1.3 !important;
  margin-bottom: 15px !important;
  color: #303030 !important;
}
.sppb-addon-text-block .sppb-addon-content h1 {
  font-size: 42px !important;
}
.sppb-addon-text-block .sppb-addon-content h2 {
  font-size: 36px !important;
}
.sppb-addon-text-block .sppb-addon-content h3 {
  font-size: 30px !important;
}
.sppb-addon-text-block .sppb-addon-content h4 {
  font-size: 24px !important;
}
.sppb-addon-text-block .sppb-addon-content h5 {
  font-size: 20px !important;
}
.ms-51 {
  margin-left: 51%;
}
.otp-input-group {
  display: flex !important;
  flex-wrap: nowrap !important;
}
.otp-input {
  height: auto !important;
  margin-left: 0 !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
}
.otp-send-btn {
  background-color: #ff8c00 !important;
  color: #fff !important;
  border: none !important;
  font-weight: 700 !important;
  padding: 5px 15px !important;
  height: auto !important;
  white-space: nowrap !important;
}
.guest-otp-group {
  margin-left: -45px !important;
}
.guest-margin-row {
  margin-left: -10px !important;
}
.otp-error-msg,
.otp-success-msg {
  font-weight: 700 !important;
  margin-left: -7% !important;
}
.otp-success-msg {
  color: #00ffc2 !important;
}
.otp-error-msg {
  color: gold !important;
}
.guestsubscribe .backcolor #otp_verfi .inputs-jmail #otp_msg {
  margin-left: -4% !important;
}
.otp-modal-custom {
  margin-top: -26%;
}
.otp-modal-content {
  border-radius: 0 !important;
  border: block !important;
}
.otp-modal-banner {
  background-color: #d1e7dd;
  color: #0f5132;
  padding: 10px 20px;
}
.otp-modal-banner-error {
  background-color: #f8d7da !important;
  color: #842029 !important;
}
.otp-logo-img {
  max-width: 180px;
}
.otp-left-title {
  color: #333;
  font-weight: 700;
  margin-bottom: 15px;
}
.otp-left-desc {
  color: #666;
  line-height: 1.5;
  font-size: 15px;
}
.otp-input-label {
  color: #333;
  font-weight: 500;
}
.otp-input-field {
  height: 45px !important;
  border-radius: 4px !important;
  border: 1px solid #ced4da !important;
  margin-left: 0 !important;
}
.btn-otp-resend,
.btn-otp-verify {
  color: #fff !important;
  border-radius: 4px !important;
  font-weight: 500 !important;
  height: 38px !important;
}
.btn-otp-verify {
  background-color: #009ef7 !important;
}
.btn-otp-resend {
  background-color: #00a65a !important;
}
.subscription-box .modal-body {
  margin-top: 6px;
}
#unsubscribeModal {
  margin-top: -8%;
}
#unsubscribeModal .modal-dialog {
  margin-top: 10%;
}
.click-to-expand-child-menu
  .sp-megamenu-parent
  .sp-dropdown-inner
  .sp-has-child
  > a
  > .sp-menu-toggler,
.click-to-expand-child-menu
  .sp-megamenu-parent
  .sp-dropdown-inner
  .sp-has-child
  > span
  > .sp-menu-toggler {
  display: inline-block;
  float: right;
  cursor: pointer;
  margin-left: 10px;
}
.click-to-expand-child-menu
  .sp-megamenu-parent
  .sp-dropdown-inner
  .sp-has-child
  > a
  > .sp-menu-toggler:after,
.click-to-expand-child-menu
  .sp-megamenu-parent
  .sp-dropdown-inner
  .sp-has-child
  > span
  > .sp-menu-toggler:after {
  font-family: FontAwesome, var(--fontAwesome--Version), sans-serif;
  font-weight: 700;
  content: "\f105";
  font-size: 14px;
  color: inherit;
  transition: transform 0.25s ease-in-out;
  display: inline-block;
}
.click-to-expand-child-menu
  .sp-megamenu-parent
  .sp-dropdown-inner
  .sp-has-child.open
  > a
  > .sp-menu-toggler:after,
.click-to-expand-child-menu
  .sp-megamenu-parent
  .sp-dropdown-inner
  .sp-has-child.open
  > span
  > .sp-menu-toggler:after {
  transform: rotate(90deg) !important;
}
.checklistnoteslog {
  display: flex;
  align-items: center;
  width: 42%;
  margin-left: 32%;
}
.all-users-assign-box {
  margin: 15px 0;
  padding: 14px 18px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  display: inline-block;
  max-width: 100%;
  transition: 0.2s ease-in-out;
}
.all-users-assign-box:hover {
  background: #f1f5f9;
  border-color: #cbd5e1;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.all-users-assign-label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  cursor: pointer;
  margin: 0;
  user-select: none;
}
.all-users-assign-label input[type="checkbox"] {
  margin-top: 4px;
  cursor: pointer;
}
.fill_all_user {
  font-size: 14px;
  color: #334155;
  line-height: 1.5;
}
.all-users-assign-box:has(input[type="checkbox"]:checked) {
  background: #f0f9ff;
  border-color: #0284c7;
  box-shadow: 0 2px 8px rgba(2, 132, 199, 0.08);
}
.all-users-assign-box:has(input[type="checkbox"]:checked) .fill_all_user {
  color: #0369a1;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .dashy .clusterrow,
  .dashy .d-inline-block,
  .dashy .filterbox-label {
    display: block !important;
  }
  .dashy .chosen-container-multi,
  .dashy .chosen-container-single,
  .dashy .clusterrow,
  .dashy .d-inline-block,
  .dashy .row,
  .widget-boxes .legend,
  .widget-boxes .pie canvas {
    width: 100% !important;
  }
  .dashy .col-lg-8.col-sm-8,
  .dashy .dashboard-selectfilters {
    max-width: 100% !important;
    width: 100% !important;
  }
  .dashy .col-lg-8.col-sm-8 {
    display: flex !important;
    flex-direction: column !important;
    gap: 15px !important;
    justify-content: flex-start !important;
  }
  .dashy .filterbox-label {
    font-size: 14px !important;
    margin-bottom: 5px !important;
  }
  .dashy .filter-tag {
    margin-top: 10px !important;
  }
  .dashy .row {
    margin: 0 !important;
  }
  .dashy .d-flex {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  .dashy .gap-2 {
    gap: 10px !important;
  }
  .widget-boxes {
    display: flex !important;
    flex-wrap: wrap !important;
  }
  .widget-boxes .card-widget-boxes.col-md-3 {
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50% !important;
    padding: 10px !important;
  }
  .widget-boxes .widget-data {
    height: auto !important;
  }
  .widget-boxes .chart-panel-body {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }
  .widget-boxes .pie canvas {
    max-width: 300px !important;
    height: auto !important;
    margin-left: -83px;
    margin-bottom: 69px;
  }
  .box-colors-text {
    font-size: 12px !important;
    font-weight: 500 !important;
    width: 87%;
  }
  .widget-boxes .legend {
    margin-left: 0 !important;
  }
  .widget-boxes .legend .wrapper {
    display: flex !important;
    align-items: center !important;
    margin-bottom: 6px !important;
    flex-wrap: wrap !important;
  }
  .widget-boxes .box-colors-text p {
    font-size: 13px !important;
    margin: 0 !important;
  }
  .widget-boxes .summary-section .row {
    display: flex !important;
    justify-content: space-between !important;
  }
  .widget-boxes .summary-section .col-md-6 {
    width: 50% !important;
    max-width: 50% !important;
    text-align: center !important;
  }
  .widget-boxes .summary-section .total-count {
    font-size: 14px !important;
    padding-right: 0 !important;
  }
  .widget-boxes .widget-title .fs-18 {
    font-size: 16px !important;
  }
  .pie-colors-data {
    top: -5px !important;
  }
  .chartdesign {
    margin-left: -5%;
    margin-bottom: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .chartdesign {
    margin-left: -6%;
    margin-bottom: 19px;
  }
  
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
  .widget-boxes .pie canvas {
    max-width: 300px !important;
    height: auto !important;
    margin-left: -66px;
    margin-bottom: 108px;
  }
  .box-colors-text {
    font-size: 12px !important;
    font-weight: 500 !important;
    width: 85%;
  }
}
@media only screen and (max-width: 1366px) and (min-width: 1024px) {
  .widget-boxes .pie canvas {
    max-width: 300px !important;
    height: auto !important;
    margin-left: -66px;
    margin-bottom: 108px;
  }
  .box-colors-text {
    font-size: 12px !important;
    font-weight: 500 !important;
    width: 85%;
  }
}
@media only screen and (max-width: 767px) {
  #pan .js-editor-tinymce {
    width: 113%;
    margin-left: -29px;
    box-sizing: border-box;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #pan .js-editor-tinymce {
    width: 150%;
    margin-left: -46%;
  }
   #pan .custom-calender
  {
	margin-left: 63%;

  }
}
@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  #pan .js-editor-tinymce {
    width: 147%;
    margin-left: -49%;
  }
   #pan .custom-calender
  {
	margin-left: 63%;

  }
}
@media only screen and (min-width: 1367px) {
  
  #pan .custom-calender
  {
        margin-left: 45%;
        width: 60% !important;
  }
}

/* Keep hover showing for top-level dropdowns (main dropdowns) */
.click-to-expand-child-menu .sp-megamenu-parent > li.sp-has-child:hover > .sp-dropdown {
    display: block;
}

/* Disable hover showing for sub-dropdowns (child dropdowns) */
.click-to-expand-child-menu .sp-megamenu-parent .sp-dropdown-inner .sp-has-child:hover > .sp-dropdown {
    display: none !important;
}

/* Show sub-dropdowns when they have a class '.open' or '.show' */
.click-to-expand-child-menu .sp-megamenu-parent .sp-dropdown-inner .sp-has-child.open > .sp-dropdown,
.click-to-expand-child-menu .sp-megamenu-parent .sp-dropdown-inner .sp-has-child.show > .sp-dropdown {
    display: block !important;
}

/* Hide default caret on submenu links */
.click-to-expand-child-menu .sp-megamenu-parent .sp-dropdown-inner .sp-has-child > a:after,
.click-to-expand-child-menu .sp-megamenu-parent .sp-dropdown-inner .sp-has-child > span:after {
    display: none !important;
}

/* Custom submenu arrow toggler style nested inside link */
.click-to-expand-child-menu .sp-megamenu-parent .sp-dropdown-inner .sp-has-child > a > .sp-menu-toggler,
.click-to-expand-child-menu .sp-megamenu-parent .sp-dropdown-inner .sp-has-child > span > .sp-menu-toggler {
    display: inline-block;
    float: right;
    cursor: pointer;
    margin-left: 10px;
}

.click-to-expand-child-menu .sp-megamenu-parent .sp-dropdown-inner .sp-has-child > a > .sp-menu-toggler:after,
.click-to-expand-child-menu .sp-megamenu-parent .sp-dropdown-inner .sp-has-child > span > .sp-menu-toggler:after {
    font-family: "FontAwesome", var(--fontAwesome--Version), sans-serif;
    font-weight: 700;
    content: "\f105"; /* angle-right caret */
    font-size: 14px;
    color: inherit;
    transition: transform 0.25s ease-in-out;
    display: inline-block;
}

/* Rotate caret when submenu is open */
.click-to-expand-child-menu .sp-megamenu-parent .sp-dropdown-inner .sp-has-child.open > a > .sp-menu-toggler:after,
.click-to-expand-child-menu .sp-megamenu-parent .sp-dropdown-inner .sp-has-child.open > span > .sp-menu-toggler:after {
    transform: rotate(90deg) !important;
}