@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap');

body {
  overflow-x: hidden;
  font-family: 'Nunito', sans-serif !important;
  zoom: 100%;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	body * {
		font-weight: normal !important;
	}
}
.folder-right-side-bar .n_file-info-next {
  text-align: center;
  padding: 0 30px;
  margin: 0;
}

.folder-right-side-bar .in-folder-bottom {
  margin: 0 0 30px 15px;
  width: calc(100% - 30px);
  display: inline-block;
  vertical-align: top;
  padding-bottom: 30px;
  font-weight: normal;
}

.top-actio-bar .ra-ms-select {
  margin-top: 6px !important;
}

.top-actio-bar .library-list-div {
  margin-top: 5px;
  height: 32px;
  overflow-y: visible;
  outline: none;
}

.top-actio-bar .library-list-div .dropdown {
  max-height: 300px;
  overflow-y: auto;
  display: none;
  width: calc(100% + 2px);
  left: -1px;
}

.top-actio-bar .library-list-div.active .dropdown {
  display: block;
}

.top-actio-bar .control-height {
  height: 32px !important;
}

.risk-folder-row .risk-temp-name {
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
}

.statment-form+.text-right button {
  margin-top: 10px;
  width: auto;
  padding: 6px 15px 8px;
  min-width: 120px;
  font-size: 16px;
  line-height: 20px;
  font-weight: normal;
}

.ms-header-outer-row {
  float: left;
  width: 100%;
}

.risk-folder-row:hover a {
  display: block;
  margin-left: 0;
}

.risk-folder-row:hover .tem-sort-icon a {
  display: inline-block;
}

.risk-single-folder {
  display: flex;
  justify-content: flex-end;
}

.risk-single-folder.col-sm-7 {
  padding-right: 0;
}

.risk-folder-row a.ra-arrow-bg {
  position: relative;
  min-width: 80px;
}

.risk-folder-row a.ra-arrow-bg img {
  position: absolute;
  left: 0 !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  margin: auto !important;
  width: 30px !important;
}

.ms-header-outer-row .risk-single-folder {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.ms-header-outer-row .risk-single-folder.risk-folder-box1 {
  width: 330px;
  display: flex;
  justify-content: flex-end;
}

.ms-header-outer-row .risk-single-folder .tem-sort-icon {
  width: 80px;
  float: none;
  display: flex;
  flex-flow: row;
  justify-content: center;
}

.ms-header-outer-row .risk-single-folder .col-md-1 {
  width: 55px;
  padding-right: 0;
  float: none;
  padding-left: 5px;
  display: flex;
  flex-flow: column;
  justify-content: center;
}

.ms-header-outer-row .risk-single-folder .risk-temp-name {
  width: calc(100% - 140px);
  float: none;
  vertical-align: middle;
  padding-top: 0;
  display: flex;
  flex-flow: column;
  justify-content: center;
  padding-right: 0;
}

.ms-header-outer-row .risk-single-folder .risk-temp-name .risk-edit-control {
  width: calc(100% - 80px);
}

.ms-header-outer-row .risk-single-folder .risk-temp-name span {
  display: block;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.container-project-right.folder-right-side-bar {
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
}

.main-container-project .container-project-left .header-list {
  position: absolute;
  left: 0;
  top: 46px;
  width: 100%;
  z-index: 1;
  max-height: calc(100% - 46px);
  overflow-y: auto;
  overflow-x: hidden;
}

.main-container-project .ra-main-folder-block {
  max-height: 100%;
  min-height: 1px;
  position: absolute;
  left: 0;
  top: 46px;
  width: 100%;
  z-index: 1;
  max-height: calc(100% - 46px);
  overflow-y: auto;
  overflow-x: hidden;
}

.main-container-project .container-project-left .stat-done-block {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}

.main-container-project .container-project-left .statment-input {
  height: calc(100vh - 308px);
}

.main-container-project .container-project-left .statment-list {
  height: calc(100vh - 370px);
  overflow-y: auto;
  overflow-x: hidden;
}

.main-container-project .container-project-left .statment-input .statment-form {
  position: absolute;
  left: 15px;
  top: 15px;
  width: calc(100% - 30px);
  height: calc(100% - 85px);
}

.main-container-project .container-project-left .statment-input .statment-form img {
  display: block;
  margin: 0 auto;
}

.main-container-project .container-project-left .statment-input .statment-form textarea.form-control {
  height: 100%;
}

.main-container-project .container-project-left .statment-input div.text-right {
  position: absolute;
  left: 15px;
  bottom: 5px;
  width: calc(100% - 30px);
}

.main-container-project .container-project-left .statment-input.upload-hazard-box form {
  display: block;
  height: calc(100% - 63px);
  overflow-y: auto;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.main-container-project .container-project-left .statment-input.upload-hazard-box.upload-hazard-image-sec form {
  height: 100%;
}

.folder-left-pad {
  padding-left: 5px;
}

.imag-upload-btn {
  background-color: #000;
  color: #fff !important;
  padding: 8px 20px;
  /* font-family: 'Segoe UI'; */
  cursor: pointer;
}

.imag-upload-btn input[type="file"] {
  cursor: pointer;
}

.que-lable-title {
  /* font-family: 'Segoe UI'; */
  padding-top: 7px;
  color: #000;
  font-weight: normal;
  padding-left: 2px;
  padding-bottom: 5px;
}

.upload-btn-pad {
  padding-top: 15px;
  padding-bottom: 15px;
}

.sec-details {
  font-size: 14px;
  /* font-family: 'Segoe UI'; */
  color: #333;
  margin-bottom: 15px;
}

.que-body-top {
  margin-top: 25px;
  padding-top: 25px;
  padding-bottom: 25px;
}

.upload-info {
  background-color: #000000;
  /* font-family: 'Segoe UI'; */
}

.image-box {
  border: 1px solid #e6e6e6;
  background-color: #fff;
  padding: 15px;
  height: 120px;
  overflow-y: hidden;
  overflow-x: auto;
  white-space: nowrap;
}

.image-box>a,
.sec-image-div>a {
  width: 75px;
  height: 75px;
  border: 2px solid #ccc;
  display: inline-block;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  margin-right: 5px;
}

.image-box>a>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  padding: 3px;
}

.ms-custom-hazard-remove {
  position: absolute;
  top: -8px;
  right: 0px;
  background: #000;
  border-radius: 50%;
  width: 24px;
}

.temp-select-height {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("../../../img/front/inner-page/profile-drop-down-blue.png");
  background-repeat: no-repeat;
  background-position: right 0;
  background-color: #fff;
  color: #000;
  padding-left: 10px !important;
  height: 36px !important;
}

.select-que {
  margin-top: 5px;
  margin-bottom: 15px;
  margin-right: 15px;
  width: 100%;
}

.main-container-project.hazard-containe .container-project-left .display-flex.margin-zero {
  height: auto !important;
  max-height: calc(100% - 45px);
  overflow-y: auto !important;
  position: absolute !important;
  left: 0;
  top: 45px;
  width: 100%;
}

.main-container-project.hazard-containe .container-project-left.copy-hazard-section .display-flex.margin-zero {
  max-height: calc(100% - 107px);
}

.hazard-right-icon,
.ra-hazard-icon img {
  object-fit: cover;
  -moz-object-fit: cover;
  -webkit-object-fit: cover;
}

.hazard-containe .container-project-right .hazard-control-scroll {
  counter-reset: my-sec-counter;
  height: auto;
  width: 100%;
}

.hazard-control-scroll .ra-hazard-controls {
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  width: 100%;
  min-height: 40px;
}

.hazard-control-scroll .ra-hazard-controls:before {
  display: inline-block;
  vertical-align: top;
  margin: 0 3px 3px 0;
  color: #000;
  font-weight: bold;
  font-size: 14px;
  counter-increment: my-sec-counter;
  content: "(" counter(my-sec-counter)") ";
}

.hazards-save-btn .hazard-save-box {
  width: 20%;
}

.hazard-containe.hazard-edit .container-project-right.folder-right-side-bar {
  padding-bottom: 60px;
}

.r-planner-delete .fa-trash-o {
  font-size: 26px;
}

.folder-right-side-bar .hazard-icon-block {
  padding-top: 20px;
  padding-bottom: 20px;
}

.folder-right-side-bar .hazard-icon-block .file-icon {
  padding-bottom: 0;
}

.file-icon.in-folder-top {
  padding-top: 30px;
  padding-bottom: 20px;
  display: inline-block;
  width: 100%;
  vertical-align: top;
}

.file-icon.in-folder-top img {
  max-width: 50px;
}

.folder-right-side-bar .padding-inndash {
  padding-top: 20px;
}

.profile-detail-section {
  padding: 100px;
}

.profile-detail-section .profile-content {
  padding-left: 0;
}

.profile-detail-section .profile-email {
  padding-top: 0;
  padding-left: 0;
}

.vertical-plan-left-profile .plan-padding {
  padding: 20px;
  background: #f2f2f2;
  margin: 30px 0;
}

.vertical-plan-left-profile .plan-padding .user-plan-cont {
  padding: 10px 0;
}

.vertical-plan-left-profile .plan-padding .user-plan-content {
  padding: 10px 0;
}

.n_icon-box,
.n_icon-box:hover,
.n_icon-box:focus {
  width: 100% !important;
  height: auto !important;
}

.n_icon-box>img {
  padding: 4px !important;
}

.key-people-tbl table tbody tr td a {
  color: #000;
}

.order-history-tbl .pro-table-scroll {
  height: auto;
  overflow-x: auto;
  overflow-y: auto;
}

.folder-right-side-bar .n_harard-icon-file,
.folder-right-side-bar .haz-cont-btn {
  padding: 10px;
  font-size: 12px;
  font-weight: normal;
  font-family: 'HelveticaNeueeTextW01Medium';
  white-space: normal;
}

.order-history-tbl .pro-table-scroll .user-table {
  min-width: 1700px;
}

.folder-right-side-bar .n_harard-icon-file {
  padding: 10px 14px;
}

.row_action_icon .planner-icon-folder {
  padding-top: 10px;
  padding-bottom: 10px;
}

.ra-access-section .div-scrollbar {
  height: auto;
  width: 100%;
  overflow-y: auto;
}

.my-photo-section .ra_my_photo_scroll_left {
  max-height: calc(100% - 161px);
  position: absolute;
  overflow-y: auto;
  /* top: 111px;*/
  left: 0;
  width: 100%;
  z-index: 1;
  height: auto;
}

.my-photo-section .ra_my_photo_scroll_left .pro_frame_padding {
  padding: 10px 50px;
}

.container-project-right.project_new2_right_bg .ra_my_photo_scroll_right {
  height: auto;
}

.my-photo-section .pro_phot_padding {
  padding: 15px 10px 15px 40px;
}

.my-photo-section .main-photo-radio {
  width: 18px;
  height: 18px;
}

.my-photo-section .project-main-photo-frame {
  border: 1px solid #cccccc;
}

.my-photo-section .support-photo-radio {
  height: 2px;
  width: 16px;
}

.my-photo-section .project-main-photo-text {
  width: auto;
}

.my-photo-section .project-sub-photo-frame {
  width: 18px;
  height: 20px;
  margin: 0 12px 0 23px;
}

.my-photo-section .project_img_sub_heading {
  padding-left: 0;
}

.main-container-project.skip-hazard-section .container-project-left {
  padding-bottom: 50px;
}

.main-container-project.skip-hazard-section .container-project-left .ra_my_photo_scroll_left {
  height: calc(100% - 62px);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.skip-hazard-section.main-container-project .container-project-right.project_new2_right_bg .ra_my_photo_scroll_right {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1;
  overflow-y: auto;
  min-height: 100%;
}

.skip-hazard-section.main-container-project .container-project-right.project_new2_right_bg .project_skip_padding {
  padding-bottom: 120px;
}

.skip-hazard-section.main-container-project .container-project-right.project_new2_right_bg .margin-zero+.margin-zero {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1;
}

.skip-next-container .hazard-right-bg {
  height: auto;
  overflow-y: auto;
}

.skip-next-container .hazard_right-scroll {
  max-height: 100%;
  height: auto;
}

.skip-next-container .pro-hazard-right-scroll {
  height: calc(100vh - 227px);
}

.skip-next-container .container-hazard-left {
  height: calc(100vh - 227px);
  position: relative;
}

.skip-next-container .container-hazard-left .new_pro_bottom_bg {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
  z-index: 1;
}

body .overlay-div {
  position: fixed;
  z-index: 99999;
}

body .ra-loader {
  left: 50%;
  top: 50%;
  width: 60px;
  margin: -30px 0 0 -30px;
}

body .ra-loader img {
  width: 100%;
}

.option-container .container-hazard-left {
  overflow-y: auto;
  position: relative;
}

.option-container .container-hazard-right {
  overflow-y: auto;
}

.pro_mbwhite_frame .diff-sec-img {
  z-index: 2;
}

.pro_mbwhite_frame a.fullLink {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.option-container .border-right-per-involved {
  overflow-y: hidden;
  position: relative;
}

.option-container .border-right-per-involved .row.margin-zero {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 20%;
  z-index: 1;
}

.option-container .border-right-per-involved .row.margin-zero:nth-child(4) {
  top: 20%;
}

.option-container .border-right-per-involved .row.margin-zero:nth-child(6) {
  top: 40%;
}

.option-container .border-right-per-involved .row.margin-zero:nth-child(8) {
  top: 60%;
}

.option-container .border-right-per-involved .row.margin-zero:nth-child(10) {
  top: 80%;
}

.option-container .border-right-per-involved .row.margin-zero.notification-bg {
  height: 100%;
}

.option-container .border-right-per-involved .row.margin-zero .assessment-blockmsg {
  position: absolute;
  left: 0;
  width: 100%;
  height: auto;
  top: 50%;
  margin-top: -12px;
  padding: 0;
}

.option-container .border-right-per-involved+.border-right-per-involved+.border-right-per-involved {
  border: none;
}

.assessments-req-bg-withborder+.assessments-req-bg-withborder+.assessments-req-bg-withborder {
  border: none;
}

.main-container-project .container-project-left .pdfscroll {
  height: calc(100% - 62px) !important;
  /* position: absolute; */
  left: 0;
  top: 45px;
  overflow-y: hidden !important;
  width: 100%;
  overflow-x: hidden !important;
}

.main-container-project .container-project-left .pdfscroll #pdfIframe canvas {
  display: block;
  margin: 0 auto;
}

.main-container-project .container-project-left .pdfscroll iframe {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100% !important;
  top: 0;
  overflow-y: auto;
  z-index: 1;
}

.main-container-project .container-project-left a.StarClick {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.main-container-project .container-project-left .skip-fav-hazard {
  z-index: 1;
  top: 0;
  bottom: 0;
  right: 14px;
  width: 20px;
}

.main-container-project .container-project-left .skip-fav-hazard a img {
  width: 20px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
  padding: 0;
}

.main-container-project .container-project-left,
.main-container-project .container-project-right {
  height: calc(100vh - 187px);
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
}

.skip-select-profile-grid ul.grid_dropdown {
  background-position: right 6px !important;
}

.skip-select-profile-grid ul.grid_dropdown li {
  padding: 8px 15px 11px;
  height: auto;
}

.project_block_padding {
  padding-bottom: 0;
}

.n_dropdown_top {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  overflow-y: visible;
}

.n_dropdown_top a.init_key_staff {
  float: left;
  width: 100%;
  background-color: #2a2a2a;
  padding: 4px 30px 5px 15px;
  font-weight: 400;
  background-image: url("../../../img/front/inner-page/win-dd-small.png");
  background-repeat: no-repeat;
  background-position: right top;
  background-size: auto 100%;
  border-bottom: 1px solid #181818;
  cursor: pointer;
  text-align: left;
  /* font-family: 'Segoe UI'; */
  font-size: 16px;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.n_dropdown_top a.init_key_staff.project-user-name {
  background-image: none;
  cursor: auto;
}

.n_dropdown_top .n_dropdown {
  float: left;
  width: 100%;
  height: auto;
  max-height: 200px;
  overflow-y: auto;
  background-image: none !important;
  display: none;
  border: none;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 11;
  box-shadow: 0px 6px 9px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 6px 9px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 6px 9px rgba(0, 0, 0, 0.3);
}

.dropdown_space {
  overflow-y: visible;
  display: inline-block;
  width: 100%;
  vertical-align: top;
}

.n_dropdown_top .n_dropdown.grid_dropdown {
  top: 100%;
}

.n_dropdown_top .n_dropdown li {
  display: block !important;
  float: left;
  width: 100%;
  padding: 3px 15px 5px;
  line-height: 20px;
}

.n_dropdown_top a.init_key_staff .keyStaffCounterShow {
  float: none !important;
}

.container-project-right .n_dropdown_top.skip-select-profile-grid a.init_key_staff {
  padding: 9px 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  padding-right: 40px !important;
  line-height: 24px;
  height: 43px;
}

.n_dropdown_top.skip-select-profile-grid .n_dropdown {
  position: absolute;
  top: 100%;
  z-index: 1;
}

.main-container-project .pro_new_padding,
.new_pro_bottom_bg {
  padding-left: 60px;
  padding-right: 60px;
}

.main-container-project .pro_new_padding {
  padding-bottom: 14px;
}

.container-project-grid-right .select-profile-grid {
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  border-top: 2px solid #000;
}

.container-project-grid-right .n_dropdown_top a.init_key_staff {
  padding: 16px 15px;
  border-bottom: none;
  background-image: url("../../../img/front/inner-page/win-dd-small.png");
  background-size: auto 35px;
  background-position: right center;
  height: 57px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  padding-right: 40px !important;
  white-space: nowrap;
}

.top-actio-bar .library-list-div.select-profile #template_name,
#checklist_template_name {
  display: inline-block;
  width: calc(100% - 28px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.top-actio-bar .library-list-div.select-profile ul.dropdown li #template_name {
  white-space: normal;
}

.audit-edit-section .checklist-field-divs {
  height: calc(100vh - 307px);
  overflow-y: auto;
  overflow-x: hidden;
}

.audit-edit-section .adt-option-bg {
  height: calc(100vh - 310.4px);
}

.image-box .sec-image-edit {
  width: 100px;
  height: 100px;
  border: 2px solid #ccc;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  margin-right: 15px;
  display: inline-block;
  position: relative;
}

.image-box .sec-image-edit a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 2px;
  position: relative;
}

.image-box .sec-image-edit a img {
  display: block;
  width: auto;
  height: auto;
  max-height: 90%;
  max-width: 90%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.image-box .sec-image-edit a.audit-section-img-remove {
  position: absolute;
  width: 24px;
  height: 24px;
  right: 0;
  top: 0;
  background-color: #000;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  margin: -13px -13px 0 0;
  padding: 0;
}

.image-box .sec-image-edit a.audit-section-img-remove img {
  width: 18px;
  height: 15px;
}

.uploaded-images .image-box {
  height: auto;
  white-space: nowrap;
}

.vertical-alignment-helper {
  display: table;
  height: 100%;
  width: 100%;
  padding: 20px 0;
}

.vertical-alignment-helper .modal-dialog {
  display: table-cell;
  vertical-align: middle;
}

.vertical-alignment-helper .modal-dialog .modal-content {
  width: 98%;
  max-width: 900px;
  margin: 0 auto;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

.bs-example-modal-sm-report-filter .vertical-alignment-helper .modal-dialog.modal-lg .modal-content {
  max-width: 450px;
}

.vertical-alignment-helper.small .modal-dialog .modal-content {
  max-width: 450px;
}

.vertical-alignment-helper .modal-dialog .modal-content .modal-content {
  width: 100%;
}

.vertical-alignment-helper .modal-dialog .modal-content .modal-header {
  position: relative;
}

.vertical-alignment-helper .modal-dialog .modal-content .modal-header .modal-title {
  width: calc(100% - 26px);
  float: left;
}

.vertical-alignment-helper .modal-dialog .modal-content .modal-body .que-body-top {
  padding-top: 0;
  margin-top: 0;
  padding-bottom: 10px;
}

.bs-example-modal-sm-folder .vertical-alignment-helper .modal-dialog .modal-content,
.bs-example-modal-sm .vertical-alignment-helper .modal-dialog .modal-content {
  max-width: 450px;
}

.bs-example-modal-sm-folder .vertical-alignment-helper .modal-dialog .modal-content .modal-body .que-body-top,
.bs-example-modal-sm .vertical-alignment-helper .modal-dialog .modal-content .modal-body .que-body-top {
  padding-bottom: 5px;
}

.bs-example-modal-sm-folder .vertical-alignment-helper .modal-dialog .modal-content .form-group,
.bs-example-modal-sm .vertical-alignment-helper .modal-dialog .modal-content .form-group {
  margin-bottom: 5px;
}

.container-project.main-container-project .work_desc_height {
  height: calc(100vh - 490px);
}

.skip-ra .project-add-last .n_grid_add,
.skip-ra .project-key-medium .n_grid_key,
.container-project-grid-right .project-add-last .n_grid_add,
.container-project-grid-right .project-opacity-left .n_grid_opacity,
.container-project-grid-right .project-key-medium .n_grid_key {
  height: 62px;
  background-size: 24px auto !important;
  background-position: center 10px !important;
  padding: 0;
}

.skip-ra .n_lib-text,
.container-project-grid-right .n_lib-text {
  padding-top: 34px;
  font-size: 14px;
  line-height: 20px;
}

.skip-next-container .hazard-right-bg {
  border-left: none;
}

.skip-next-container .container-hazard-left:after {
  position: absolute;
  left: 50%;
  top: 0;
  height: 100%;
  background: #7a7a7a;
  content: "";
  width: 2px;
}

.skip-next-container .container-hazard-left:before {
  position: absolute;
  left: 50%;
  width: 50%;
  height: 100%;
  background-color: #e6e6e6;
  content: "";
  top: 0;
}

.container-hazard-right .n_dropdown_top a.init_key_staff {
  float: left;
  width: 100%;
  background-color: #2a2a2a;
  padding: 4px 30px 5px 15px;
  columns: #e1e1e1;
  font-weight: 400;
  background-image: url("../../../img/front/inner-page/win-dd-small.png");
  background-repeat: no-repeat;
  background-position: right top;
  background-size: auto 100%;
  border: 1px solid #181818;
  cursor: pointer;
  text-align: left;
  /* font-family: 'Segoe UI'; */
  font-size: 16px;
  height: 36px;
}

.grid-layout-section {
  width: 100%;
  height: calc(100vh - 243px);
  z-index: 1;
  border-top: 2px solid #000;
  float: left;
  position: relative;
}

.grid-layout-section .grid-inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #999;
  z-index: 1;
  overflow: hidden;
}

.grid-layout-section .grid-inner .grid-block .grid span.counter {
  left: auto;
  right: 0;
  top: auto;
  bottom: 0;
  width: 24px;
  height: 24px;
  margin: 0;
  background: #000;
  color: #fff;
  text-align: center;
  font-size: 12px;
  line-height: 24px;
  border-radius: 50%;
  z-index: 3;
  position: absolute;
  z-index: 2;
}

.grid-layout-section .grid-inner .grid-block .grid img {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-height: 90%;
  max-width: 90%;
  height: auto;
  width: auto;
  z-index: 1;
}

.grid-block-top {
  width: calc(100% - 59px);
  left: 59px;
  top: 0;
  position: absolute;
  background: #ffcc33;
  z-index: 1;
  display: flex;
  height: 59px;
}

.grid-block-top .grid {
  width: 12.5%;
  text-align: center;
  position: relative;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
}

.grid-block-top .grid span {
  position: absolute;
  height: 24px;
  left: 0;
  width: 100%;
  top: 50%;
  margin-top: -12px;
  display: block;
  line-height: 24px;
  color: #000;
  font-size: 18px;
  font-family: 'SegoeUISemibold';
}

.grid-block-left {
  width: 59px;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  background: #ffcc33;
  z-index: 1;
  display: block;
}

.grid-block-left .grid {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: calc((100% - 59px) / 8);
  z-index: 1;
  text-align: center;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
}

.grid-block-left .grid span {
  position: absolute;
  height: 24px;
  left: 0;
  width: 100%;
  top: 50%;
  margin-top: -12px;
  display: block;
  line-height: 24px;
  color: #000;
  font-size: 18px;
  font-family: 'SegoeUISemibold';
}

.grid-block-left .grid:first-child {
  height: 59px;
}

.grid-block-left .grid:nth-child(2) {
  top: 59px;
}

.grid-block-left .grid:nth-child(3) {
  top: calc((100% - 59px) / 8 + 59px);
}

.grid-block-left .grid:nth-child(4) {
  top: calc((100% - 59px) / 8 * 2 + 59px);
}

.grid-block-left .grid:nth-child(5) {
  top: calc((100% - 59px) / 8 * 3 + 59px);
}

.grid-block-left .grid:nth-child(6) {
  top: calc((100% - 59px) / 8 * 4 + 59px);
}

.grid-block-left .grid:nth-child(7) {
  top: calc((100% - 59px) / 8 * 5 + 59px);
}

.grid-block-left .grid:nth-child(8) {
  top: calc((100% - 59px) / 8 * 6 + 59px);
}

.grid-block-left .grid:nth-child(9) {
  top: calc((100% - 59px) / 8 * 7 + 59px);
}

.grid-block-main-content {
  position: absolute;
  width: calc(100% - 59px);
  height: calc(100% - 59px);
  left: 59px;
  top: 59px;
  z-index: 1;
}

.grid-block-main-content .grid-block {
  height: calc(100% / 8);
  width: 100%;
  display: flex;
  float: left;
  width: 100%;
}

.grid-block-main-content .grid-block .grid {
  width: 12.5%;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  position: relative;
}

.grid-block-main-content .grid-block .grid:last-child {
  border-right: none;
}

.container-project-grid-left {
  float: left;
}

.container-project-grid-left .new_pro_bottom_bg {
  float: left;
  width: 100%;
  height: 62px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.container-project-grid-right .plann-grid-right-vert-scroll {
  height: calc(100vh - 312px);
}

.skip-hazard-section .container-project-left .skip_risk-folder-row {
  position: relative;
  padding: 0 !important;
  height: auto !important;
  display: block;
}

.skip-hazard-section .container-project-left .skip_risk-folder-row .col-xs-2 {
  float: none;
  display: inline-block;
  width: 65px;
  height: 55px;
  margin: 10px 0;
  vertical-align: middle;
}

.skip-hazard-section .container-project-left .skip_risk-folder-row .col-xs-2 span {
  position: absolute;
  left: 0;
  bottom: -7px;
  width: 100%;
  z-index: 1;
  color: #ff0000;
  font-size: 11px;
  padding-left: 18px;
  line-height: 14px;
}

.skip-hazard-section .container-project-left .skip_risk-folder-row .col-xs-2 .skip-hazard-icon {
  position: absolute;
  width: auto;
  height: auto;
  left: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
  padding: 0;
  max-width: 40px;
  max-height: 100%;
}

.skip-hazard-section .container-project-left .skip_risk-folder-row .col-xs-10 {
  width: calc(100% - 100px);
  float: none;
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  padding: 10px 10px 10px 0;
  max-height: 100%;
  line-height: 22px;
}

.library-list-div .wrapper-dropdown-5.active .dropdown .edit_hover_class div {
  width: 50px;
}

.library-list-div .wrapper-dropdown-5 .dropdown li a {
  width: calc(100% - 50px);
}

.library-list-div .wrapper-dropdown-5.active .dropdown .edit_hover_class div a {
  width: 20px;
}

/*Audit css start*/
.checklist-container .risk-folder-row .risk-folder-box1.risk-single-folder {
  float: right;
  width: 340px;
}

.checklist-container .risk-folder-row .col-sm-7.risk-single-folder {
  float: left;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.checklist-container .risk-folder-row .risk-folder-box1.risk-single-folder a:last-child {
  border-right: none;
}

.checklist-container .checklist-section-row .col-sm-7.risk-single-folder .col-xs-2 {
  width: 80px;
  padding-right: 0;
  display: inline-block;
  vertical-align: middle;
  float: none;
}

.checklist-container .checklist-section-row .col-sm-7.risk-single-folder .col-xs-1 {
  width: 55px;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  float: none;
  padding-left: 5px;
}

.checklist-container .checklist-section-row .col-sm-7.risk-single-folder .risk-temp-name {
  width: calc(100% - 140px);
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  float: none;
  margin-top: 16px;
  padding-left: 10px;
}

#add-section-content .select-que .temp-select-height {
  border: 1px solid #e6e6e6 !important;
}

#add-section-content .form-group .que-control {
  border: 1px solid #e6e6e6 !important;
  box-shadow: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

.checklist-container .checklist-question-row .risk-single-folder .col-xs-1 {
  float: none;
  display: inline-block;
  width: 29px;
  vertical-align: middle;
  padding: 0;
  margin: 24px 0 22px;
}

.checklist-container .checklist-question-row .risk-single-folder .col-xs-1 img {
  padding: 0;
  width: 100%;
  margin-left: 0;
}

.checklist-container .checklist-question-row .risk-single-folder .col-xs-11 {
  float: none;
  display: inline-block;
  width: calc(100% - 34px);
  vertical-align: middle;
  padding: 0 0 0 15px;
}

.checklist-container .all-folder-block a {
  padding-left: 20px;
}

.hazard-msg-bg .n_dropdown_top a.init_key_staff {
  float: left;
  width: 100%;
  background-color: #2a2a2a;
  padding: 2px 20px 7px;
  columns: #e1e1e1;
  font-weight: 400;
  background-image: url("../../../img/front/inner-page/win-dd-small.png");
  background-repeat: no-repeat;
  background-position: right top;
  background-size: auto 100%;
  border: 1px solid #181818;
  cursor: pointer;
  text-align: left;
  /* font-family: 'Segoe UI'; */
  font-size: 16px;
}

.main-container-project.checklist-container .container-project-left .section-list {
  max-height: 100%;
  min-height: 1px;
  position: absolute;
  left: 0;
  top: 46px;
  width: 100%;
  z-index: 1;
  max-height: calc(100% - 46px);
  overflow-y: auto;
  overflow-x: hidden;
}

.upload-hazard-image-sec .statment-form img {
  max-width: 230px;
  max-height: 230px;
  width: auto;
  height: auto;
}

.main-container-project .container-project-left .statment-input.upload-hazard-image-sec .statment-form {
  height: 275px;
  margin: 0;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.parent-question.main-div .adt-row-bg .adt-option-bg1 .form-group {
  margin-bottom: 0;
}

.main-div .adt-row-bg .form-group .adt-form-cor-control {
  min-height: 1px;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-bottom: none;
  border-left: none;
  border-top: none;
}

.parent-question.main-div .adt-row-bg .adt-que-bg {
  height: calc(100vh - 307px);
  overflow-y: auto;
  padding-bottom: 20px;
}

#add-section-content .added-emails-list {
  height: auto;
  max-height: calc(100vh - 391px);
  overflow-y: auto;
}

.audit-edit-section .adt-action-col .adt-btn-color1 {
  border-right: none;
}

.bs-example-modal-audit-overwrite-alert .vertical-alignment-helper .modal-dialog .modal-content {
  max-width: 380px;
}

.bs-example-modal-audit-overwrite-alert .vertical-alignment-helper .modal-dialog .modal-content .header-title {
  width: 100%;
}

.bs-example-modal-audit-overwrite-alert .vertical-alignment-helper .modal-dialog .modal-content .cancel-btn-div {
  padding-right: 15px;
}

.bs-example-modal-audit-overwrite-alert .vertical-alignment-helper .modal-dialog .modal-content .update-btn-div {
  padding-left: 15px;
}

.bs-example-modal-audit-overwrite-alert .vertical-alignment-helper .modal-dialog .modal-content .edit-mode-btn-audit {
  width: 100%;
  padding-left: 5px;
  padding-right: 5px;
}
/*
.main-container-project .container-project-left .statment-list .col-xs-6 {
  margin-bottom: 10px;
}

.main-container-project .container-project-left .statment-list .col-xs-6:after {
  padding-top: 100%;
  width: 100%;
  display: block;
  content: "";
}

.main-container-project .container-project-left .statment-list .col-xs-6 a {
  position: absolute;
  left: 15px;
  top: 0;
  width: calc(100% - 30px) !important;
  height: 70% !important;
  z-index: 1;
  border: 2px solid #000000;
  margin: 0;
}

.main-container-project .container-project-left .statment-list .col-xs-6 a.active {
  border-color: #cdced0;
}

.main-container-project .container-project-left .statment-list .col-xs-6 a.ms-custom-hazard-edit {
  width: 24px !important;
  height: 24px !important;
  left: auto;
  right: 5px;
  border: none;
  top: 25px;
  bottom: auto;
  background: #ffcc33;
  border-radius: 50%;
}

.main-container-project .container-project-left .statment-list .col-xs-6 a.ms-custom-hazard-remove {
  width: 24px !important;
  height: 24px !important;
  left: auto;
  right: 5px;
  border: none;
  top: -8px;
}

.main-container-project .container-project-left .statment-list .col-xs-6 a img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: auto !important;
  height: auto;
  max-width: 70%;
  max-height: 95%;
  z-index: 1;
  border: none;
}
.hazard-sec-name{
  position: absolute;
  bottom: 0;
  left: 15px;
  height: 30%;
  width: calc(100% - 30px) !important;
  margin: 0px;
  text-align: center;
  color: black;
  font-size: smaller;
  background-color: #787373;
  color: #ffffff;
}
.hazard-sec-name p{
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px;
  height: 100%;
  font-size: 12px;
  line-height: 14px;
}

#template-data .main-container-project .container-project-left .overlay-icon .statment-list .custom-hazard-sec {
  position: relative;
  text-align: center;
}

#template-data .main-container-project .container-project-left .overlay-icon .statment-list .custom-hazard-sec:hover::before {
  opacity: 1;
}

#template-data .main-container-project .container-project-left .overlay-icon .statment-list .ms-custom-hazard-edit,
#template-data .main-container-project .container-project-left .overlay-icon .statment-list .ms-custom-hazard-remove {
  position: absolute;
  bottom: 0 !important;
  top: auto !important;
  width: calc(50% - 15px) !important;
  height: 30% !important;
  border: none;
  border-radius: 0;
  background-color: #625c5c;
  z-index: 3;
  display: none;
  border: 2px solid #787373;
  border-top: 0;
}

#template-data .main-container-project .container-project-left .overlay-icon .statment-list .ms-custom-hazard-edit img,
#template-data .main-container-project .container-project-left .overlay-icon .statment-list .ms-custom-hazard-remove img {
  max-height: 70%;
}

#template-data .main-container-project .container-project-left .overlay-icon .statment-list .ms-custom-hazard-edit {
  left: 15px;
  background-color: #ffcc33;
}

#template-data .main-container-project .container-project-left .overlay-icon .statment-list .ms-custom-hazard-remove {
  right: 15px;
  background-color: #ff6666;
}

#template-data .main-container-project .container-project-left .overlay-icon .statment-list .custom-hazard-sec:hover .ms-custom-hazard-edit,
#template-data .main-container-project .container-project-left .overlay-icon .statment-list .custom-hazard-sec:hover .ms-custom-hazard-remove {
  display: block;
} */


.show-hazard-icon .icon-flex-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.icon-flex-container .hazard-box.active, .custom-hazard-sec .hazard-box.active  {
  border-color: #0078d7;
}

.show-hazard-icon .hazard-item {
  max-width: 170px;
  max-height: 280px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 7px;
}

.report-selection .icon-flex-container .hazard-item {
  width: 200px !important;
  max-width: 200px !important;
}

.show-hazard-icon .hazard-box {
  position: relative;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 6px;
  background: #fff;
  overflow: hidden;
  margin-bottom: 15px;
  padding: 0;
}

.show-hazard-icon .hazard-box .n_icon-box {
  /* width: 170px !important;*/
  min-height: 170px !important;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #f9f9f9;
}

.show-hazard-icon .hazard-box .n_icon-box img {
  /* width: 100%;
  height: auto; */
  /* display: block; */
  margin: 0;
  border: 0;
  max-width: 100%;
  max-height: 155px;
  height: auto;
  width: auto;
  display: block;
}

.show-hazard-icon .hazard-sec-name {
  background-color: #787373;
  color: #fff;
  font-size: 12px;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0 5px;
  position: relative;
}

/* Hidden by default, shown on hover */
.show-hazard-icon .hazard-box .hazard-buttons {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 58px;
  display: none;
  z-index: 2;
  padding: 0;
}

.show-hazard-icon .hazard-box:hover .hazard-buttons {
  display: flex;
}

.show-hazard-icon .hazard-buttons a {
  flex: 1;
  background-color: #787373;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  border-right: 1px solid #ccc;
  height: 100%;
  position: relative;
  border-radius: 0;
  top: 0;
}

.show-hazard-icon .hazard-buttons a:last-child {
  border-right: none;
}

.show-hazard-icon .hazard-buttons.single-button a {
  flex: 1 0 100%;
}
.show-hazard-icon .hazard-sec-name p {
    padding: 0;
    margin: 0;
}

@media (max-width: 768px) {
  .show-hazard-icon .hazard-item {
    width: 45%;
  }
}

@media (max-width: 480px) {
  .show-hazard-icon .hazard-item {
    width: 100%;
  }
}




.wrapper-dropdown-5 .dropdown li.edit_hover_class {
  float: left;
  width: 100%;
  position: relative;
}

.wrapper-dropdown-5 .dropdown li.edit_hover_class:hover div {
  opacity: 1;
  visibility: visible;
}

.wrapper-dropdown-5 .dropdown li.edit_hover_class div img {
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  float: left;
}

.wrapper-dropdown-5 .dropdown li.edit_hover_class div img+img {
  margin-left: 3px;
}

.wrapper-dropdown-5 .dropdown li.edit_hover_class div img.shareLibrary {
  width: 15px;
  margin-top: 3px;
  margin-right: 4px;
}

.wrapper-dropdown-5 .dropdown li.edit_hover_class .method-template-link a {
  padding: 0;
  float: left;
  width: auto;
}

.wrapper-dropdown-5 .dropdown li.edit_hover_class .method-template-link a+a {
  margin-left: 3px;
}

.custom-question-div .adt-que-bg,
.custom-question-div .checklist-date-input {
  height: calc(100vh - 307px);
  overflow-y: auto;
}

.audit-modal2-content {
  padding: 0;
}

.audit-modal2-content .col-sm-7 {
  background-color: #f2f2f2;
  padding-top: 20px;
  padding-bottom: 0;
  max-height: calc(100vh - 110px);
  overflow-y: auto;
}

.audit-modal2-content .col-md-7 .audit-modal-text {
  margin-bottom: 20px;
}

.audit-modal2-content .sec-img-div {
  background-color: #ccc;
  padding: 20px;
  padding-bottom: 5px;
  max-height: calc(100vh - 110px);
  overflow-y: auto;
}

.audit-modal2-content .sec-img-div.col-sm-5 {
  padding-top: 30px;
  max-height: calc(100vh - 110px);
  overflow-y: auto;
}

.audit-modal2-content .sec-img-div .access-right-padding {
  padding: 0;
  float: left;
  width: calc(100% + 15px);
  margin-left: -15px;
}

.audit-modal2-content .sec-img-div .access-right-padding a {
  float: left;
  width: calc(50% - 15px);
  margin-left: 15px;
  margin-bottom: 15px;
  border: 1px solid #DBDBDB;
  padding: 5px;
  position: relative;
}

.audit-modal2-content .col-sm-12.sec-img-div .access-right-padding a {
  width: calc(25% - 15px);
}

.audit-modal2-content .sec-img-div .access-right-padding a:after {
  display: block;
  width: 100%;
  padding-top: 100%;
  content: ""
}

.audit-modal2-content .sec-img-div .access-right-padding a img {
  display: block;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 1;
  max-width: calc(100% - 10px);
  max-height: calc(100% - 10px);
  position: absolute;
  padding: 0;
  object-fit: cover;
  -moz-object-fit: cover;
  -webkit-object-fit: cover;
}

.audit-modal2-content .audit-modal-text .desc-ok-btn {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  padding: 0;
  width: calc(100% - 40px);
  max-width: 150px;
}

.audit-modal2-content .title-search-head {
  padding: 0;
}

.audit-modal2-content .audit-modal-text {
  min-height: 200px;
  padding: 10px 0px 60px 0px;
  position: relative;
}

.audit-modal2-content .col-sm-12.sec-desc-div {
  padding: 20px;
  max-height: calc(100vh - 110px);
  overflow-y: auto;
}

.vertical-alignment-helper .modal-dialog.modal-sm .modal-content {
  max-width: 380px;
}

.vertical-alignment-helper .modal-dialog .modal-content .ms-overwrite-btn {
  width: 100%;
  padding: 8px 10px;
}

.vertical-alignment-helper .modal-dialog .modal-content .cancel-btn-div {
  padding-right: 15px;
}

.vertical-alignment-helper .modal-dialog .modal-content .update-btn-div {
  padding-left: 15px;
}

.vertical-alignment-helper .modal-dialog .modal-content .ms-save-new-btn {
  padding: 8px 10px;
  width: 100%;
}

.hazard-containe .risk-folder-row-hazard {
  border-bottom: 1px solid #fff;
}

.hazard-containe .temp-item-sort {
  border-bottom: 1px solid #ccc;
}

.hazard-containe .copy-hazard-section .temp-item-sort {
  height: 44px;
}

.hazard-containe .risk-folder-row-hazard .risk-hazard-box1 {
  display: flex;
  width: 100%;
  padding: 0px;
  background: #f2f2f2;
}

.hazard-containe .copy-hazard-section .risk-folder-row-hazard.active .risk-hazard-box1 {
  background-color: #ffcf31;
}

.hazard-containe .risk-folder-row-hazard .risk-hazard-box1:hover {
  background-color: #ccc;
}

.hazard-containe .risk-folder-row-hazard .risk-hazard-box1 .risk-single-hazard.col-md-2 {
  width: 190px;
  padding: 0;
  min-height: 54px;
}

.hazard-containe .risk-folder-row-hazard .risk-hazard-box1 .risk-single-hazard.col-md-2 a {
  width: 50%;
  float: left;
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: #e6e6e6;
  position: relative;
  border-left: 2px solid #f2f2f2;
  border-right: none;
}

.hazard-containe .risk-folder-row-hazard .risk-hazard-box1 .risk-single-hazard.col-md-2 a:first-child {
  border-left: none;
}

.hazard-containe .risk-folder-row-hazard .risk-hazard-box1 .risk-single-hazard.col-md-2 a img {
  display: block;
  width: 24px;
  height: auto;
  margin: auto;
}

.hazard-containe .risk-folder-row-hazard .risk-hazard-box1 .risk-single-hazard.col-md-10 {
  padding: 10px 20px;
  padding-right: 0;
  width: calc(100% - 190px);
}

.hazard-containe .risk-folder-row-hazard .risk-hazard-box1 .risk-single-hazard .col-xs-1 {
  width: 60px;
  margin: 0;
  padding: 0;
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.hazard-containe .risk-folder-row-hazard .risk-hazard-box1 .risk-single-hazard .col-xs-1 img {
  width: 100%;
  height: auto;
  display: block;
  border: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  margin-top: 0;
}

.hazard-containe .risk-folder-row-hazard .risk-hazard-box1 .risk-single-hazard .risk-hazard-name {
  font-size: 14px;
  line-height: 20px;
  float: none;
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 65px);
}

.hazard-containe .folder-right-side-bar .hazard-icon-block {
  background: none;
  border: none;
}

.hazard-containe .quick-title-hazard {
  color: #000;
}

.hazard-containe .folder-right-side-bar .hazard-icon-block {
  padding: 10px 0 5px 0;
}

.hazard-containe .folder-right-side-bar .hazard-right-icon {
  border: none;
  padding: 0;
}

/*states table css*/
.sticky-table-outer {
  background: #e6e6e6;
  height: calc(100vh - 280px);
  overflow: auto;
  width: 100%;
  position: relative;
}

.sticky-table-outer table {
  border-collapse: collapse;
}

.sticky-table-outer .sticky-wrap {
  height: calc(100vh - 280px);
  overflow-y: auto;
  width: calc(100% - 3px);
  overflow-x: auto;
  position: relative;
}

.sticky-table-outer table th {
  background: #666;
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  color: #fff;
  /* font-family: 'Segoe UI'; */
  padding: 10px 20px;
  border: 1px solid #000;
  border-top: none;
  border-right: none;
  white-space: nowrap;
  position: relative;
  position: -webkit-sticky;
  position: -ms-sticky;
  position: sticky;
  top: 0;
  z-index: 2;
}

.sticky-table-outer table th a {
  color: #fff;
}

.email-report-form .n_dropdown_top a.init_key_staff {
  padding: 6px 38px 5px 10px;
  font-size: 14px;
  height: 34px;
}

.email-report-form .n_dropdown_top .n_dropdown li.selectOption {
  font-size: 14px;
  cursor: pointer;
  padding: 4px 10px 5px;
}

.sticky-table-outer table th:first-child {
  border-left: none;
}

.sticky-table-outer table td {
  font-size: 16px;
  line-height: 22px;
  color: #1d1d1b;
  /* font-family: 'Segoe UI'; */
  padding: 10px 20px;
  border: 1px solid #000;
  border-right: none;
  text-align: center;
}

.sticky-table-outer table td.left {
  text-align: left;
}

.sticky-table-outer table td a {
  color: #1d1d1b;
}

.sticky-table-outer table td:first-child {
  text-align: left;
  border-left: none;
}

.sticky-table-outer table th:first-child {
  min-width: 700px;
}

.sticky-wrap .sticky-thead,
.sticky-wrap .sticky-col,
.sticky-wrap .sticky-intersect {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  transition: all .125s ease-in-out;
  -moz-transition: all .125s ease-in-out;
  -webkit-transition: all .125s ease-in-out;
  z-index: 50;
  width: auto;
  /* Prevent table from stretching to full size */
}

.sticky-wrap .sticky-thead {
  width: 100% !important;
}

.stats-section .container-project-left .stats_container_hw {
  height: auto !important;
  border: none;
  position: relative;
}

.stats-section .container-project-right .tab-content .padding-risk-type_wb,
.stats-section .container-project-right .tab-content .padding-risk-type {
  padding: 12px 20px;
  height: 82px;
}

.stats-section .container-project-right .tab-content .padding-risk-type_wb {
  border-bottom: 1px solid #999;
  height: 82px;
  padding: 12px 20px;
}

.stats-section .container-project-right .tab-content .ntouch-left-padding {
  margin: 0;
  z-index: 111;
}

.stats-section .container-project-right .tab-content .ntouch-left-padding .form-control {
  margin: 0;
}

.stats-section .container-project-right .tab-content .n_folder-right-side-bar {
  height: auto;
}

.stats-section .container-project-right .tab-content .n_folder-right-side-bar .stats-filter-btn {
  height: 34px;
  background-color: #0078d7 !important;
  border: none !important;
  outline: none !important;
}

.stats-section .container-project-right .tab-content .paddig-sicon-text {
  height: calc(100vh - 517px);
  padding: 8px 15px;
}

.stats-section .container-project-right .tab-content .n_folder-right-side-bar .n_stats_rtext>a {
  padding-top: 0;
  padding-bottom: 0;
  text-transform: none;
}

.stats-section .container-project-right .tab-content .n_folder-right-side-bar .msg-arrow-icon {
  width: 13px;
  margin-left: -4px;
  display: block;
  margin-top: 5px;
}

.stats-section .container-project-right {
  position: relative;
  z-index: 11;
}

/*.stats-section .container-project-right .tab-content .n_folder-right-side-bar .n_stats_rtext .n_stats_rtext a { margin: 0px 0 0px  20px; }*/
.stats-section .container-project-right .n_risk-drop-icon option {
  color: #000;
}

.stats-section .container-project-left {
  position: relative;
}

.stats-section .stats_container_hw .stats-right-border {
  position: absolute;
  top: 0;
  right: 0;
  width: 2px;
  height: calc(100% + 1px);
  background: #000;
  z-index: 12;
}

.stats-section .container-project-right .n_control-height {
  height: 40px !important;
}

.stats-section .container-project-right .n_email_right {
  height: calc(100vh - 227px);
  padding-bottom: 34px;
  position: relative;
}

.stats-section .container-project-right .n_email_right .doneBtn {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1;
}

.stats-section .container-project-right .email-report-form {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1;
  height: auto;
  max-height: calc(100% - 34px);
  overflow-y: auto;
}

.stats-section .container-project-right .email-report-form .stats_email_padding {
  padding: 20px;
}

.stats-section .container-project-right .email-report-form .stats_email_padding .form-group {
  border: 1px solid #808080;
  position: relative;
}

.stats-section .container-project-right .email-report-form .stats_email_padding .form-group .form-control {
  width: calc(100% - 30px) !important;
  margin: 0 !important;
  border: none;
  height: 30px;
  padding: 0 10px 3px;
}

.stats-section .container-project-right .email-report-form .stats_email_padding .form-group .add-stat-email {
  width: 30px;
  height: 30px;
  margin: 0 !important;
  cursor: pointer;
}

.stats-section .container-project-right .email-report-form .stats_email_padding .email-border {
  border: 1px solid #808080;
  margin-top: -1px;
  float: left;
  width: 100%;
  height: auto;
  padding: 0;
  min-height: 40px;
  max-height: 160px;
  overflow-y: auto;
}

.stats-section .container-project-right .email-report-form .stats_email_padding .email-border .st_email_detail:last-child {
  border-bottom: none;
}

.stats-section .container-project-right .email-report-form select {
  padding: 0 35px 0 7px;
  cursor: pointer;
}

.stats-section .container-project-right .status-bg-table .right-hazard-list .n_hazard_sub {
  height: auto;
  padding: 15px;
}

.stats-section .container-project-right .status-bg-table .right-hazard-list .stats_templete .filter-template-name a {
  color: #fff;
  word-break: break-all;
}

.stats-section .container-project-right .status-bg-table {
  height: calc(100vh - 227px);
  position: relative;
}

.stats-section .container-project-right .stats_graph_padding {
  padding: 20px 15px;
  overflow-y: auto;
}

.stats-section .container-project-right .btncsv_margin {
  padding-top: 0 !important;
}

.stats-section .container-project-left .graph-section {
  width: 100%;
  height: calc(100vh - 280px);
  overflow-y: auto;
}

.user-sec-main .container-project-left {
  height: calc(100vh - 269px);
  overflow-y: auto;
  overflow-x: hidden;
}

.user-sec-main .container-project-right {
  height: calc(100vh - 269px);
  overflow-y: auto;
  overflow-x: hidden;
}

.user-sec-main .container-project-right .profile-right-logo {
  margin: 30px 0;
}

.user-sec-main .container-project-right .profile-right-logo .img-responsive {
  margin: 0 auto;
  width: auto;
}

.chartToggle {
  height: 12px;
  border: none;
  width: 34px;
  margin-top: 4px;
}

.toggleSwitch {
  width: 18px;
  height: 18px;
  border: none;
  background: #fff;
  display: inline-block;
  margin-top: -3px;
  box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.05);
  vertical-align: top;
}

.user-sec-main .container-project-left .profile-ru-sta-padding {
  padding: 15px 60px 15px 20px;
}

.user-sec-main .container-project-left .profile-ru-statement-heading {
  font-size: 13px;
}

.user-sec-main .container-project-left .profile-ru-sta-padding .profile-ru-statement-heading {
  font-family: 'segoeuibold';
  font-weight: normal;
  font-size: 15px;
}

.user-sec-main .container-project-left .col-sm-6 .profile-ru-statement-heading {
  margin-top: 15px;
}

.user-sec-main .container-project-left .text-area-height {
  height: 80px !important;
  font-size: 13px;
}

.user-sec-main .container-project-left .profile-ta {
  font-size: 13px;
}

.user-sec-main .container-project-left .review-user-list {
  height: 80px;
}

.user-sec-main .container-project-left .pro-sett-text1 {
  font-weight: 500;
}

.user-sec-main .container-project-left .pro-text-bold {
  font-family: 'segoeuibold';
  font-weight: normal;
}

.stats-section .container-project-left .planner-icon {
  padding-top: 10px;
  padding-bottom: 10px;
}

.stats-section .container-project-left .planner-text {
  padding-top: 10px;
  padding-bottom: 10px;
}

.wrapper-dropdown-5.active .dropdown {
  overflow-y: auto;
  overflow-x: hidden;
}

.stats-section .container-project-right.audit-stat-right .tab-content .paddig-sicon-text {
  height: calc(100vh - 435px);
}

.n_tesco_folder .right-arr-img {
  display: inline-block;
  width: 14px;
  vertical-align: top;
}

.stats-section .container-project-right .tab-content .n_folder-right-side-bar .n_stats_rtext>a.audit-folder-filter {
  display: inline-block;
  width: calc(100% - 18px);
  vertical-align: top;
}

.stats-section .container-project-right .tab-content .n_folder-right-side-bar .n_tesco_folder {
  width: 100%;
}

.container-fluid .adt-option-bg,
.container-fluid #preview-div {
  height: calc(100vh - 307px);
  overflow-x: hidden;
}

.container-fluid #preview-div span {
  float: left;
  width: 15px;
}
 .container-fluid #preview-div span.iconBoxHazardEditor {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 6px;
    background: #fff;
    overflow: hidden;
    padding: 0;
}

.container-fluid #preview-div span.iconBoxHazardEditor img {
    width: 90%;
    height: 120px;
    object-fit: contain;
    display: block;
    background: #f9f9f9;
    margin: 0 auto;
}

.container-fluid #preview-div span.iconBoxHazardEditor p {
    font-size: 12px;
    line-height: 1.2;
    margin: 0;
    padding: 0 5px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #787373;
    color: #fff;
    text-align: center;
    width: 100%;
}


.container-fluid #preview-div h2.header-preview-tag {
  float: left;
  width: 100%;
}

.container-fluid #preview-div font {
  /* float: left; */
  width: calc(100% - 25px);
}

.container-fluid .adt-option-bg .adut-icon-padding {
  padding: 10px;
  overflow-y: auto;
  height: auto;
  overflow-x: hidden;
  margin: 0;
}

.container-fluid .adt-option-bg .n_icon-box {
  margin: 10px;
  width: calc(100% - 20px) !important;
  float: left;
  position: relative;
  /* border: 2px solid #484848; */
  box-sizing: border-box;
}

.container-fluid .adt-option-bg .n_icon-box:after {
  padding-top: 100%;
  height: 0px;
  width: 100%;
  display: block;
  content: "";
}

.container-fluid .adt-option-bg .n_icon-box.active, .hazard-box.active {
  border-color: #0078d7;
}

.container-fluid .adt-option-bg .n_icon-box img {
  position: absolute;
  width: auto !important;
  height: auto;
  max-width: 90%;
  max-height: 90%;
  /* top: 10%; */
  left: 50%;
  transform: translateX(-50%);
  object-fit: contain;
  margin: auto;
  display: block;
  padding: 0 !important;
  border: none;
}

.n_icon-box-name{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0px;
    text-align: center;
    color: black;
    font-size: smaller;
    padding: 0px 5px 5px;
    line-height: 14px;
}

#myCanvas {
  /* width: 100% !important;
  height: 100% !important; */
  position: static !important;
}

#myCanvas .image-canvas {
  position: absolute;
  top: 0;
  width: 46px !important;
  left: 0;
  padding: 5px;
  background: none !important;
  height: calc(100% - 50px);
  min-height: 404px;
}

#image-annotate .vertical-alignment-helper .modal-dialog .modal-content .modal-body .que-body-top {
  padding: 0 15px;
}

#image-annotate .vertical-alignment-helper .modal-dialog .modal-content .modal-body .que-body-top .col-xs-12.col-sm-12 {
  padding: 0 0 0 50px;
  overflow: hidden;
  min-height: 404px;
}

#myCanvas .image-canvas .radio-check-icon {
  float: left;
}

#myCanvas .image-canvas .radio-check-icon .form-item {
  width: auto;
  float: left;
}

#myCanvas .image-canvas .radio-check-icon .form-item label {
  float: left;
  width: 36px;
  height: 32px;
  margin: 0 0 4px 0;
  position: relative;
}

#myCanvas .image-canvas .radio-check-icon .form-item label input[type="radio"] {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  z-index: 2;
}

#myCanvas .image-canvas .radio-check-icon .form-item label span {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 32px;
  text-align: center;
  color: #000;
  background-color: none;
  padding: 0 !important;
}

#myCanvas .image-canvas .radio-check-icon .form-item label input[type="radio"]:checked+span {
  background-color: #ffcc33;
}

#myCanvas .image-canvas .annotate-undo,
#myCanvas .image-canvas .annotate-redo {
  width: 100%;
  height: 32px;
  border: none;
  background: none;
  color: #000;
  text-align: center;
  line-height: 32px;
}

#myCanvas .image-canvas .annotate-redo {
  margin-top: 4px;
  margin-bottom: 4px;
}

#myCanvas .deptBlueBtn2 {
  float: right;
  height: 34px;
  color: #fff;
  font-size: 14px;
  line-height: 34px;
  /* font-family: 'Segoe UI'; */
  padding: 0 10px;
  cursor: pointer;
  background-color: #0078d7;
  border: none;
  font-weight: 400;
  position: absolute;
  right: 0;
  bottom: 0;
  min-width: 150px;
}

#myCanvas.annotate-container>[id^=baseLayer],
#myCanvas.annotate-container>[id^=drawingLayer] {
  left: 50px;
  max-height: calc(100% - 10px);
}

.project-top-border .arrange-row-left {
  display: none;
}

.project-top-border .arrange-row-right {
  width: 100%;
  padding: 0 15px;
}

.project-top-border .arrange-row-right ul {
  float: right;
  width: auto;
}

.project-top-border .arrange-row-right ul li {
  width: auto;
  list-style: none;
  float: left;
  font-size: 16px;
  line-height: 20px;
  color: #797979;
  margin-left: 10px;
  padding-left: 10px;
  border-left: 1px solid #333;
  font-weight: 500;
  font-family: 'SegoeUISemibold';
}

.project-top-border .arrange-row-right ul li:first-child {
  padding-left: 0;
  margin-left: 0;
  border-left: none;
}

.project-top-border .arrange-row-right ul li span {
  cursor: pointer;
}

.project-name-section .container-project-right {
  height: auto !important;
}

.project-name-section .container-project-right .notificationDiv {
  height: calc(100vh - 230px) !important;
  position: relative;
}

.project-name-section .container-project-right#notification .notificationDiv {
  height: calc(100vh - 233px) !important;
}

.project-name-section .container-project-right .notificationDiv .notifi-header {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1;
  height: 43px;
  padding: 10px 15px;
  background-color: #000;
}

.project-name-section .container-project-right#userTasks {
  height: calc(100vh - 230px) !important;
  overflow-y: auto;
  overflow-x: hidden;
}

.project-name-section .container-project-right#userTasks .notification-bg {
  height: auto !important;
  background-color: #000;
}

.project-name-section .container-project-right .notificationDiv .UserNotificationContainer {
  position: absolute;
  left: 0;
  top: 43px;
  width: 100%;
  z-index: 1;
  height: calc(100% - 43px);
  overflow-y: auto;
}

.project-name-section .container-project-right .notificationDiv .UserNotificationContainer .notification-box {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  position: relative;
  padding: 0;
}

.project-name-section .container-project-right .notificationDiv .UserNotificationContainer .notification-box .clearSpecificNotification.noti-close-padding {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.project-name-section .container-project-left .project-scroll-first {
  height: calc(100vh - 278px) !important;
}

.project-name-section .container-project-left .project-scroll-first .n_risk-folder-row {
  height: auto;
  transition: none;
  -moz-transition: none;
  -webkit-transition: none;
}

.project-name-section .container-project-left .project-scroll-first .n_risk-folder-row .risk-folder-box1 {
  float: left;
  width: 100%;
  display: flex;
}

.project-name-section .container-project-left .project-scroll-first .n_risk-folder-row .risk-folder-box1 .risk-single-folder.col-lg-9 {
  width: calc(100% - 233px);
  padding: 0 20px;
  display: block;
}

.project-name-section .container-project-left .project-scroll-first .n_risk-folder-row .risk-folder-box1 .risk-single-folder.col-lg-3 {
  width: 233px;
  display: block;
}

.project-name-section .container-project-left .project-scroll-first .n_risk-folder-row .risk-folder-box1 .risk-single-folder.col-lg-3 a {
  width: 33.33%;
  min-width: 1px;
  height: 100%;
}

.project-name-section .container-project-left .project-scroll-first .n_risk-folder-row .risk-folder-box1 .risk-single-folder.col-lg-9 .pro-icon-padding {
  width: 37px;
  margin: 15px 0;
  padding: 0;
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.project-name-section .container-project-left .project-scroll-first .n_risk-folder-row .risk-folder-box1 .risk-single-folder.col-lg-9 .pro-icon-padding i.task-risk-list-icon {
  display: block;
  width: 100%;
  height: 48px;
  background-image: url(../../../img/front/inner-page/project-icon-black.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.project-name-section .container-project-left .project-scroll-first .n_risk-folder-row:hover .risk-folder-box1 .risk-single-folder.col-lg-9 .pro-icon-padding i.task-risk-list-icon {
  background-image: url(../../../img/front/inner-page/project-icon-white.png);
}

.project-name-section .container-project-left .project-scroll-first .n_risk-folder-row .risk-folder-box1 .risk-single-folder.col-lg-9 .pro-icon-padding .risk-folder-icon {
  width: 100%;
  padding: 0;
}

.project-name-section .container-project-left .project-scroll-first .n_risk-folder-row .risk-folder-box1 .risk-single-folder.col-lg-9 .ra-folder-name {
  float: none;
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  margin: 0;
  padding: 0 0 0 15px;
  width: calc(100% - 42px);
  font-family: 'SegoeUISemibold';
}

.UserTaskContainer .taskWidth,
.UserTaskContainer .taskWidth-right {
  width: 33.33%;
  height: 40px;
  padding: 9px 0px;
}

.dropableArea .task-box {
  float: left;
  width: 33.33%;
  padding: 10px 15px 15px;
  border-right: 3px solid #fff;
  height: calc(100vh - 272px);
  overflow-y: auto;
  overflow-x: hidden;
}

.dropableArea .task-box:first-child {
  padding-left: 30px;
}

.dropableArea .task-box:last-child {
  border-right: none;
  padding-right: 30px;
}

.dropableArea .task-box li {
  float: left;
  width: 100%;
  margin: 8px 0 0 0;
  background: none;
}

.dropableArea .task-box li .n_parent-div {
  margin: 0;
}

.project-name-section .container-project-right#TaskUsers {
  height: calc(100vh - 230px) !important;
  position: relative;
}

.project-name-section .container-project-right#TaskUsers .GroupListForProject a.editGroup:first-child .user-bg {
  border-top: none !important;
}

.project-name-section .container-project-right#TaskUsers .FolderListForProject .user-bg:first-child {
  border-top: none !important;
}

.project-name-section .container-project-right#TaskUsers .user-section {
  border-bottom: 3px solid #000;
  height: 43px;
}

.project-name-section .container-project-right#TaskUsers .user-section a {
  width: 33.33%;
  float: left;
  border-left: 1px solid #fff;
}

.project-name-section .container-project-right#TaskUsers .user-section a:first-child {
  border-left: none;
}

.project-name-section .container-project-right#TaskUsers .user-section a .user-section-left,
.project-name-section .container-project-right#TaskUsers .user-section a .user-section-group,
.project-name-section .container-project-right#TaskUsers .user-section a .user-section-right {
  width: 100%;
  height: 45px;
  border: none;
  line-height: 16px;
  padding: 13px 5px;
}

.project-name-section .container-project-right#TaskUsers .notification-bg {
  height: 37px;
}

.project-name-section .container-project-right#TaskUsers .notification-bg .user-header {
  padding: 5px 20px;
}

.project-name-section .container-project-right .user-outer {
  position: absolute;
  left: 0;
  top: 45px;
  width: 100%;
  z-index: 1;
  height: auto;
  max-height: calc(100% - 45px);
  overflow-y: auto;
}

.project-name-section .container-project-right .user-outer .selectedUserForTasksDiv {
  float: left;
  width: 100%;
  padding-top: 12px;
}

.project-name-section .container-project-right .user-outer .selectedUserForTasksDiv:first-child {
  border-top: none !important;
}

.project-name-section .container-project-right .user-outer a.editGroup:first-child .selectedGroupForTasksDiv.user-bg {
  border-top: none !important;
}

.project-name-section .container-project-right .user-outer .selectedUserFolderForTasksDiv.user-bg:first-child {
  border-top: none !important;
}

.project-name-section .container-project-right .user-outer .selectedUserForTasksDiv .col-lg-2 {
  width: 20px;
  padding: 0;
}

.project-name-section .container-project-right .user-outer .selectedUserForTasksDiv .col-lg-10 {
  width: calc(100% - 20px);
}

.project-name-section .container-project-right .user-outer .selectedUserForTasksDiv .col-lg-2 .user-icon-img {
  margin-top: 3px;
  margin-left: 0 !important;
}

.selectedGroupForTasksDiv.user-bg {
  padding-top: 12px;
}

.selectedGroupForTasksDiv .col-lg-2 {
  width: 20px;
}

.selectedGroupForTasksDiv .col-lg-10 {
  width: calc(100% - 20px);
}

.selectedUserFolderForTasksDiv.user-bg {
  padding-top: 12px;
}

.selectedUserFolderForTasksDiv .col-lg-2 {
  width: 20px;
  margin: 0;
  padding: 0;
}

.selectedUserFolderForTasksDiv .col-lg-10 {
  width: calc(100% - 20px);
}

.selectedUserFolderForTasksDiv .col-lg-2 .user-icon-img {
  margin-top: 3px;
  margin-left: 0 !important;
}

.selectedGroupForTasksDiv .col-lg-2 .user-icon-img {
  margin-top: 3px;
  margin-left: 0 !important;
}

.project-name-section .container-project-right .project-addsec {
  height: calc(100vh - 233px);
  background-color: #333;
}

.project-name-section .container-project-right .project-addsec .project-addsec-left,
.project-name-section .container-project-right .project-addsec .project-addsec-medium,
.project-name-section .container-project-right .project-addsec .project-addsec-last {
  background-color: #f2f2f2;
}

.project-name-section .container-project-right .project-addsec .project-addsec-left:hover,
.project-name-section .container-project-right .project-addsec .project-addsec-medium:hover,
.project-name-section .container-project-right .project-addsec .project-addsec-last:hover {
  background-color: #0078D7;
}

.modal-screen3 {
  top: 0;
}

.right-user {
  line-height: 22px;
  padding-top: 0;
}

.mail-fl {
  width: auto;
  max-width: 100%;
  background: #e6e6e6;
  padding: 0;
  margin: 0 5px 5px 0;
}

.mail-fl .mail-text,
.mail-fl .mail-text-screen2 {
  display: inline-block;
  width: auto;
  background: none;
  height: auto !important;
  float: left;
  max-width: calc(100% - 32px);
  white-space: nowrap;
  padding: 6px 7px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  min-width: 50px;
}

.mail-fl .mail-text+span,
.mail-fl .mail-text-screen2+span {
  float: right;
  width: 32px;
}

.mail-fl .mail-text+span .close-margin,
.mail-fl .mail-text-screen2+span .close-margin {
  border: none !important;
}

.tm-user-list .mail-fl {
  float: none;
  width: auto;
  max-width: 100%;
  margin-right: 3px;
  display: inline-block;
  vertical-align: top
}

.tm-user-list.margintop10 {
  margin-top: 15px;
  margin-bottom: 10px;
  text-align: left;
}

.tm-user-list:empty {
  display: none;
}

.multiselect-container li.addUser .checkbox {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.footer-body-bg .btn {
  cursor: pointer;
}

.open-info>.open-info3 .danger_padding {
  padding-top: 4px;
  float: left !important;
}

.open-info>.open-info2 {
  width: auto;
  margin-right: 25px;
  max-width: calc(100% - 175px);
}

.open-info>.open-info2>div {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  float: left;
}

.open-info>.open-info2 .n_due_date {
  width: calc(100% - 16px);
  vertical-align: top;
  padding-top: 0;
}

.open-icon-margin {
  margin-top: -5px;
}

.all-folder-row #folder-bredcrum {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#editModes .header-title {
  margin: 0;
  width: calc(100% - 30px);
  position: inherit;
  padding: 0;
}

#editModes .header-title .closeOverWritePopup {
  position: absolute;
  right: 15px;
  top: 15px;
}

#editModes .header-title .closeOverWritePopup img {
  right: 0 !important;
  top: 0 !important;
  margin: 0 !important;
}

#editModes .row {
  float: left;
  width: 100%;
  margin: 0;
}

#editModes .header-name-bg {
  float: left;
  width: 100%;
}

#editModes .header-name-bg .cancel-btn-div-new {
  padding: 0;
  margin: 0;
  width: calc(50% - 5px);
}

#editModes .header-name-bg .update-btn-div-new {
  padding: 0;
  margin: 0;
  width: calc(50% - 5px);
  float: right;
}

#editModes .header-name-bg .cancel-btn-div-new a.header-cancel-btn,
#editModes .header-name-bg .update-btn-div-new a.header-update-btn {
  float: left;
  width: 100%;
  font-size: 16px;
  font-weight: normal;
  height: 34px;
  line-height: 32px;
  padding: 0 10px !important;
  color: #fff;
  margin: 0 0 5px 0 !important;
}

#editModes .header-name-bg .update-btn-div-new a.header-update-btn {
  color: #000;
}

#editModesTemplate .header-title {
  margin: 0;
  width: calc(100% - 30px);
  position: inherit;
  padding: 0;
}

#editModesTemplate .header-title .closeOverWritePopup {
  position: absolute;
  right: 15px;
  top: 15px;
}

#editModesTemplate .header-title .closeOverWritePopup img {
  right: 0 !important;
  top: 0 !important;
  margin: 0 !important;
}

#editModesTemplate .row {
  float: left;
  width: 100%;
  margin: 0;
}

#editModesTemplate .header-name-bg {
  float: left;
  width: 100%;
}

#editModesTemplate .header-name-bg .cancel-btn-div-new {
  padding: 0;
  margin: 0;
  width: calc(50% - 5px);
}

#editModesTemplate .header-name-bg .update-btn-div-new {
  padding: 0;
  margin: 0;
  width: calc(50% - 5px);
  float: right;
}

#editModesTemplate .header-name-bg .cancel-btn-div-new a.header-cancel-btn,
#editModesTemplate .header-name-bg .update-btn-div-new a.header-update-btn {
  float: left;
  width: 100%;
  font-size: 16px;
  font-weight: normal;
  height: 34px;
  line-height: 32px;
  padding: 0 10px !important;
  color: #fff;
  margin: 0 0 5px 0 !important;
}

#editModesTemplate .header-name-bg .update-btn-div-new a.header-update-btn {
  color: #000;
}


.hazard-img-btn-section .btn-section .hazard-local-icon .custom-btn {
  height: 32px;
  min-width: 1px;
  padding: 6px;
  outline: none;
  font-size: 14px;
}

.hazard-img-btn-section .btn-section {
  width: 315px;
}

.hazard-img-btn-section .n-ra-hazard-icon {
  width: calc(100% - 320px);
}

.all-hazard-sec .ra-page-title {
  padding-top: 8px;
  padding-bottom: 4px;
  padding-left: 30px;
}

.all-hazard-sec .ra-page-title>img {
  width: 26px;
}

.hazard-containe .risk-folder-row-hazard .risk-hazard-box1 .risk-single-hazard.col-md-2 a .hazard-edit-div {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -22px;
}

.hazard-containe .folder-right-side-bar .in-folder-bottom {
  display: none;
}

#hazard_form .container-project .container-project-right {
  display: none;
}

.container-project .container-project-right .plan_project_title {
  height: 46px;
}

#hazard_form .container-hazard .container-hazard-left .hazard_padding {
  overflow-y: auto;
  width: 100%;
  height: auto;
  max-height: calc(100vh - 295px);
  padding-bottom: 0;
}

#hazard_form .container-hazard .hazard-right-bg {
  height: auto;
}

#hazard_form .container-hazard .hazard-right-bg .hazard_right-scroll {
  height: calc(100vh - 291px);
  max-height: 100%;
}

#hazard_form .container-hazard .pro-hazard-right-scroll {
  height: calc(100vh - 227px);
  overflow-y: auto;
  overflow-x: hidden;
}

.container-project-left .project-icon {
  padding-left: 20px;
}

#searchBox .modal-body .title-search-head {
  padding: 10px 15px 0px;
}

#searchBox .modal-body .search-btn {
  width: 100%;
}

#searchBox .modal-body .padding-search-hr {
  padding-right: 15px;
  padding-top: 4px;
}

#searchBox .padding-search {
  padding-top: 33.5px;
}

#searchBox .modal-body .modal2-bottom-btn .btn-primary {
  padding: 5px 10px;
}

.hazard_sno_bg {
  padding: 39px 9px;
}

.r-delete-hover .fa-trash-o {
  font-size: 21px;
  line-height: 24px;
}

.container-project-grid-right .plann-grid-right-vert-scroll .LibraryHazard {
  height: auto;
  display: inline-block;
  width: 100%;
  vertical-align: top;
  position: relative;
  min-height: 66px;
  padding: 10px 10px 10px 65px;
  display: flex;
}

.container-project-grid-right .plann-grid-right-vert-scroll .LibraryHazard .ui-draggable {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  padding: 10px;
}

.container-project-grid-right .plann-grid-right-vert-scroll .LibraryHazard .fav-hazard {
  right: 15px;
  top: 21px;
  z-index: 3;
  cursor: pointer;
}

.container-project-grid-right .plann-grid-right-vert-scroll .LibraryHazard .ui-draggable .cleaning_icon-width {
  position: absolute;
  left: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: auto;
  height: auto;
  max-width: 50px;
  max-height: 50px;
  z-index: 1;
}

.container-project-grid-right .plann-grid-right-vert-scroll .LibraryHazard .col-lg-1 {
  float: none;
  width: 50px;
  display: inline-block;
  vertical-align: middle;
  padding: 0;
}

.container-project-grid-right .plann-grid-right-vert-scroll .LibraryHazard .col-lg-1 .cleaning_icon-width {
  display: block;
  width: 100%;
}

.container-project-grid-right .plann-grid-right-vert-scroll .LibraryHazard .col-lg-11 {
  float: none;
  width: calc(100% - 15px);
  padding: 0 20px 0 15px;
  display: flex;
  flex-flow: column;
  justify-content: center;
}

.container-project-grid-right .plann-grid-right-vert-scroll .LibraryHazard .col-lg-11 .cont_cleaning_text {
  padding: 0;
  line-height: 20px;
  max-height: 40px;
  overflow: hidden;
  font-size: 14px;
}

.container-project-grid-right .plann-grid-right-vert-scroll .LibraryHazard .col-lg-11 .fav-hazard {
  width: 22px;
  height: 22px;
  top: 50%;
  margin-top: -12px;
}

.container-project-grid-right .ra-new-pro-planner-plan {
  height: 60px;
  padding: 20px 10px;
  line-height: 22px;
}

.container-project-grid-right .ra_my_photo_scroll_right {
  height: calc(100vh - 240.6px);
}

#searchDueDate {
  width: calc(100% + 17px);
  margin-left: -17px;
}

.modal-select .form-group.col-lg-1 {
  margin-bottom: 0;
}

.modal-select .form-group.col-lg-11 {
  margin-bottom: 0;
}

.hazard_rs_text {
  margin: 0;
}

.container-hazard-left .haz-cont-btn {
  min-width: 10px;
}

.open-info>.open-info1 {
  width: 110px;
}

.open-info>.open-info3 {
  width: 30px;
}

.project-top-border.container-project-left {
  border-right: none;
}

.project-top-border.container-project-right {
  border-left: 3px solid #000;
  height: 46px;
}

.project-top-border.container-project-right.project-right-bg {
  height: 49px;
}

.project-top-border.container-project-right .ra-new-pro-planner-plan {
  height: 100%;
}

.form-group .notication-control {
  background-color: #fff;
}

.risk-folder-row a.assemssment-name-link {
  display: block;
  color: #000;
  padding: 0;
  background: no-repeat;
  font-size: 16px;
  text-align: left;
  margin-left: 0;
}

.statment-input .stat-reset-btn {
  cursor: pointer;
  padding: 5px 26px;
}

.n_risk-folder-row.ra-folder-row-active {
  border-bottom: 1px solid #333;
}

.new_pro_bottom_bg .new-pro-cancel1-btn,
.new_pro_bottom_bg .new-pronext-btn {
  outline: none !important;
}

.new_pro_bottom_bg .new-pro-cancel1-btn {
  margin-right: 10px;
}

.new_pro_bottom_bg .new-pronext-btn.pull-right {
  margin-left: 10px;
  margin-right: 0;
}

.dropdown-toggle.btn {
  text-align: left;
}

.plan-type-section .adt-form-block .form-group .payment-drop-icon {
  width: 120px;
  color: #fff;
  background-color: #333 !important;
  height: 34px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  padding: 0 20px 0 8px;
  background-size: 29px auto !important;
  cursor: pointer;
  border: none !important;
  font-style: normal;
  float: right;
}

.plan-type-section-bg {
  height: calc(100vh - 289px);
  overflow-y: auto;
  overflow-x: hidden;
}

.plan-type-section {
  display: flex;
  width: 100%;
}

.plan-type-section .form-box {
  border-right: none;
}

.plan-type-section .form-box+.form-box {
  border-left: 1px solid #ccc;
}

.plan-type-section .adt-form-block {
  padding: 30px 15px;
  float: left;
  width: 100%;
}

.plan-type-section .adt-form-block .form-group {
  float: left;
  width: 100%;
  margin-bottom: 0;
}

.plan-type-section .adt-form-block .form-group+.form-group {
  border-top: 1px solid #ccc;
  padding-top: 50px;
  margin-top: 48px;
}

.plan-type-section .adt-form-block .adt-label {
  display: inline-block;
  width: calc(100% - 125px);
  vertical-align: top;
  padding: 0;
  font-size: 14px;
  line-height: 20px;
  float: left;
}

.plan-type-section .adt-form-block .adt-label ex {
  font-size: 12px;
  line-height: 16px;
  display: inline-block;
  width: 100%;
  vertical-align: top;
}

.plan-type-section .adt-form-block .adt-label xs {
  font-size: 11px;
  line-height: 14px;
  opacity: 0.4;
  display: inline-block;
  width: 100%;
  vertical-align: top;
}

.plan-type-section .adt-form-block .plan-label {
  float: right;
  width: 120px;
  padding: 7px 10px 8px;
  background: #333;
  font-size: 12px;
  line-height: 20px;
  font-style: normal;
  color: #fff;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  font-style: normal;
}

.planner_bg .plan_type {
  background-color: #ffcc33;
  color: #333;
  font-family: 'segoeuibold';
  font-weight: normal;
}

.plan-type-section .adt-form-block .adt-label .tool-tip-label {
  font-size: 14px;
  color: #999;
  display: inline-block;
  vertical-align: top;
  margin: 1px 0 0 4px;
  cursor: pointer;
}

.plan-type-section .adt-form-block .adt-label .tool-tip-label i {
  padding: 0 4px;
}

.payment_right_bg.payment-right-scroll .ra_payment_detail {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}

.payment_right_bg.payment-right-scroll .paymentcard-outer {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  height: auto;
}

.payment_right_bg.payment-right-scroll {
  height: calc(100vh - 227px);
  overflow-x: hidden;
}

.payment_right_bg.payment-right-scroll .paymentcard-outer .paymentcard-heading {
  padding: 0 15px 20px 15px;
  font-family: 'segoeuibold';
  font-weight: normal;
}

.plan-type-section-outer .new_pro_bottom_bg {
  padding: 15px 30px;
}

.plan-type-section-outer .new_pro_bottom_bg .new-pro-cancel1-btn {
  font-style: normal;
  color: #fff;
  border: none;
  height: 34px;
  line-height: 20px;
  padding: 5px 10px;
  font-size: 14px;
}

.plan-type-section-outer .new_pro_bottom_bg .new-pronext-btn {
  font-style: normal;
  color: #000;
  border: none;
}

.tooltip>.tooltip-inner {
  padding: 10px;
}

.myplan-user-section {
  min-height: calc(100vh - 394px);
  padding-bottom: 10px;
}

.pro-right-user-scroll .newpro-addnew-btn,
.pro-right-user-scroll .newpro-addnew-btn:hover {
  border: none;
  margin-bottom: 1px;
  background-color: #1e1f1e;
  padding: 10px 15px;
  outline: none;
}

.pro-right-user-scroll .newpro-csv-btn,
.pro-right-user-scroll .newpro-csv-btn:hover {
  background-color: #0078d7;
}

.pro-right-user-scroll .user-right-btn-section .btn.btn-primary {
  font-size: 14px;
  line-height: 20px;
  height: 34px;
  padding: 6px 15px !important;
  outline: none !important;
  border: none !important;
}

.user-table .pronew-tbl-cell {
  width: 20%;
  word-break: break-all;
}

.user-table .pronew-tbl-cell.placeholder-lbl-userlist {
  color: #999;
  font-style: italic;
}

.user-table .pronew-tbl-cell.status-col {
  width: 160px;
}

.user-table .pronew-tbl-cell.usage-col {
  width: 110px;
}

.user-table .pronew-tbl-cell.key-people {
  width: 220px;
}

.user-table .pronew-tbl-cell.avg-time-col {
  width: 200px;
}

.group-table .pronew-tbl-cell {
  width: 20%;
  word-break: break-all;
}

.group-table .pronew-tbl-cell.placeholder-lbl-userlist {
  color: #999;
  font-style: italic;
}

.group-table .pronew-tbl-cell.status-col {
  width: 160px;
}

.group-table .pronew-tbl-cell.usage-col {
  width: 110px;
}

.group-table .pronew-tbl-cell.key-people {
  width: 220px;
}

.group-table .pronew-tbl-cell.avg-time-col {
  width: 200px;
}

.multi-select-container {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 34px;
}

.multi-select-menu {
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 1;
  float: left;
  min-width: 100%;
  background: #fff;
  margin: -1px 0 0 0;
  display: none;
  overflow-x: hidden !important;
  border: 1px solid #e6e6e6;
  max-height: 127px !important;
}

.multi-select-menuitem {
  display: block;
  font-size: 0.875em;
  padding: 0.6em 1em 0.6em 30px;
  white-space: nowrap;
}

.multi-select-menuitem+.multi-select-menuitem {
  padding-top: 0;
}

.multi-select-presets {
  border-bottom: 1px solid #ddd;
}

.multi-select-menuitem input {
  position: absolute;
  margin-top: 0.25em;
  margin-left: -20px;
}

.multi-select-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("../../../img/front/inner-page/add-dd-icon-small.png");
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center;
  background-color: #fff;
  padding-bottom: 2px !important;
  width: 100%;
  float: left;
  height: 100%;
  padding: 8px !important;
  border: none;
  outline: none;
  border: 1px solid #e6e6e6;
}

.multi-select-container--open .multi-select-menu {
  display: block;
}

.multi-select-container--open .multi-select-button:after {
  border-width: 0 0.4em 0.4em 0.4em;
  border-color: transparent transparent #999 transparent;
}

.multi-select-container--positioned .multi-select-menu {
  box-sizing: border-box;
}

.multi-select-container--positioned .multi-select-menu label {
  white-space: normal;
}

.assessments_block:hover,
.assessments_block_top:hover {
  background-color: #e6e6e6;
}

.assessments_block.active,
.assessments_block.active:hover,
.assessments_block_top.active,
.assessments_block_top.active:hover {
  background-color: #ffcc33;
}

.adt-commnet-col #image-text a {
  padding-left: 12px;
}

.full {
  float: left;
  width: 100%;
}

.custom-btn-2 {
  display: inline-block;
  width: auto;
  font-size: 14px;
  line-height: 20px;
  padding: 8px 15px;
  color: #fff;
  background-color: #000;
  cursor: pointer;
  text-align: center;
}

.custom-btn-2:hover,
.custom-btn-2:focus {
  color: #fff;
}

.custom-btn-2.yellow-btn {
  background-color: #ffcc33;
  color: #000;
}

.custom-btn-2.yellow-btn:hover,
.custom-btn-2.yellow-btn:focus {
  color: #000;
}

.package-container {
  width: 100%;
  padding: 0 15px;
}

.package-detail-outer {
  float: left;
  width: 100%;
  border-top: 3px solid #000;
  display: flex;
  height: calc(100vh - 181px);
  overflow-y: auto;
  overflow-x: hidden;
}

.package-detail-outer .package-left-section {
  float: left;
  width: 80%;
}

.package-detail-outer .package-right-section {
  float: right;
  width: 20%;
  background-color: #1e1f1e;
}

.package-detail-outer .package-left-section .package-top-bar {
  padding: 8px 0;
  background-color: #ffcc33;
  height: 46px;
}

.package-detail-outer .package-left-section .package-top-bar h2 {
  float: left;
  width: calc(100% - 100px);
  font-size: 16px;
  line-height: 22px;
  color: #000;
  padding: 3px 0 0 0;
  margin: 0;
}

.package-detail-outer .package-left-section .package-top-bar span.print {
  float: right;
}

.package-detail-outer .package-left-section .package-top-bar span.print a {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  padding: 5px 10px;
  min-width: 90px;
}

.discount-code-section {
  background-color: #000;
  padding: 4px 0;
  height: 40px;
}

.discount-code-section label {
  float: left;
  ;
  font-size: 16px;
  line-height: 22px;
  color: #fff;
  margin: 5px 10px 0 0;
  padding: 0;
  font-weight: normal;
}

.discount-code-section .card-input {
  float: left;
  width: 300px;
  height: 32px;
  background-color: #fff;
  outline: none;
  border: none;
  box-shadow: none;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  font-size: 14px;
  padding: 0 8px;
  color: #999;
  margin: 0 4px 0 0;
}

.discount-code-section .custom-btn-2 {
  height: 32px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  padding: 6px 10px;
  min-width: 90px;
}

.package-detail-block {
  float: left;
  width: 100%;
  background-color: #e6e6e6;
  overflow-y: auto;
  overflow-x: hidden;
}

.package-detail-block tr th {
  background-color: #666;
  padding: 8px 15px;
  text-align: center;
  color: #fff;
  border-left: 1px solid #000;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
}

.package-detail-block tr th:first-child {
  text-align: left;
  border-left: none;
}

.package-detail-block tr td {
  padding: 8px 15px;
  text-align: center;
  color: #000;
  border-left: 1px solid #000;
  font-size: 14px;
  line-height: 20px;
}

.package-detail-block tr td:first-child {
  text-align: left;
  border-left: none;
}

.package-detail-outer .total-block {
  background-color: #d7d6d6;
  padding: 15px 0;
}

.package-detail-outer .total-block ul {
  padding: 0;
  margin: 0;
  float: right;
  width: 100%;
  max-width: 250px;
}

.package-detail-outer .total-block ul li {
  list-style: none;
  padding: 0;
  margin: 0 0 10px 0;
  font-size: 14px;
  line-height: 22px;
  color: #000;
}

.package-detail-outer .total-block ul li:last-child {
  margin: 0;
}

.package-detail-outer .total-block ul li span.value {
  float: right;
}

.package-detail-outer .total-block ul li.total {
  font-size: 16px;
  font-weight: bold;
}

.package-detail-outer .package-bottom-section {
  background-color: #666666;
  padding: 15px 0;
  height: 62px;
}

.package-detail-outer .package-bottom-section .back-btn {
  float: left;
  width: auto;
}

.package-detail-outer .package-bottom-section .back-btn a {
  display: inline-block;
  width: 100px;
  font-size: 14px;
  line-height: 20px;
  padding: 7px 15px;
  height: 34px;
  color: #fff;
  background-color: #000;
  cursor: pointer;
  text-align: center;
}

.package-detail-outer .package-bottom-section .payment-btn {
  float: right;
  width: auto;
}

.package-detail-outer .package-bottom-section .payment-btn a {
  height: 34px;
  padding: 7px 15px;
}

.package-detail-outer .package-bottom-section .payment-bottom-cnt {
  float: right;
  width: auto;
  margin: 0 15px;
  max-width: calc(100% - 220px);
  color: #fff;
}

.package-detail-outer .package-bottom-section .payment-bottom-cnt img {
  max-width: 126px;
}

.package-detail-outer .package-right-section .top-heading01 {
  float: left;
  width: 100%;
  background: #000;
  padding: 10px 15px 13px;
  text-align: center;
  color: #ffcc33;
  font-size: 16px;
  line-height: 20px;
}

.package-right-content {
  float: left;
  width: 100%;
  padding: 20px 0;
}

.package-right-content .user-detail {
  float: left;
  width: 100%;
}

.package-right-content .user-detail ul {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}

.package-right-content .user-detail ul li {
  float: left;
  width: 100%;
  margin: 0 0 10px 0;
  padding: 0;
  color: #fff;
  list-style: none;
}

.access-per .access-action {
  line-height: 30px;
}

.access-per .ar-update-access-btn {
  padding: 0 10px;
}

.project-top-border.container-project-right .top-sidebar li a {
  position: relative;
  width: 100%;
  background-image: none !important;
  padding: 0 !important;
}

.project-top-border.container-project-right .top-sidebar li a span {
  display: block;
  width: 34px;
  height: 100%;
  margin: 0 auto;
  background-image: url(../../../img/front/inner-page/project-icon01.png) !important;
  background-size: 340px auto !important;
  background-position: 2px 6px !important;
  background-repeat: no-repeat !important;
  padding: 0 !important;
}

.project-top-border.container-project-right .top-sidebar li a#project-search span {
  background-position: -71px 6px !important;
}

.project-top-border.container-project-right .top-sidebar li a#project-chat span {
  background-position: -150px 6px !important;
}

.project-top-border.container-project-right .top-sidebar li a#project-task span {
  background-position: -224px 6px !important;
}

.project-top-border.container-project-right .top-sidebar li a#project-user span {
  background-position: -310px 6px !important;
}

.project-top-border.container-project-right .top-sidebar li a:hover span,
.project-top-border.container-project-right .top-sidebar li a.active span {
  background-image: url(../../../img/front/inner-page/project-icon-white01.png) !important;
}

.project-top-border.container-project-right .top-sidebar li a .chat-noti {
  position: absolute;
  left: 50%;
  top: 2px;
  margin-left: 5px;
  background-color: red !important;
}

.project-top-border.container-project-right .top-sidebar li a .chat-noti.transparentBg {
  background-color: transparent !important;
}

.border-right-per-involved {
  border-right: 1px solid #7a7a7a !important;
}

.assessments-req-bg-withborder {
  border-right: 1px solid #000;
}

.risk-folder-row a.review-ra img,
.risk-folder-row a.sign-off-ra img,
.risk-folder-row a.request-review img {
  width: 24px;
}

.assessment-list-row .risk-folder-box1 {
  display: flex;
  position: relative;
}

.assessment-list-row .risk-folder-box1 .risk-single-folder.col-sm-5 {
  width: calc(100% - 310px);
  display: flex;
  justify-content: flex-start;
  padding-left: 0;
}

.assessment-list-row .risk-folder-box1 .risk-single-folder.col-sm-7 {
  width: 570px;
}

.assessment-list-row.audit-list-row .risk-folder-box1 .risk-single-folder.col-sm-5 {
  width: calc(100% - 240px);
  justify-content: flex-start;
}

.assessment-list-row .risk-folder-box1 .risk-single-folder.col-sm-7 a {
  width: 16.666%;
  float: right;
  margin: 0;
  height: 100%;
  padding: 44px 3px 0;
  position: relative;
  font-size: 12px;
  line-height: 13px;
}

.assessment-list-row.audit-list-row .risk-folder-box1 .risk-single-folder.col-sm-7 a {
  width: 33.33%;
  float: right;
  min-width: 1px;
  border-left: 2px solid #fff;
  border-right: none;
}

.assessment-list-row.audit-list-row .risk-folder-box1 .risk-single-folder.col-sm-7 a:last-child {
  border-left: none;
}

.assessment-list-row .risk-folder-box1 .risk-single-folder.col-sm-7 a img {
  position: absolute;
  display: block;
  width: 28px;
  top: 13px;
  left: 50%;
  margin-left: -14px;
}

.assessment-list-row .risk-folder-box1 .risk-single-folder.col-sm-7 a i {
  position: absolute;
  display: block;
  width: 20px;
  top: 13px;
  left: 50%;
  margin-left: -10px;
  font-size: 22px;
}

.assessment-list-row .risk-folder-box1 .risk-single-folder.col-sm-5 .col-xs-2 {
  width: 60px;
  padding-left: 5px
}

.assessment-list-row .risk-folder-box1 .risk-single-folder.col-sm-5 .risk-folder-name {
  width: calc(100% - 60px);
}

.risk-file-icon {
  padding-bottom: 18px;
}

#searchDueDate {
  width: 288px;
}

#taskAddModal .modal-btn-padding2-new .btn {
  padding: 3px 10px;
}

.form-control::placeholder {
  color: #000100;
  opacity: 0.5;
}

.top-actio-bar .audit-page-title .headercontent {
  white-space: nowrap;
  max-width: calc(100% - 400px);
  overflow: hidden;
  vertical-align: top;
  text-overflow: ellipsis;
}

#ms-image-list .image-div .n_icon-box {
  margin: 0;
  width: calc(100% - 4px) !important;
  height: calc(100% - 4px) !important;
}

.ms-operation-title {
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pro-hazard-right-scroll .new-pronext-btn {
  width: 100%;
  margin: 5px 0;
}

.risk-folder-row a.assemssment-name-link {
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: transparent !important;
}

.transparentBg {
  background-color: transparent !important;
}

.modal-btn-padding2-new .modal-cancel-btn {
  padding: 2px 10px 4px;
}

.audit-action-row .adt-action-btn {
  padding: 10px 15px;
  min-width: 150px;
  text-align: center;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  box-shadow: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  outline: none !important;
}

.AddTaskInviteUserDiv .plus_proj_email {
  display: inline-block;
  width: auto;
  vertical-align: top;
}

.addAttachement .attachementText {
  display: inline-block;
  vertical-align: top;
  padding: 2px 0 0 5px;
  color: #fff;
}

span.multiselect-native-select .btn-group .dropdown-menu {
  width: 100%;
}

#searchBox #searchDueDate {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

#searchBox .modal-select .col-lg-1.form-group {
  width: 35px;
}

#searchBox .modal-select .col-lg-11.form-group {
  width: calc(100% - 35px);
  padding-left: 0;
}

#searchBox .col-lg-2.col-sm-2 {
  width: 50px;
  padding-right: 0;
  padding-left: 15px;
}

#searchBox .col-lg-10.col-sm-10 {
  width: calc(100% - 50px);
  padding-left: 0;
  padding-right: 15px;
}

#searchBox #searchDueDate {
  margin-left: 0;
  width: 100%;
}

#searchBox .modal-select .col-lg-1.form-group img {
  padding-top: 4px;
}

.ra-access-action .custom-checkbox label {
  margin-bottom: 0;
}

.ra-access-action {
  line-height: 14px;
  padding-bottom: 4px;
}

.ra-access-action .custom-checkbox {
  display: block;
  height: 18px;
}

.ra-access-section .ra-ar-check-row .check-block .custom-checkbox {
  padding-top: 0px;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 50%;
  margin-left: -8px;
  width: 16px;
  height: 16px;
}

.ra-access-section .ra-ar-check-row .check-block .custom-checkbox label {
  margin-bottom: 0;
}

.add-review-signature-content .form-group .siggy_img {
  width: 100%;
}

#add-review-signature-content .form-group .siggy_img img {
  display: block;
  max-width: 100%;
  object-fit: cover;
}

.col-lg-6.adt-option-bg .labl>input+div {
  padding: 0;
}

.all-folder-section .ra-main-folder-block .risk-edit-folder .risk-folder-box1 .col-md-5.risk-single-folder {
  width: calc(100% - 80px);
  min-height: 76px;
}

.all-folder-section .ra-main-folder-block .risk-edit-folder .risk-folder-box1 .col-md-7.risk-single-folder {
  width: 80px;
  padding: 0;
}

.all-folder-section .ra-main-folder-block .risk-edit-folder .risk-folder-box1 .col-md-5.risk-single-folder .col-xs-2 {
  width: 60px;
  padding-left: 5px;
  padding-right: 0;
}

.all-folder-section .ra-main-folder-block .risk-edit-folder .risk-folder-box1 .col-md-5.risk-single-folder .col-xs-10 .form-group {
  display: block;
  width: 100%;
  vertical-align: top;
  margin: 0;
}

.all-folder-section .ra-main-folder-block .risk-edit-folder .risk-folder-box1 .col-md-7.risk-single-folder a.change-folder-name {
  width: 100%;
  border: none;
  margin-left: 0;
}

#taskAddModal .date-border+.row .form-group {
  margin-bottom: 5px;
  margin-top: 5px;
}

.planner_bg+.project-top-border.container-project-right .planner-plan {
  padding-bottom: 13px;
  padding-top: 6px;
  height: 43px;
}

.container-project-right.planner_right_bg.pla-right-border {
  border-top: none;
  border-left: none;
}

.planner_right_bg .plann-right-vert-scroll .pla-bottom-border {
  border-bottom: none;
  border-right: none;
}

.planner-folder-row .row_action_block1 {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 568px);
  float: none;
  padding: 5px 0;
}

.planner-folder-row .row_action_block2 {
  display: inline-block;
  vertical-align: middle;
  width: 200px;
  float: none;
  padding: 10px 10px 10px 0;
}

.planner-folder-row .row_action_block2 .planner-date {
  font-size: 14px;
  line-height: 20px;
  padding-top: 0;
}

.planner-folder-row .row_action_block3 {
  display: inline-block;
  vertical-align: middle;
  width: 360px;
  float: none;
  text-align: right;
  padding-right: 20px;
}

.planner-folder-row.std-user-planner-row .row_action_block1 {
  width: calc(100% - 208px);
}

.main-container-project .container-project-left.plann-vert-scroll {
  position: relative;
}

.main-container-project .container-project-left.plann-vert-scroll .planner-date-row {
  float: left;
  width: 100%;
  height: 40px;
}

.main-container-project .container-project-left.plann-vert-scroll .planner-reminder-list-section {
  position: absolute;
  left: 0;
  top: 40px;
  width: 100%;
  height: auto;
  max-height: calc(100% - 40px);
  overflow-y: auto;
  z-index: 1;
}

.planner-reset-data .plann-vert-scroll {
  padding-bottom: 15px;
  height: calc(100vh - 227px);
}

.planner-reset-data .container-project-right.planner_right_bg.pla-right-border {
  height: calc(100vh - 227px);
}

.plann-vert-scroll .planner-folder-row {
  height: auto;
}

.container-project.top-actio-bar.access-per .container-project-left .ra-page-title span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: calc(100% - 50px);
  display: inline-block;
  vertical-align: top;
  padding-top: 5px;
}

#addReviewSreenContent .modal-body .que-form-group .siggy_img img {
  object-fit: cover;
}

body #ms-image-popup .audut-modal-ku {
  width: 100%;
}

#review_request_form .header-title {
  font-size: 16px;
  line-height: 20px;
  padding-bottom: 10px;
}

.user-bg {
  border-top: 3px solid #333333 !important;
}

.ms-template-section .risk-folder-row:hover .risk-single-folder.risk-folder-box1 a {
  display: block;
  float: right;
  border: none;
  border-right: 2px solid #fff;
  margin: 0;
}

.ms-template-section .risk-folder-row:hover .risk-single-folder.risk-folder-box1 a:last-child {
  border-left: none;
}

.ms-template-section .risk-folder-row .header-edit-mode .risk-single-folder.risk-folder-box1 a {
  display: block;
  border-right: none !important;
}

.audit-question-section.checklist-container .risk-folder-row .risk-folder-box1.risk-single-folder a {
  float: right;
  width: 25%;
  border: none;
  ;
  border-right: 2px solid #fff;
  margin: 0;
  padding-top: 13px;
  padding-bottom: 12px;
}

.audit-question-section.checklist-container .risk-folder-row .risk-folder-box1.risk-single-folder a:last-child {
  border-right: none;
}

.UserTaskContainer>.row.ra-folder-row,
.UserTaskContainer .row.dropableArea {
  margin: 0;
}

.UserTaskContainer .user-left-bg-withborder {
  border-right: 3px solid #fff;
  border-left: none !important;
}

.all-folder-block a {
  display: inline-block;
  width: auto;
  max-width: calc(100% - 120px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}

.all-folder-block {
  display: inline-block;
  font-size: 16px;
  line-height: 20px;
  vertical-align: top;
}

#iconModal .iocn-modal-row {
  overflow-x: hidden;
  height: auto;
  max-height: calc(100vh - 200px);
  margin-top: 0;
  float: left;
  width: calc(100% + 10px);
  margin: 0 0 0 -10px;
}

#add-header-content .iocn-modal-row a {
  float: left;
  width: calc(8.33333% - 10px);
  border: 2px solid #484848;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  margin: 0 0 10px 10px;
  position: relative;
  background: #fff;
  padding: 0;
}

#add-header-content .iocn-modal-row a.active {
  background-color: #fc3;
}

#add-header-content .iocn-modal-row a:after {
  display: block;
  width: 100%;
  padding-top: 100%;
  content: "";
  height: 0px;
}

#add-header-content .iocn-modal-row a img {
  border: none;
  background: none;
  border-radius: 0;
  width: auto;
  height: auto;
  max-width: 95%;
  max-height: 95%;
  padding: 0;
  margin: auto;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

input[type=radio]:after {
  display: none !important;
}

.vertical-alignment-helper .modal-dialog.modal-sm .modal-content.header-name-bg {
  float: none !important;
  overflow: hidden;
}

#hazards .s_sel_date {
  color: #fff;
  padding: 0 5px;
}

#hazards .s_sel_date::placeholder {
  color: #fff;
  opacity: 0.4;
}

#hazards .s_sel_date:-ms-input-placeholder {
  color: #fff;
  opacity: 0.4;
}

#hazards .s_sel_date::-ms-input-placeholder {
  color: #fff;
  opacity: 0.4;
}

.stats-section .container-project-right .status-bg-table .right-hazard-list {
  position: absolute;
  top: 52px !important;
  height: auto;
  max-height: calc(100% - 52px) !important;
  width: 100%;
  left: 0;
  z-index: 1;
  overflow-y: auto;
}

.stats-section .container-project-right .status-bg-table .right-hazard-list .filter-template-name {
  word-break: break-all;
}

.stats-section .container-project-right .status-bg-table .stats-question-list-right {
  position: absolute;
  top: 52px;
  height: auto;
  max-height: calc(100% - 52px);
  width: 100%;
  left: 0;
  z-index: 1;
  overflow-y: auto;
}

.stats-section .container-project-right .status-bg-table .stats-question-list-right .stats_hazard1 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  margin-top: 2px;
}

.stats-section .container-project-right .status-bg-table .stats-question-list-right .stats_hazard1 .n_hazard_sub {
  display: inline-block;
  width: 100%;
  height: auto;
  font-size: 14px;
  line-height: 20px;
}

.stats-question-list-right .stats_hazard1:hover,
.stats-question-list-right .stats_hazard1.active {
  background-color: #ffce34;
}

.stats-question-list-right .stats_hazard1:hover .n_hazard_sub,
.stats-question-list-right .stats_hazard1.active .n_hazard_sub {
  color: #000;
}

.container-project.stats-section .library-list-div.select-profile {
  padding-top: 4px;
}

.container-project.stats-section .library-list-div.select-profile #checklist_template_name {
  font-size: 14px;
}

.container-project.stats-section .library-list-div.select-profile #template_name {
  white-space: nowrap;
  width: auto;
  max-width: calc(100% - 30px);
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}

.adt-option01 span.textarea-span {
  float: left;
  width: 100%;
  position: relative;
}

.adt-option01 span.textarea-span .textarea {
  float: left;
  width: 100%;
  border: none;
  padding: 15px 60px 15px 30px;
  height: 58px;
  font-size: 16px;
  line-height: 24px;
  outline: none !important;
}

.adt-option01 span.textarea-span a.submit-statement-edit {
  position: absolute;
  right: 13px;
  top: 14px;
  width: 30px;
  height: 30px;
}

.risk-single-folder .col-xs-2.folder-left-pad {
  width: 60px;
  min-height: 76px;
}

.risk-single-folder .col-xs-10.risk-folder-name {
  width: calc(100% - 60px);
  padding-top: 3px;
  padding-bottom: 3px;
  display: flex;
  justify-content: center;
  flex-flow: column;
}

.right-hazard-list .stats_hazard1 {
  margin-bottom: 1px;
}

.right-hazard-list .stats_hazard1 a.hazard-row-show .n_hazard_sub {
  font-size: 14px;
  line-height: 20px;
}

/*top header css start*/
.topbar-new {
  float: right;
  width: auto;
  margin: 17px 0 0 0;
  color: #fff;
}

.topbar-new .welcome-txt {
  float: left;
  width: auto;
  font-size: 14px;
  line-height: 20px;
  /* font-family: 'Segoe UI'; */
  margin: 6px 15px 0 0;
  max-width: 260px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.topbar-new .company-dropdown {
  float: left;
  width: 220px;
  margin: 0 15px 0 0;
}

.topbar-new .company-dropdown .select_company {
  color: #fff;
  background-image: url("../../../img/front/inner-page/win-dd-small.png") !important;
}

.upgrade-section {
  float: left;
  width: auto;
  position: relative;
  margin: 0 15px 0 0;
  z-index: 9999;
}

.topbar-new .company-dropdown .ra-select-profile {
  width: 100%;
  background-color: transparent !important;
  height: 32px;
  font-size: 13px;
  cursor: pointer;
  outline: none;
  padding: 0 40px 0 8px;
}

.topbar-new .company-dropdown .ra-select-profile option {
  color: #333;
}

.topbar-new .upgrade-section a.upgrade-btn {
  display: inline-block;
  vertical-align: top;
  width: auto;
  padding: 4px 20px;
  background: #1c79d7;
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  text-transform: uppercase;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  /* font-family: 'Segoe UI'; */
}

.upgrade-section .upgrade-block {
  position: absolute;
  right: 0;
  top: 100%;
  margin-top: 15px;
  width: 260px;
  background: #1c79d7;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  min-height: 140px;
  padding: 10px;
  /* font-family: 'Segoe UI'; */
}

.upgrade-section .upgrade-block h2 {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  margin: 0;
  padding: 0 0 4px 0;
  font-weight: normal;
  color: #fff;
}

.upgrade-section .upgrade-block p {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  font-size: 13px;
  line-height: 18px;
  margin: 0;
  padding: 0 0 10px 0;
  color: #fff;
}

.upgrade-section .upgrade-block a.all-btn {
  display: inline-block;
  vertical-align: top;
  width: auto;
  font-size: 14px;
  line-height: 20px;
  margin: 0;
  padding: 4px 15px;
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
  text-transform: uppercase;
  margin-top: 2px;
  margin-bottom: 3px;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.upgrade-section .upgrade-block a.all-btn:hover {
  background: #ffcc33;
  color: #000;
  border-color: #ffcc33;
}

.upgrade-section .upgrade-block::after {
  content: '';
  position: absolute;
  right: 40px;
  top: -8px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #1c79d7;
  clear: both;
}

.upgrade-section .upgrade-block a.close-upgrade,
.upgrade-section .upgrade-block a.close-assessment-block {
  position: absolute;
  right: 5px;
  top: 5px;
  height: 20px;
  width: 20px;
  z-index: 1;
  background-image: url(../../../img/front/taskmanager/modal-close1.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px auto;
}

.user-sec-main .profile-content,
.user-sec-main .profile-new-email,
.user-sec-main .pro-cont-right1,
.user-sec-main .profile-content-ipad {
  padding-left: 0;
}

.user-sec-main .container-project-left>.row.margin-zero.profile-padding {
  padding-left: 105px;
  padding-right: 105px;
  padding-bottom: 0;
}

.user-sec-main .container-project-left>.row.margin-zero.profile-padding .col-lg-6 {
  padding-right: 15px;
}

.user-sec-main .container-project-left>.row.margin-zero.profile-padding .col-lg-6+.col-lg-6 {
  padding-right: 0;
}

.profile-detail-section .pro-con-left1 {
  line-height: 22px;
}

.profile-detail-section .pro-con-left2 {
  line-height: 22px;
  padding: 0 0 0 20px;
  word-break: break-all;
}

.profile-detail-section .pro-con-left2-dot {
  padding: 0 0 0 20px;
  margin-top: 0;
  line-height: 0px;
}

.profile-detail-section .pro-cont-right1 {
  line-height: 22px;
  padding: 0;
}

.profile-detail-section .pro-cont-right2 {
  line-height: 22px;
  padding: 0;
}

.profile-detail-section .col-md-6.col-sm-12 .row.margin-zero {
  margin-bottom: 15px;
}

.profile-detail-section .padding-edit-btn {
  padding-top: 30px !important;
}

#SignOffStatementSignOffStatmentForm .pro-setting-btn-padding {
  float: right;
  width: auto;
  padding: 0 !important;
  margin: 20px 0;
}

#SignOffStatementSignOffStatmentForm .pro-setting-btn-padding .col-lg-6.col-sm-6 {
  float: left;
  width: auto;
  padding: 0;
}

#SignOffStatementSignOffStatmentForm .pro-setting-btn-padding .col-lg-6.col-sm-6 .modal-cancel-btn {
  font-size: 14px;
  line-height: 30px;
  padding: 0;
  margin: 0 20px 0 0;
}

#SignOffStatementSignOffStatmentForm .pro-setting-btn-padding .col-lg-6.col-sm-6 .modal-create-btn {
  padding: 5px 20px 6px;
}

.planner_right_bg .plann-right-vert-scroll {
  height: calc(100vh - 644px);
}

.planner_right_bg .plann-right-vert-scroll .pla-bottom-border {
  min-height: 1px;
}

.risk-folder-row.link-folder-row {
  min-height: 1px;
}

.risk-folder-row.link-folder-row .risk-folder-box1 {
  min-height: 76px;
  display: flex;
  position: relative;
}

.risk-folder-row.link-folder-row .risk-folder-box1 .col-sm-7.risk-folder-box1 {
  display: block;
  padding-right: 0;
}

.risk-folder-row.link-folder-row .risk-folder-box1 .col-sm-7.risk-folder-box1 a {
  float: right;
  width: 80px;
  height: 100%;
  border-left: 2px solid #fff;
  position: relative;
}

.risk-folder-row.link-folder-row .risk-folder-box1 .col-sm-7.risk-folder-box1 a img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto !important;
}

.strike_font {
  text-decoration: line-through !important;
}

.editTaskPopupBox .title-task-new {
  padding-top: 7px;
}

.editTaskPopupBox .title-task-desc {
  font-size: 14px;
  line-height: 20px;
  padding: 10px 15px 20px;
  font-weight: normal;
  color: #666;
}

#ratings .tbl-section .sticky-table-outer table tr th {
  width: 200px;
  white-space: normal;
  padding-left: 5px;
  padding-right: 5px;
}

#ratings .tbl-section .sticky-table-outer table tr td:first-child {
  min-width: 1px;
  width: auto;
}

.stats_templete .sta-border-bottom {
  margin: 0;
}

.stats_templete.edit-mode .col-sm-8.stats-follow {
  padding-top: 0;
  height: auto;
  margin: 0;
  padding: 1.6px 0 3.2px 0;
}

.stats_templete.edit-mode .col-sm-8.stats-follow input.stats-follow {
  margin: 0;
}

.main-container-project.all-folder-section .all-folder-row .col-md-3.all-folder-block {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.main-container-project.all-folder-section .all-folder-row .col-md-3.all-folder-block a.inner-folder-arrow img,
.main-container-project.all-folder-section .all-folder-row .col-md-3.all-folder-block a.inner-folder-arrow-default img,
.main-container-project.all-folder-section .all-folder-row .col-md-3.all-folder-block a.inner-folder-arrow-copy img,
.main-container-project.all-folder-section .all-folder-row .col-md-3.all-folder-block a.inner-folder-arrow-dropbox,
.main-container-project.all-folder-section .all-folder-row .col-md-3.all-folder-block a.inner-folder-arrow-box img,
.main-container-project.all-folder-section .all-folder-row .col-md-3.all-folder-block a.inner-folder-arrow-share img {
  width: 12px;
  margin-right: 15px;
}

.all-folder-section .assessment-list-row .risk-folder-box1 .risk-single-folder.col-sm-7 a {
  width: 14%;
  min-width: 1px;
}

.all-folder-section .assessment-list-row.audit-list-row .risk-folder-box1 .risk-single-folder.col-sm-7 a {
  width: 33.33%;
  border: none;
  border-left: 2px solid #fff;
}

.all-folder-section .assessment-list-row.audit-list-row .risk-folder-box1 .risk-single-folder.col-sm-7 a:first-child {
  border-left: none;
}

.ra-access-section .ra-ar-check-row {
  display: flex;
  padding: 12px 0;
}

.ra-access-section .ra-ar-check-row .check-block {
  padding-top: 0;
}

.ra-access-section .ra-ar-check-row .check-block .row.text-center {
  display: flex;
}

.ra-access-section .ra-ar-check-row .col-sm-1.col-md-1 img {
  position: absolute;
  left: 20px;
  top: 50%;
  height: 28px;
  padding-top: 0;
  margin: -14px 0 0 0;
}

.ra-access-section .ra-ar-check-row .check-block .row.text-center .ra-ar-title {
  min-height: 22px;
  text-align: left;
}

.main-container-project.all-folder-section .container-project-right .padding-inndash .file-info span {
  font-size: 12px;
}

.modal-body #ms-image-list .image-div a.audit-image-remove {
  width: 24px;
  height: 24px;
  margin: -12px -12px 0 0;
}

.modal-body #ms-image-list .image-div a.audit-image-remove img {
  width: 15px;
  margin: auto;
  height: 15px;
  right: 0;
  bottom: 1px;
  display: block;
}

.small .vertical-alignment-helper .modal-dialog .modal-content {
  max-width: 450px;
}

#template_form .header-update-btn {
  height: 34px;
  padding: 5px 10px 7px;
  min-width: 150px;
  font-size: 14px;
  margin-top: 8px;
}

.overwrite-alert-popup .modal-header {
  padding: 0 0 5px 0;
  border-bottom: none;
}

.overwrite-alert-popup .modal-header h4 {
  color: #fff;
}

.overwrite-alert-popup .modal-body {
  padding: 5px 0 0 0;
}

.overwrite-alert-popup .modal-header button.close {
  display: block;
  width: 24px;
  height: 24px;
  margin-top: 6px;
}

.modal-header .close {
  width: 24px;
  height: 24px;
  background-image: url("../../../img/front/inner-page/close-btn.png");
  background-size: 12px auto;
  background-position: center;
  background-repeat: no-repeat;
}

.modal-header .close img,
.modal-header .close span {
  display: none;
}

.ms-template-section .risk-folder-box1 {
  display: flex;
}

.ms-template-section .risk-folder-row {
  min-height: 1px;
}

.ms-template-section .risk-folder-row .risk-tem-icon {
  padding-top: 18px;
  padding-bottom: 18px;
}

.ms-template-section .risk-folder-row .tem-sort-icon>a,
.audit-question-section .container-project-left .risk-folder-box1 .tem-sort-icon>a {
  padding: 0 !important;
  position: absolute;
  left: 0;
  width: 24px;
  height: 20px;
  top: 0;
  bottom: 0;
  margin: auto !important;
}

.ms-template-section .risk-folder-row .tem-sort-icon>a+a,
.audit-question-section .container-project-left .risk-folder-box1 .tem-sort-icon>a+a {
  left: 34px;
}

.ms-template-section .risk-folder-row .risk-tem-icon {
  padding-top: 18px;
  padding-bottom: 18px;
}

.audit-question-section .container-project-left .risk-folder-row .risk-folder-icon {
  padding-top: 20px;
  padding-bottom: 20px;
}

.audit-question-section .container-project-left .risk-folder-row {
  min-height: 1px;
}

.audit-question-section .container-project-left .risk-folder-box1 {
  display: flex;
}

.audit-question-section .container-project-left .risk-folder-box1 .tem-sort-icon {
  display: flex !important;
  flex-flow: column;
  justify-content: center;
}

.audit-question-section .container-project-left .risk-folder-box1 .risk-temp-name {
  padding-top: 0 !important;
  display: flex !important;
  flex-flow: column;
  justify-content: center;
  margin-top: 0 !important;
}

/*customer invoice css start here*/
/*customer invoice css start here*/
.invice-main-container {
  float: left;
  width: 100%;
  display: flex;
  background-color: #e6e6e6;
  height: calc(100vh - 181.5px);
  overflow-y: auto;
}

.invice-main-container.invice-main-containter2 {
  background-color: #FFFFFF;
}

.invoice-container {
  float: left;
  width: 100%;
  padding: 0 20px;
}

.invice-left-container {
  float: left;
  width: 80%;
  position: relative;
}

.invice-right-container {
  width: 20%;
  float: right;
  background-color: #1e1f1e;
  position: relative;
  height: 100%;
  overflow-y: auto;
}

.invoice-top-heading {
  height: 46px;
  background-color: #ffcc33;
}

.invoice-top-heading h2 {
  font-size: 18px;
  line-height: 24px;
  color: #000;
  margin: 0;
  padding: 12px 0 0 0;
  display: inline-block;
  width: auto;
  max-width: calc(100% - 150px);
  vertical-align: top;
}

.invoice-top-heading .amount-to-pay {
  margin: 11px 0 0 0;
  font-size: 16px;
  line-height: 22px;
  font-family: 'SegoeUISemibold';
}

.invice-main-container .custom-btn,
.user-sec-main .invice-left-container .custom-payment-section .custom-btn {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  font-size: 14px;
  line-height: 28px;
  padding: 0 25px 3px;
  font-weight: normal;
  color: #000;
  background-color: #ffcc33;
  border: none;
  box-shadow: none;
  min-width: 10px;
  outline: none;
}

.invice-main-container .custom-btn.black {
  background-color: #000;
  color: #fff;
}

.invoice-top-heading .custom-btn {
  float: right;
  margin: 8px 0 0 0;
}

.invoice-discount {
  background-color: #000;
  height: 42px;
  padding: 7px 0;
}

.invoice-discount label {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  margin: 0 10px 0 0;
  padding: 0;
}

.invoice-discount .dicount-form {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}

.invoice-discount .dicount-form .card-input {
  display: inline-block;
  width: 300px;
  background-color: #fff;
  border: none;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  font-size: 14px;
  line-height: 20px;
  padding: 0 10px;
  height: 28px;
}

.invoice-discount .dicount-form a.custom-btn {
  height: 28px;
  padding: 0 15px 3px;
  line-height: 26px;
}

.invice-main-container .package-details table {
  border-collapse: collapse;
}

.invice-main-container .package-details table tr th {
  background-color: #666;
  font-size: 16px;
  line-height: 22px;
  color: #fff;
  padding: 10px 30px;
  text-align: center;
  vertical-align: top;
  border-left: 1px solid #333;
}

.invice-main-container .package-details table tr td {
  font-size: 14px;
  line-height: 22px;
  color: #000;
  padding: 10px 30px;
  text-align: center;
  vertical-align: top;
  font-weight: normal;
  border-left: 1px solid #333;
}

.invice-main-container .package-details table tr th:first-child,
.invice-main-container .package-details table tr td:first-child {
  text-align: left;
  border-left: none;
}

.invice-main-container .invoice-bottom,
.user-sec-main .invoice-bottom {
  background-color: #666;
  padding: 15px 0;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1;
  height: 60px;
}

.invice-main-container .invoice-bottom .back-button,
.user-sec-main .invoice-bottom .back-button {
  float: left;
  width: 120px;
}

.invice-main-container .back-button a,
.user-sec-main .back-button a {
  font-size: 14px;
  line-height: 28px;
  padding: 0 10px;
  font-weight: 400;
  color: #fff;
  background-color: #000;
  border: none;
  box-shadow: none;
  min-width: 10px;
  height: 30px;
  display: block;
  text-align: center;
}

.user-sec-main .invice-left-container {
  overflow-x: hidden;
  border-top: 1px solid #bbbbbb;
}

.user-sec-main .invice-left-container .custom-payment-section {
  padding: 20px;
  display: inline-block;
  width: 100%;
  vertical-align: top;
  overflow-y: auto;
}

.invice-main-container .invoice-bottom .payment-icons {
  float: right;
}

.invice-main-container .invoice-bottom .payment-icons img {
  max-width: 250px;
  margin-top: -5px;
}

.invice-main-container .proceed-payment {
  float: right;
  width: auto;
  max-width: calc(100% - 125px);
}

.invice-main-container .proceed-payment .pack-title2 {
  float: left;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  padding-top: 5px;
}

.invice-main-container .proceed-payment .proceed-payment-button {
  float: left;
  margin-left: 10px;
}

.invice-main-container .proceed-payment .proceed-payment-button span.payment-button {
  display: block;
}

.invice-main-container .proceed-payment .proceed-payment-button a.custom-btn {
  padding: 0 15px 3px;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

.invice-main-container .proceed-payment .pack-title2 img {
  max-width: 80px;
}

.invice-right-container .invice-right-top-heading {
  float: left;
  width: 100%;
  text-align: center;
  padding: 10px 15px 8px;
  height: 46px;
  background-color: #1b79d7;
  border-bottom: 1px solid #616360;
}

.checkout-specific .invice-right-container .invice-right-top-heading {
  border-top: 1px solid #616360;
}

.invice-right-container .invice-right-top-heading h2 {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  font-size: 16px;
  line-height: 30px;
  color: #fff;
  font-weight: normal;
  margin: 0;
  padding: 0;
}

.invice-right-container .package-box {
  float: left;
  width: 100%;
  padding: 15px;
  min-height: calc(100% - 176px);
}

.invice-right-container .package-box ul {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}

.invice-right-container .package-box ul li {
  list-style: none;
  float: left;
  width: 100%;
  color: #fff;
  margin-bottom: 8px;
}

.invice-right-container .package-box ul li label {
  padding-bottom: 0;
  margin-bottom: 0;
  font-weight: 400;
  color: #8f8e8b;
  float: left;
  width: 124px;
}

.invice-right-container .package-box ul li span {
  float: left;
  width: calc(100% - 124px);
}

.invice-right-container .package-box ul li span.email-large {
  word-break: break-all;
}

.invice-right-container .package-box ul.recurring-payment-info-box {
  margin-top: 10px;
  padding-top: 15px;
  border-top: 1px solid #999;
}

.invice-right-container .package-box ul.recurring-payment-info-box li label {
  width: 180px;
}

.invice-right-container .package-box ul.recurring-payment-info-box li span {
  width: calc(100% - 180px);
}

.invice-right-container .proceed-payment-outer {
  float: left;
  width: 100%;
  padding: 15px;
}

.invice-right-container .terms-box-left {
  position: relative;
  width: 100%;
  padding: 0 0 15px 0;
  float: left;
}

.invice-right-container .proceed-payment-outer .custom-btn {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  background-color: #1c79d7;
  color: #fff;
  width: 100%;
  text-align: center;
  font-weight: 400;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
}

.invice-right-container .proceed-payment-outer .custom-btn#billingAddressChangeBtn {
  background-color: #ffcc33;
  color: #000;
}

.proceed-payment .proceed-payment-button .braintree-heading {
  position: inherit;
  display: inline-block;
  width: auto;
  vertical-align: top;
}

.proceed-payment .proceed-payment-button .braintree-placeholder {
  display: none;
}

.invice-main-container .custom-payment-section {
  float: left;
  width: 100%;
  padding: 20px;
  height: calc(100vh - 286px);
  overflow-y: auto;
  overflow-x: hidden;
}

.custom-payment-section .form-group label.control-label {
  color: #333333;
}

.has-success .form-control {
  border-color: #ccc;
}

.invice-main-container.qr-main-container .custom-payment-section {
  height: calc(100vh - 174px);
}

.invice-main-container .custom-payment-section ul {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
}

.invice-main-container .custom-payment-section ul li {
  float: left;
  width: 100%;
  margin: 0 0 15px 0;
  padding: 0;
  list-style: none;
}

.custom-payment-section .payment-option-2 {
  float: left;
  width: auto;
  padding: 0 0 0 28px;
  position: relative;
}

.custom-payment-section .payment-option-2 input[type=radio] {
  position: absolute;
  left: 0;
  top: 2px;
  width: 20px;
  height: 20px;
  z-index: 3;
  margin: 0;
  border: 1px solid red;
  opacity: 0;
}

.custom-payment-section .payment-option-2 label {
  float: left;
  width: auto;
  font-size: 16px;
  line-height: 22px;
  color: #000;
  font-weight: normal;
  cursor: pointer;
}

.custom-payment-section .payment-option-2 label:before {
  position: absolute;
  left: 0;
  top: 2px;
  width: 20px;
  height: 20px;
  border: 1px solid #000;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  content: "";
}

.custom-payment-section .payment-option-2 label:after {
  position: absolute;
  left: 4px;
  top: 6px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  content: "";
  background-color: #000;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  opacity: 0;
}

.custom-payment-section .payment-option-2 input[type=radio]:checked+label:after {
  opacity: 1;
}

.custom-payment-section #bt-dropin {
  float: left;
  width: 100%;
  padding: 20px 0 0 28px;
  margin: 0;
}

.custom-payment-section #bt-dropin .braintree-placeholder,
.custom-payment-section #bt-dropin .braintree-heading {
  display: none;
}

.custom-payment-section #bt-dropin .braintree-option,
.custom-payment-section #bt-dropin .braintree-options,
.custom-payment-section #bt-dropin .braintree-sheet__header {
  display: none !important;
}

.custom-payment-section #bt-dropin .braintree-large-button.braintree-toggle {
  display: none;
}

.custom-payment-section #bt-dropin .braintree-card.braintree-form {
  display: block;
  border: none;
  background-color: #e6e6e6;
}

.custom-payment-section #bt-dropin .braintree-sheet__content--form {
  padding: 0;
}

.custom-payment-section #bt-dropin .braintree-form__field-group {
  padding-left: 0;
}

.custom-payment-section #bt-dropin .braintree-form__field-group label {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  color: #000;
  width: 100%;
}

.custom-payment-section .que-control {
  height: 34px;
  padding: 6px 12px;
  border: 1px solid #ccc;
  color: #555;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

#bt-dropin .braintree-sheet__container .braintree-paypal,
#bt-dropin .braintree-sheet__container .braintree-card {
  display: block;
}

#bt-dropin .braintree-sheet__container {
  display: flex;
  flex-flow: column;
  background-color: #e6e6e6;
}

#bt-dropin .braintree-sheet__container .braintree-card.braintree-sheet {
  order: 1;
}

#bt-dropin .braintree-sheet__container .braintree-paypal.braintree-sheet {
  order: 2;
  margin-top: 30px;
}

#bt-dropin .braintree-options {
  display: none;
}

#bt-dropin .braintree-heading {
  font-weight: normal;
  color: #000;
  font-size: 16px;
}

#bt-dropin .braintree-sheet__container .braintree-sheet__logo--header {
  display: none;
}

#bt-dropin .braintree-sheet__container .braintree-sheet__text,
#bt-dropin .braintree-sheet__container .braintree-sheet__label {
  margin-left: 5px;
  font-weight: normal;
}

#bt-dropin .braintree-sheet__container .braintree-card .braintree-form__field-group label {
  width: 100%;
}

#bt-dropin .braintree-sheet__container .braintree-card .braintree-form__flexible-fields .braintree-form__field-group label {
  width: calc(100% - 15px);
}

#bt-dropin .braintree-sheet__container .braintree-card .braintree-form__flexible-fields .braintree-form__field-group+.braintree-form__field-group label {
  float: right;
}

#bt-dropin .braintree-sheet__container .braintree-sheet__content--button {
  text-align: left;
}

#bt-dropin .braintree-large-button {
  display: none;
}

#bt-dropin .braintree-upper-container:before {
  display: none;
}

#PlanPackageDetailForm,
#PlanPackageStdDetailForm,
#panel-body-upgrade {
  float: left;
  width: 100%;
  padding: 0;
}

#PlanPackageDetailForm #paypal-button,
#PlanPackageStdDetailForm #paypal-button,
#panel-body-upgrade #paypal-button,
.qr-main-container .custom-payment-section #paypal-button,
#PlanMyPlanForm #paypal-button,
.panel-body-reopen #paypal-button {
  text-align: center;
  margin-top: 20px;
  float: left;
  width: 100%;
  padding-top: 30px;
  float: left;
  width: 100%;
  margin-top: 20px;
  position: relative;
  border-top: 1px solid #b6b6b6;
}

#PlanPackageDetailForm #paypal-button:before,
#PlanPackageStdDetailForm #paypal-button:before,
#panel-body-upgrade #paypal-button:before,
.qr-main-container .custom-payment-section #paypal-button:before,
#PlanMyPlanForm #paypal-button:before,
.panel-body-reopen #paypal-button:before {
  content: "OR";
  display: inline-block;
  text-align: center;
  font-weight: bold;
  margin-bottom: 20px;
  position: absolute;
  top: -10px;
  left: 50%;
  background: #e6e6e6;
  width: 40px;
  margin-left: -20px;
}

.terms-box-left .click-box {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
}

.terms-box-left .click-box a {
  color: #ffcc33;
}

.terms-box-left .agree-terms {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  margin-top: 5px;
}

.terms-box-left .agree-terms p {
  margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  float: right;
  width: calc(100% - 30px);
}

.terms-box-left .agree-terms span {
  float: left;
  width: 20px;
  height: 20px;
  position: relative;
  margin: 0 10px 0 0;
}

.terms-box-left .agree-terms span input[type="checkbox"] {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  padding: 0;
  margin: 0;
}

.terms-box-left .agree-terms span label {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #fff;
  margin: 0;
  padding: 0;
  font-size: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px auto;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #666;
}

.terms-box-left .agree-terms span input[type="checkbox"]:checked+label {
  background-image: url("../../../img/front/inner-page/folder-submit-icon-yellow.png");
}

.checkout-bottom-section .terms-box-left .agree-terms span input[type="checkbox"]:checked+label {
  background-image: url("../../../img/front/inner-page/folder-submit-icon-blue.png");
}

.invice-main-container .checkout-step2 .package-details {
  padding: 20px;
  height: calc(100vh - 174px);
}

.package-details-total {
  background-color: #d7d6d6;
  padding: 10px 30px;
  min-height: 120px;
}

.package-details-total table {
  width: 300px;
}

.package-details-total table tr td {
  font-size: 14px;
  line-height: 22px;
  color: #000;
  padding: 5px 0;
  text-align: left;
  vertical-align: top;
  font-weight: normal;
}

.package-details-total table tr td:nth-child(2) {
  text-align: right;
  width: 130px;
}

.package-details-total table tr.total td {
  font-size: 18px;
  line-height: 24px;
}

.invice-main-container .package-details {
  height: calc(100vh - 480px);
  overflow-y: auto;
}

.invice-main-container .package-details table {
  table-layout: fixed;
  height: 100%;
}

.invice-main-container .package-details table tr th,
.invice-main-container .package-details table tr td {
  height: 40px;
}

.invice-main-container .package-details table tr th {
  vertical-align: middle;
}

.invice-main-container .package-details table tr:last-child td {
  height: auto;
}

.action-links-outer .risk-folder-row {
  min-height: 1px;
  width: calc(100% + 30px);
  float: left;
}

.action-links-outer .risk-folder-box1.dis-flex {
  display: flex;
  position: relative;
  padding: 0 15px;
  width: 100%;
}

.risk-folder-box1 .list-date-right {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -12px;
  width: auto;
  text-align: right;
  z-index: 1;
  font-size: 14px;
  line-height: 24px;
}

.action-links-outer .risk-folder-box1.dis-flex:hover .list-date-right {
  display: none;
}

.risk-folder-row.link-folder-row .risk-folder-box1:hover .list-date-right,
.assessment-list-row .risk-folder-box1:hover .list-date-right {
  display: none;
}

.action-links-outer .risk-folder-box1.dis-flex .ra-arrow-bg {
  background-color: #cccccc !important;
}

.action-links-outer .risk-single-folder.icon-name {
  width: calc(100% - 170px);
}

.action-links-outer .risk-single-folder.icon-name .risk-folder-name>span {
  max-width: 100%;
  display: block;
}

.action-links-outer .risk-folder-box1.dis-flex .action-links-main {
  display: flex;
  position: absolute;
  z-index: 2;
  right: 0;
  top: 0;
  width: auto;
  height: 100%;
}

.action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  opacity: 0;
  visibility: hidden;
  transition: all ease-in-out 0.3s;
  -moz-transition: all ease-in-out 0.3s;
  -webkit-transition: all ease-in-out 0.3s;
}

.action-links-outer .risk-folder-box1.dis-flex:hover .action-links-main .right-action-links {
  visibility: visible;
  opacity: 1;
}

.action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links .link-blox1 {
  width: 84px;
  display: flex;
  position: relative;
  border-left: 2px solid #fff;
}

.action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links .link-blox1 a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  z-index: 1;
  font-size: 12px;
  line-height: 16px;
  color: #000;
  padding: 42px 5px 5px 5px;
  margin: 0;
  border: none;
  min-width: 0px;
}

.action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links .link-blox1.default-folder-div a {
  color: #0078d7;
}

.action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links .link-blox1 a.request-review-reminder {
  background-color: #1c79d7;
  color: #fff;
}

.action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links .link-blox1 span.link-box-icon {
  position: absolute;
  width: 34px;
  height: 34px;
  top: 10px;
  left: 50%;
  margin: 0 0 0 -17px;
  background-image: url("../../../img/front/inner-page/folder-icons.png");
  background-size: 600px auto;
  background-repeat: no-repeat;
  background-position: 3px -3px;
}

.action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links .link-blox1:hover span.link-box-icon {
  background-image: url("../../../img/front/inner-page/folder-icons-hover.png");
}

.action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links .link-blox1 a.request-review-reminder span.link-box-icon {
  background-image: url("../../../img/front/inner-page/folder-icons-white.png");
  background-position: -210px -5px;
}

.action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links .link-blox1:hover a.request-review-reminder span.link-box-icon {
  background-image: url("../../../img/front/inner-page/folder-icons-white-hover.png");
}

.action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links .link-blox1 span.link-box-icon.notification {
  background-position: -110px -3px;
}

.action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links .link-blox1 span.link-box-icon.access-right {
  background-position: -32px -3px;
}

.action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links .link-blox1 span.link-box-icon.edit {
  background-position: -148px -3px;
}

.action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links .link-blox1 span.link-box-icon.download {
  background-position: -71px -3px;
}

.action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links .link-blox1 span.link-box-icon.delete {
  background-position: -260px -3px;
}

.action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links .link-blox1 span.link-box-icon.review {
  background-position: -184px -3px;
}

.action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links .link-blox1 a.request-review-reminder span.link-box-icon {
  background-position: -184px -3px;
}

.action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links .link-blox1 span.link-box-icon.link {
  background-position: -295px -3px;
}

.action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links .link-blox1 span.link-box-icon.unlink {
  background-position: -327px -3px;
}

.action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links .link-blox1 span.link-box-icon.question {
  background-position: -359px -3px;
}

.action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links .link-blox1 span.link-box-icon.checked {
  background-position: -393px -3px;
}

.action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links .link-blox1 span.link-box-icon.checked.default {
  background-position: -463px -3px;
}

.action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links .link-blox1 span.link-box-icon.move {
  background-position: -429px -3px;
}

.action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links .link-blox1 span.link-box-icon.inner-links {
  background-position: -223px -3px;
  top: 50%;
  margin-top: -17px;
}

.action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links .link-blox1 a.trial-registration span.link-box-icon.download {
  background-position: -494px -3px;
}

.action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links .link-blox1 a.trial-registration span.link-box-icon {
  background-position: -494px -3px;
}

.action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links .link-blox1 span.link-box-icon.copy {
  background-position: -532px -3px;
}

.action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links .link-blox1 span.link-box-icon.share {
  background-position: -569px -3px;
}


.action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links .link-blox1 a.trial-registration {
  color: #fff;
  background-color: #1c79d7;
}

/*.action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links .link-blox1:first-child { border-left:none;  }*/
.action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links .link-blox1.add-to-caart-switch {
  font-size: 12px;
  line-height: 18px;
  padding: 2px 5px 5px 5px;
  padding-top: 16px;
  color: #000;
  text-align: center;
  font-weight: normal;
  /* font-family: 'Segoe UI'; */
  justify-content: center;
  background-color: #ccc;
}

.action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links .link-blox1.add-to-caart-switch .custom-btn {
  min-width: 1px;
  font-size: 11px;
  width: calc(100% - 10px);
  position: absolute;
  left: 5px;
  bottom: 5px;
  padding: 3px 0;
  color: #fff;
  background-color: #1c79d7;
}

.action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links .link-blox1.add-to-caart-switch .slider.round {
  border: none;
  background-color: #666;
}

.action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links .link-blox1.add-to-caart-switch input:checked+.slider {
  background-color: #0078d7;
}

.action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links .link-blox1.add-to-caart-switch .slider:before {
  width: 16px;
  height: 16px;
}

.action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links .link-blox1.add-to-caart-switch .slider.round:before {
  background-color: #fff;
}

.action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links .link-blox1.add-to-caart-switch input:checked+.slider:before {
  transform: translateX(19px);
  -moz-transform: translateX(19px);
  -webkit-transform: translateX(19px);
}

.action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links .link-blox1.add-to-caart-switch .switch {
  position: absolute;
  top: 39px;
  left: 50%;
  margin-left: -19px;
  width: 38px;
  height: 18px;
  margin-bottom: 0;
}

.action-links-outer .risk-folder-box1.dis-flex .action-links-main span.small-action-span {
  display: none;
}

.action-links-outer .risk-folder-box1.dis-flex .col-sm-5.risk-single-folder .risk-folder-name>span {
  max-width: 100%;
  display: block;
}

.stats-section .container-project-right .nav-tab-change li {
  margin-bottom: 0;
}

.stats-section .container-project-right .nav-tab-change li a {
  height: 46px;
}

.stats-section .container-project-right .tab-content .n_search_folder {
  height: 52px;
  padding: 16px 5px;
  position: relative;
}

.stats-section .container-project-right .tab-content .n_search_folder.map-block {
  padding-left: 40px;
  padding-right: 40px;
}

.stats-section .container-project-right .tab-content .n_search_folder.map-block .map-icon {
  position: absolute;
  right: 5px;
  top: 11px;
  padding: 5px;
  z-index: 1;
}

.stats-section .container-project-right .tab-content .n_search_folder.map-block .map-icon img {
  display: block;
  width: 20px;
}

.stats-section .container-project-right .tab-content .n_search_folder span.cancel-email-report {
  position: absolute;
  left: 14px;
  top: 50%;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  font-size: 0px;
  line-height: 0px;
  background-image: url("../../../img/front/inner-page/back-arrow-white.png");
  background-repeat: no-repeat;
  background-size: 12px auto;
  background-position: center;
  cursor: pointer;
}

/* Style the Image Used to Trigger the Modal */
/* The Modal (background) */
#imgModal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  padding-top: 100px;
  /* Location of the box */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: rgb(0, 0, 0);
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.9);
  /* Black w/ opacity */
}

/* Modal Content (Image) */
.modal-content-img {
  margin: auto;
  display: block;
  /*width: 80%;*/
  max-width: 1000px;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modal-content-img,
#caption {
  animation-name: zoom;
  animation-duration: 0.6s;
}

@keyframes zoom {
  from {
    transform: scale(0)
  }

  to {
    transform: scale(1)
  }
}

/* The Close Button */
.close-img {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close-img:hover,
.close-img:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px) {
  .modal-content-img {
    width: 100%;
  }
  .hazard-sec-name p{
    font-size: 8px;
  }
}

/*30-12-18*/
.top-navbar-bg.container-fluid {
  height: 68px;
  float: left;
  width: 100%;
}

.main-menu-setion.container-fluid {
  height: 113px;
  float: left;
  width: 100%;
}

.main-menu-setion.container-fluid .top-navbar li a {
  height: 113px;
}

.top-actio-bar.container-project {
  height: 46px;
  float: left;
  width: 100%;
}

.container-project-left.planner_bg {
  height: 46px;
}

#projectDetailScreen2 .container-project-left.planner_bg {
  background-color: #000;
}

.hazard-control-top {
  float: left;
  width: 100%;
  height: 46px;
}

.hazard-control-top .container-project-right,
.hazard-control-top .plan_project_title,
.hazard-control-top .plan_project_title .limited_projname_other {
  height: 100%;
}

.project-top-border.container-project-right .plan_project_det_title {
  height: 100%;
}

.container-fluid.audit-edit-section {
  float: left;
  width: 100%;
}

.audit-cancel-back {
  height: 40px;
}

.audit-action-row {
  height: 40px;
}

.audit-action-row .adt-action-col {
  float: right;
  width: auto;
}

.audit-action-row .adt-action-col .adt-action-btn {
  margin: 0 0 0 1px;
  float: left;
}

.container-fluid.ms-report-section {
  float: left;
  width: 100%;
}

.state-tabs {
  float: left;
  width: 100%;
  height: 46px;
}

.stat-actions {
  float: left;
  width: 100%;
  height: 52px;
}

.container-project.planner_bg {
  float: left;
  width: 100%;
}

.container-project.planner_bg .planner-icon {
  float: left;
  width: 100%;
  height: 46px;
}

.container-project.planner_bg .myprofile-heading {
  float: left;
  height: 40px;
}

.container-project.planner_bg .container-project-right .profile-plan {
  height: 40px;
}

.stats-section .planner_bg {
  height: 46px;
}

.container-project.stats-section .container-project-left .tab-content {
  float: left;
  width: 100%;
}

.main-container-project.audit-question-section .container-project-left .temp-item-sort {
  height: 40px;
}

.main-container-project.checklist-container.audit-question-section .container-project-left .section-list {
  top: 40px;
  max-height: calc(100% - 40px);
}

.main-container-project.all-folder-section .all-folder-row {
  height: 40px;
}

.main-container-project.all-folder-section .all-folder-row .all-folder-sort {
  padding-top: 10px;
  display: inline-block;
}

.main-container-project.all-folder-section .ra-main-folder-block {
  top: 40px;
  max-height: calc(100% - 40px);
  height: 100%;
}

.container-project-grid-right .plann-grid-right-vert-scroll {
  height: calc(100vh - 301px);
  float: left;
  width: 100%;
}

.container-project-grid-right .pro_grid_title {
  float: left;
  width: 100%;
  height: 58px;
}

.container-project-grid-right .plann-grid-right-vert-scroll+.row.margin-zero {
  float: left;
  width: 100%;
  height: 62px;
}

.action-link-stat>a {
  width: 48px;
  height: 48px;
  padding: 0;
  position: relative;
}

.action-link-stat>a img {
  width: 26px;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display: block;
}

.assessment-list-row .risk-file-name {
  padding-top: 15px;
  padding-bottom: 3px;
}

.assessment-list-row .risk-file-name a.assemssment-name-link,
.assessment-list-row .risk-folder-name a.assemssment-name-link {
  float: left;
  min-width: 1px;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0;
  background: none;
}

.assessment-list-row .risk-file-name .ra-follow-upd,
.assessment-list-row .risk-folder-name .ra-follow-upd {
  float: left;
  width: 100%;
  font-size: 13px;
  line-height: 18px;
}

.assessment-list-row .risk-file-name span.link-bullet {
  display: inline-block;
  vertical-align: top;
  font-size: 0;
  line-height: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  margin-top: -2px;
  margin-left: 8px;
  background-image: url("../../../img/front/inner-page/link-2.png");
  background-repeat: no-repeat;
  background-size: 16px auto;
  background-position: center;
}

.stats-section .container-project-right .newpro-csv-btn {
  height: 34px;
  padding: 7px 0;
  font-size: 14px;
  border: none;
  background-color: #0078d7 !important;
}

.stats-section .container-project-right .btncsv_margin .newpro-csv-btn {
  margin-top: 1px;
}

.stats-section .container-project-right .n_email_right .stats-filter-btn {
  height: 34px;
  padding: 7px 0;
  font-size: 14px;
  border: none;
  background-color: #0078d7 !important;
}

.profile-add-group {
  float: left;
  width: 100%;
}

.profile-add-group .planner_bg {
  float: left;
  width: 100%;
  height: 46px;
}

.profile-add-group .planner_cancel_bg {
  float: left;
  width: 100%;
  height: 40px;
}

.profile-add-group .planner_cancel_bg .profile-group-icon {
  padding-top: 8px;
  padding-bottom: 8px;
}

.profile-add-group .ele-total-border {
  float: left;
  width: 100%;
  height: 40px;
  overflow: hidden;
}

.profile-add-group .ele-total-border .ele-text {
  height: 40px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.profile-add-group .ele-total-border .total-user-text {
  height: 40px;
  padding-top: 7px;
  padding-bottom: 8px;
  padding-left: 15px;
}

.profile-tables {
  float: left;
  width: 100%;
  display: flex;
}

.profile-tables .gro-head-leftbg,
.profile-tables .gro-head-rightbg {
  height: 40px;
}

.profile-tables .table_ngroup tr th {
  height: 40px;
}

.profile-tables .profile-tables-arrow {
  position: relative;
}

.profile-tables .profile-tables-arrow .profile-right-icon {
  padding: 0;
  height: 50%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
}

.profile-tables .profile-tables-arrow .profile-right-icon+.profile-right-icon {
  padding: 0;
  height: 50%;
  position: absolute;
  left: 0;
  top: 50%;
}

.profile-tables .profile-tables-arrow .profile-right-icon img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  padding: 0;
}

.profile-bottom {
  float: left;
  width: 100%;
}

.profile-bottom .profile-grp-btn-bg {
  float: left;
  width: 100%;
  border: none;
  border-top: 1px solid #fff;
}

.profile-bottom .profile-grp-btn-bg .btn-primary {
  border: none;
  border-left: 1px solid #fff;
  height: 39px;
}

.stats-section .container-project-right .email-report-form .form-control optgroup {
  background: #222;
  font-weight: 400;
  /* font-family: 'Segoe UI'; */
}

.all-folder-block a.inner-folder-arrow img,
.all-folder-block a.inner-folder-arrow-link img,
.all-folder-block a.folder-name-click-move img {
  width: 12px;
  margin-right: 8px;
}

.all-folder-section .all-folder-row .col-sm-10.mac-small span.add-new-folder-control {
  float: right;
  padding: 0;
}

tbody div.n_group_tbl_height {
  height: calc(100vh - 428px);
  overflow-y: auto;
}

#pdfIframe embed {
  /* height: 100% !important; */
  /* position: absolute;
  left: 0;
  top: 0; */
  width: 100%;
  z-index: 1;
  overflow-y: scroll;
}

.row#audit-pdf-preview embed, .row#audit-pdf-preview iframe {
  height: 100% !important;
}

.folder-list-report-view #pdfIframe embed {
  top: 40px;
  /* height: calc(100% - 40px) !important; */
}

.modal-body .que-lable-title {
  font-size: 14px;
  line-height: 22px;
}

.modal-body .que-body-top .header-update-btn {
  font-size: 14px;
  font-weight: normal;
}

.pro-view-row .pro-view-row-left {
  display: none;
}

.pro-view-row .pro-view-row-right {
  float: right;
  width: auto;
  padding-right: 15px;
}

.pro-view-row .pro-view-row-right>div {
  float: left;
  width: auto;
}

.pro-view-row .pro-view-row-right .n_view_user a,
.pro-view-row .pro-view-row-right .n_view_groups a {
  border: none;
  padding: 0;
}

.pro-view-row .pro-view-row-right .n_view_user,
.pro-view-row .pro-view-row-right .n_view_groups {
  float: left;
  margin-left: 10px;
  padding-left: 10px;
}

.pro-view-row .pro-view-row-right .n_view_user {
  margin-left: 0;
}

.pro-view-row .pro-view-row-right .n_view_groups {
  border-left: 1px solid #b3b3b3;
}

/* .project-left-bg.border-right-photo .new_pro_bottom_bg { padding: 15px 30px; height: 62px; } */
.container-hazard-left .padding_enter_hazardmsg {
  padding-top: 40px;
}

.container-project-left.planner-left-bg .col-md-8.col-sm-8 {
  display: none;
}

.container-project-left.planner-left-bg .col-md-2.col-sm-2 {
  width: auto;
  float: right;
}

.container-project-left.planner-left-bg .col-md-2.col-sm-2 .planner-cancel-btn {
  background-color: transparent !important;
  border: 1px solid #6f6f6f;
  font-size: 14px;
  line-height: 20px;
  padding: 0 10px;
  height: 34px;
}

.container-project-left.planner-left-bg .col-md-2.col-sm-2 .planner-cancel-btn:hover,
.container-project-left.planner-left-bg .col-md-2.col-sm-2 .planner-cancel-btn:focus {
  background-color: #6f6f6f !important;
}

.option-container .container-hazard-left .new_pro_bottom_bg {
  padding-top: 20px;
  padding-bottom: 20px;
}

.report-statment-list .adt-option01 {
  position: relative;
}

.report-statment-list .adt-option01 .select-statement {
  display: block !important;
}

.report-statment-list .adt-option01 .textarea-span {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.report-statment-list .adt-option01 .textarea-span textarea {
  height: 100%;
}

.container-grid .my-photo-section .pro_phot_padding.photo-sec {
  padding: 15px 20px;
}

.container-grid .my-photo-section .pro_phot_padding.photo-sec .project_img_heading {
  padding-left: 0;
}

.my-photo-section .container-small-frame {
  width: 330px !important;
}

.my-photo-section .container-frame-text {
  width: calc(100% - 330px) !important;
}

.my-photo-section .container-small-frame .project-photo-left {
  float: right;
  width: auto;
}

.my-photo-section .container-small-frame .project-photo-left .project-sub-photo-text {
  float: left;
  width: auto;
  padding-top: 4px;
}

.new_pro_bottom_bg {
  height: 62px !important;
  padding: 15px 20px !important;
}

.new_pro_bottom_bg button {
  height: 34px;
  font-size: 14px;
  line-height: 20px;
}

.new_pro_bottom_bg button span {
  position: relative;
  left: 0;
  top: 0;
}

.skip-next-container .container-hazard-left .col-sm-6.hazard-bg .form-group {
  margin-bottom: 0;
}

.container-project-right .payment_right_title {
  height: 46px;
  padding: 10px 5px;
  font-family: 'segoeuibold';
  font-weight: normal;
}

.container-project-left .temp-edit-block {
  height: 40px;
  border: none;
}

.container-project-left .temp-edit-block+.display-flex {
  clear: left;
}

.temp-statment .temp-statment-title {
  height: 40px;
}

.temp-default-statment .temp-statment-title {
  height: 40px;
}

.risk-folder-row a:hover {
  background-color: #f2f2f2;
}

#uploadFolderNotification .not-show-alert-check,
#uploadFolderNotificationReference .not-show-alert-check {
  width: 100%;
  margin: 10px 0 0 0;
}

.not-show-alert-check .assessment-upload-image-popup {
  float: left;
  width: 16px;
  height: 16px;
  margin: 2px 8px 0 0;
  position: relative;
}

.not-show-alert-check .upload-notification-alert-check {
  float: left;
  margin: 0 !important;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.not-show-alert-check .upload-notification-alert-check+span {
  float: left;
  width: calc(100% - 24px);
}

#uploadFolderNotification .alert-act-btn-section,
#uploadFolderNotificationReference .alert-act-btn-section {
  float: right;
  width: auto;
}

.alert-act-btn-section .header-update-btn {
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  padding: 6px 10px;
  color: #fff;
  cursor: pointer;
}

.alert-act-btn-section .header-update-btn+.header-update-btn {
  margin-right: 10px;
}

.noti-action-block .mail-box-close {
  padding-top: 6px;
  padding-left: 5px;
}

.main-container-project .container-project-left .margin-zero.pro_new_padding .pro_title_new {
  padding: 12px 10px 12px;
}

.main-container-project .container-project-left .margin-zero.pro_new_padding .form-control {
  padding: 5px 10px 8px;
  font-size: 14px;
  line-height: 20px;
}

.additional-likli-bg {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  background-color: #ffcc33;
  padding: 0 15px;
  margin-top: 10px;
}

.additional-likli-bg .hazard_rs_text {
  padding: 10px 0 10px 0;
  font-weight: normal;
  color: #000;
}

.main-container-project .container-project-left .temp-statment,
.main-container-project .container-project-left .temp-default-statment {
  height: 40px;
}

.planner_bg .col-lg-2.planner-icon-outer {
  width: 65px;
}

.planner_bg .col-lg-10.planner-icon-outer {
  width: calc(100% - 65px);
}

div#uploadFolderNotification {
  z-index: 9999;
}

.ra-access-action .col-sm-3:first-child,
.ra-access-navigate .row.text-center .col-sm-3:first-child {
  text-align: left;
}

.pagination li a {
  font-size: 12px;
  background-color: #fff;
}

.pagination li.active a,
.pagination li.active a:hover {
  background-color: #FFCC33;
  border-color: #ddd;
  color: #000;
}

.ra-access-section .pagination {
  padding: 0 5px;
}

.table_ngroup-outer {
  display: inline-block;
  width: 100%;
  padding: 0;
  vertical-align: top;
  background-color: #2b2b2b;
  height: 40px;
}

.table_ngroup-outer .table_ngroup .pro-grp-head-cell-left,
.table_ngroup-outer .table_ngroup .pro-grp-head-cell-right {
  width: 50%;
  border-bottom: none;
}

.table_ngroup-outer .table_ngroup .pro-grp-head-cell-right {
  border-right: none;
}

.image-holder a.documentOpen {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}

.del-icon11 {
  right: auto;
  width: 18px;
}

.del-icon11 a.btn {
  padding: 0;
  margin-left: 5px;
}

#searchBox .dateInput,
#taskAddModal .dateInput {
  font-size: 14px;
  line-height: 20px;
  padding-left: 5px;
  padding-right: 5px;
  /* font-family: 'Segoe UI'; */
}

.profile-add-group .ele-total-border .groupsearchnot {
  padding: 0px 10px 4px 10px;
}

.temp-item-sort .all-folder-block {
  /* font-family: 'Segoe UI'; */
  line-height: 22px;
}

.multiselect-native-select .dd-control-right {
  background-image: url("../../../img/front/inner-page/dropdown-icon-small.png") !important;
  background-position: right top !important;
  background-size: auto 100% !important;
}

.ra-access-navigate .col-md-1.col-lg-1 a {
  padding-left: 5px;
  padding-right: 15px;
}

.ra-access-navigate .col-md-1.col-lg-1 a .back-arrow-width {
  width: 14px;
  margin: 3px 0 3px 3px;
}

.top-navbar-bg .col-md-8.col-lg-9 {
  z-index: 1000;
}

body .modal-backdrop {
  z-index: 1002 !important;
}

.multiselect span.multiselect-selected-text {
  display: inline-block;
  vertical-align: top;
  width: 90%;
}

.user-bg:focus {
  background-color: #4d4d4d;
  outline: none;
}

.container-project.top-actio-bar.left-block-border .wrapper-dropdown-5 {
  margin-right: 15px;
}

.cart-table .qty-box {
  display: block;
  width: 60px;
  position: relative;
}

.cart-table .qty-box input {
  /* font-family: 'Segoe UI'; */
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  width: 100% !important;
  height: 34px;
  outline: none !important;
  border: 1px solid #666 !important;
  padding: 0 10px;
  border-radius: 0;
}

.cart-table .qty-box .up,
.cart-table .qty-box .down {
  position: absolute;
  right: 0;
  top: 0;
  width: 22px;
  height: 50%;
  cursor: pointer;
  z-index: 1;
  background-image: url("../../../img/front/inner-page/top-arrow-blue.png");
  background-size: 8px auto;
  background-repeat: no-repeat;
  background-position: center 8px;
}

.cart-table .qty-box .down {
  top: auto;
  bottom: 0;
  transform: rotate(180deg);
}

.user-right-info-section .margin-zero .mpro_user_right_detail {
  text-align: center;
  font-family: 'HelveticaNeueeTextW01Medium';
  font-size: 14px;
  line-height: 20px;
  color: #181818;
  font-weight: normal;
}

.user-right-info-section .margin-zero .mpro_user_right_detail span {
  font-family: 'HelveticaNeueeTextW01Light';
}

.user-right-info-section .margin-zero .mpro_user_right_detail span.common-risk-rating,
.user-right-info-section .margin-zero .mpro_user_right_detail span.selected-hezard {
  font-family: 'HelveticaNeueeTextW01Medium';
}

.user-right-info-section .file-name {
  font-weight: normal;
  padding-bottom: 30px;
  margin-bottom: 24px;
}

.user-right-info-section .file-info {
  padding-bottom: 5px;
}

.user-right-info-section .margin-zero .mpro_user_right_detail.in-info-color {
  color: #1c79d7;
}

.profile-tables .not-user-text a {
  color: #fff;
}

.profile-tables .not-user-text a.active {
  color: #ffcc33;
}

.profile-tables .groupserach-text .form-control {
  padding: 4px 10px 6px;
  font-size: 14px;
  line-height: 20px;
}

.inner-action>a {
  position: relative;
}

.inner-action a span.cart-counter {
  position: absolute;
  right: 0;
  top: 0;
  margin: -7px -7px 0 0;
  background-color: #1c79d7;
  color: #fff;
  text-align: center;
  width: 20px;
  height: 20px;
  font-size: 10px;
  line-height: 20px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}

.hazard-control-scroll {
  height: auto;
  position: relative;
  counter-reset: my-sec-counter;
  overflow: inherit;
}

.single .pickmeup .pmu-instance:first-child:last-child .pmu-month {
  width: calc(100% - 60px);
}

.single .pickmeup .pmu-instance:first-child .pmu-prev,
.single .pickmeup .pmu-instance:last-child .pmu-next {
  width: 30px;
}

.single .pickmeup .pmu-instance:first-child .pmu-prev:hover,
.single .pickmeup .pmu-instance:last-child .pmu-next:hover {
  opacity: 0.6;
}

.checkout-specific .main-menu-setion.container-fluid {
  display: none;
}

.checkout-specific .invice-main-container {
  height: calc(100vh - 68px);
  overflow: hidden;
}

.main-container-project .container-project-right .icon-list {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  margin: 5px 0 0 0;
  text-align: center;
}

.main-container-project .container-project-right .icon-list ul {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  text-align: center;
  margin: 0;
  padding: 0 10px;
  max-width: 200px;
}

.main-container-project .container-project-right .icon-list ul li {
  width: calc(50% - 10px);
  float: left;
  padding: 0px;
  margin: 0 5px;
  position: relative;
  margin-bottom: 10px;
}

.main-container-project .container-project-right .icon-list ul li.uhh-default-icon:after {
  width: 100%;
  height: 0;
  padding-top: 100%;
  display: block;
  content: "";
}

.main-container-project .container-project-right .icon-list ul li img {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.main-container-project .container-project-right .icon-list ul li.header-cust-img img {
  right: 0;
  bottom: 0;
  margin: auto;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
}

.stats-section .container-project-right .n_email_right .n_dropdown_top .n_dropdown {
  position: relative;
}

.checkout-cart-outer {
  height: calc(100vh - 275px);
}

.view-order-specific .checkout-cart-outer {
  height: calc(100vh - 113px);
}

.view-order-specific .sp-detail.checkout-cart-outer {
  height: calc(100vh - 170px);
}

.checkout-cart-outer.specification-open {
  height: calc(100vh - 348px);
}

.t-c-block .terms-box-left .agree-terms p a {
  white-space: nowrap;
}

.custom-dropdown-btn .n_dropdown_top .n_dropdown-outer {
  float: left;
  width: 100%;
  height: auto;
  background-image: none !important;
  border: none;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 11;
  background-color: #2a2a2a !important;
  display: none;
  overflow: hidden;
}

.custom-dropdown-btn .n_dropdown_top .n_dropdown-outer .n_dropdown {
  position: relative;
  display: block !important;
  max-height: 200px;
  overflow-y: auto;
  background-color: transparent !important;
}

.custom-dropdown-btn .n_dropdown_top {
  max-width: 300px;
  position: relative;
  float: right;
  margin: 0 15px 0 0;
}

.custom-dropdown-btn .n_dropdown_top .checklist_template {
  white-space: nowrap;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 6px 0 0 0px;
  display: block;
  padding: 7px 30px 7px 10px;
  height: 32px;
  font-size: 14px;
  background-color: rgba(24, 24, 24, 0.75);
  font-family: sans-serif;
  line-height: 20px;
}

.custom-dropdown-btn .n_dropdown_top .checklist_template span {
  display: inline-block;
  width: auto;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.custom-dropdown-btn .n_dropdown_top .n_dropdown-outer .n_dropdown li {
  padding: 8px 10px 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  cursor: pointer;
  font-family: sans-serif;
  line-height: 20px;
  border: none;
}

.custom-dropdown-btn .n_dropdown_top .n_dropdown-outer #checklist-template-button {
  float: left;
  margin: 10px;
  width: calc(100% - 20px);
}

.main-container-project .container-project-right.add-assessment-btn-outer .custom-btn.add-assessment-right {
  background-color: #1b79d7;
  color: #fff;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}

.main-container-project .container-project-right.add-assessment-btn-outer .right-content-outer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: calc(100% - 80px);
  overflow-y: auto;
  z-index: 1;
}

.main-container-project .container-project-right.add-assessment-btn-outer .right-content-outer.no-btn {
  height: 100%;
}

#divContainer {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 100px;
  height: 100px;
  background-color: blue;
}

.dragger {
  background-color: gray;
  border: medium none;
  cursor: move;
  display: block;
  height: 100%;
  width: 175px;
  position: absolute;
  z-index: 9999;
}

/*.text{width: 50px; height: 50px; margin-top: 5px; margin-left: 5px;}*/
.ui-draggable .tooltip-custom {
  position: absolute;
  left: 0;
  top: 100%;
  right: 0;
  margin: auto;
  max-width: calc(100% - 140px);
  width: auto;
  text-align: center;
  background: #fff;
  color: #000;
  padding: 10px;
  border-radius: 5px;
  z-index: 1;
  display: none;
}

.ui-draggable .tooltip-custom:after {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  position: absolute;
  bottom: 100%;
  right: 50%;
  margin-right: -10px;
  content: "";
}

.ui-draggable:hover .tooltip-custom {
  display: block;
}

.que-body-top .que-form-group input.hasDatepicker {
  background-color: #fff !important;
  border: 1px solid #e6e6e6;
  padding: 0 10px !important;
}

.que-body-top .que-form-group select.dd-planner-right {
  background-color: #fff !important;
  background-position: calc(100% - 10px) !important;
  margin: 0 !important;
  padding: 0 20px 0 10px !important;
  cursor: pointer;
}

select.ra-select-profile {
  border: 1px solid #e6e6e6 !important;
  background-color: transparent !important;
  background: url("../../../img/front/inner-page/profile-drop-down-blue.png") !important;
  background-repeat: no-repeat !important;
  background-position: right 0 !important;
  background-size: auto 100% !important;
  padding: 0 40px 0 10px !important;
  cursor: pointer;
  color: #000;
  height: 34px;
}

.planer-top-csvsection {
  float: right;
  width: auto;
  padding-top: 5px;
  padding-right: 10px;
}

.planer-top-csvsection .custom-btn {
  float: right;
  width: auto;
  min-width: 120px;
  background-color: #0078d7;
  color: #fff;
  text-align: center;
  padding: 0 10px;
  line-height: 32px;
  height: 34px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  margin-left: 8px;
}

.planer-top-csvsection span {
  float: left;
  width: auto;
  margin: 8px 0 0 10px;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
}

.planer-top-csvsection .form-control {
  float: left;
  width: 130px;
  margin: 0 0 0 10px;
  height: 34px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border: none;
  background-image: url("../../../img/front/inner-page/date-pick-black.png");
  background-repeat: no-repeat;
  background-position: calc(100% - 8px) center;
  background-size: 24px auto;
  padding-right: 40px;
}

.plann_date_heading .custom-btn {
  float: right;
  width: auto;
  text-align: center;
  height: 30px;
  padding: 0 10px;
  line-height: 30px;
  font-weight: normal;
  margin-top: -2px;
  color: #000;
}

.plann_date_heading .custom-btn i {
  display: inline-block;
  vertical-align: top;
  margin: 10px 4px 0 0;
}

.advertise-popup-block {
  position: fixed;
  right: 10px;
  bottom: 10px;
  width: 90%;
  max-width: 410px;
  border-radius: 5px;
  padding: 25px 10px 15px;
  z-index: 111;
  text-align: center;
  /* font-family: 'Segoe UI'; */
  box-shadow: 0px 0px 27px 9px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 0px 27px 9px rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: 0px 0px 27px 9px rgba(0, 0, 0, 0.35);
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0e78af+0,0e9ce5+100 */
  background: #0e78af;
  /* Old browsers */
  background: -moz-linear-gradient(top, #0e78af 0%, #0e9ce5 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #0e78af 0%, #0e9ce5 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #0e78af 0%, #0e9ce5 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e78af', endColorstr='#0e9ce5', GradientType=0);
  /* IE6-9 */
}

.advertise-popup-block .advertise-close {
  width: 24px;
  height: 24px;
  background-image: url("../../../img/front/inner-page/close-btn.png");
  background-size: 12px auto;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  right: 4px;
  top: 4px;
  z-index: 1;
}

.advertise-popup-block .advertise-content {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  font-size: 18px;
  line-height: 26px;
  color: #fff;
}

.advertise-popup-block .advertise-content span {
  font-family: 'segoeuibold';
}

.advertise-popup-block .advertise-btn {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  margin: 12px 0 10px;
}

.advertise-popup-block .advertise-btn .custom-btn {
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  font-size: 14px;
  font-family: 'HelveticaNeueeTextW01Medium';
  height: 34px;
  padding: 6px 10px;
  min-width: 180px;
}

.advertise-popup-block .advertise-bottom {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  font-size: 16px;
  line-height: 22px;
  color: #fff;
  font-family: 'SegoeUISemibold';
}

.advertise-popup-block .advertise-bottom a {
  color: #fff;
}

.report-statment-list .select-statement label.ms-templete-option {
  min-height: 60px;
  font-weight: normal;
  margin: 0;
  padding: 15px 30px;
  cursor: pointer;
}

.audit-edit-section .adt-option-bg label.audit-question-opt {
  font-weight: normal;
  margin: 0;
  padding: 15px 30px;
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  min-height: 60px;
}

.audit-edit-section .adt-option-bg .adt-option01 input[type=checkbox]:checked+label.audit-question-opt {
  background-color: #0078d7;
  color: #fff;
}

.report-statment-list .select-statement .edit-temp-statement {
  margin: 13px 14px 0 0;
}

.ra-access-section .custom-checkbox input[type="checkbox"]+label:after {
  display: none;
}

/*.ra-access-section .custom-checkbox input[type="checkbox"]:checked + label { background-color: #0078d7; border-color: #0078d7; }*/
.ra-access-section .custom-checkbox input[type="checkbox"]+label:before {
  position: absolute;
  left: 2px;
  top: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  content: "";
  display: block;
  background-color: #0078d7;
  opacity: 0;
}

.ra-access-section .custom-checkbox input[type="checkbox"]:checked+label:before {
  opacity: 1;
}

.top-navbar-bg .inner-action>a i.tutorial {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url("../../../img/front/inner-page/tutorial.png");
  background-size: 20px auto;
  background-position: center;
  background-repeat: no-repeat;
}

.top-navbar-bg .inner-action>a.support-head i.fa-support:before {
  display: none;
}

.top-navbar-bg .inner-action>a.support-head i.fa-support {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url("../../../img/front/inner-page/support.png");
  background-size: 17px auto;
  background-position: center;
  background-repeat: no-repeat;
}

.order-history-tbl .order-history-tbl-cls {
  max-height: calc(100vh - 312px);
}

.order-history-tbl .order-history-tbl-cls table tr th {
  position: -webkit-sticky;
  position: -ms-sticky;
  position: sticky;
  top: 0;
  background-color: #2b2b2b;
  z-index: 1;
}

.key-people .ra-select-profile {
  background-color: rgba(24, 24, 24, 0.75) !important;
  border-bottom: none !important;
  color: #fff;
}

.key-people .pronew-tbl-btn .risk-hazard-edit.ra-select-profile {
  border-bottom: none !important;
}

.key-people .key-people-tbl table.pro-active-table tr th {
  position: -webkit-sticky;
  position: -ms-sticky;
  position: sticky;
  top: 0;
  background-color: #2b2b2b;
  z-index: 1;
}

.custom-dropdown-btn .n_dropdown_top .n_dropdown-outer .n_dropdown li.checklist-template div {
  float: right;
  width: 45px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.custom-dropdown-btn .n_dropdown_top .n_dropdown-outer .n_dropdown li.checklist-template:hover div {
  opacity: 1;
  visibility: visible;
}

.custom-dropdown-btn .n_dropdown_top .n_dropdown-outer .n_dropdown li.checklist-template div img {
  float: left;
}

.custom-dropdown-btn .n_dropdown_top .n_dropdown-outer .n_dropdown li.checklist-template div img+img {
  margin-left: 5px;
}

.custom-dropdown-btn .n_dropdown_top .n_dropdown-outer .n_dropdown li.checklist-template a {
  float: left;
  width: auto;
  max-width: calc(100% - 45px);
  color: #fff;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.custom-dropdown-btn .n_dropdown_top .n_dropdown-outer .n_dropdown li.checklist-template:hover a {
  color: #ffcc33;
}

.custom-dropdown-btn .n_dropdown_top .n_dropdown-outer .n_dropdown li.checklist-template a span {
  width: 100%;
}

.template-header-right-img {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  margin: 20px 0 0 0;
}

.template-header-right-img ul {
  width: 100%;
  padding: 0 0px;
  max-width: 300px;
  margin: 0 auto;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}

.template-header-right-img ul li {
  float: left;
  width: 33.33%;
  padding: 0 10px;
  margin: 0 0 10px 0;
}
.template-header-right-img ul li p{
  height: 50px;
  overflow-y: scroll;
  overflow-x:visible;
  font-size: 12px;
}
.template-header-right-img ul li p::-webkit-scrollbar{
  width: 1px;
  height: 1px;
}

.template-header-right-img ul li img {
  display: block;
  width: 100%;
}

.template-header-right-img ul li.header-cust-img {
  /* border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%; */
  position: relative;
}

.template-header-right-img ul li.header-cust-img:after {
  content: none;
}

.template-header-right-img ul li.header-cust-img img {
  /* position: absolute;
  left: 0px;
  top: 0;
  right: 0;
  bottom: 0; */
  /* margin: auto;
  object-fit: cover;
  width: calc(100% - 26px);
  height: calc(100% - 6px); */
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  object-fit: cover;
}

.inner-action a span.req-rev-counter,
.inner-action a span.cart-counter {
  margin: -12px -10px 0 0;
  width: 26px;
  height: 26px;
  font-size: 12px;
  line-height: 26px;
  display: block;
}

_::-webkit-full-page-media,
_:future,
:root .inner-action a span.req-rev-counter,
:root .inner-action a span.cart-counter {
  line-height: 24px;
}

.main-container-project .container-project-right.overflow-visible {
  overflow: visible;
}

.company-detail-section {
  position: absolute;
  left: -5px;
  top: -48px;
  width: calc(100% + 5px);
  height: calc(100% + 48px);
  z-index: 9;
  background-color: #f4f4f4;
  border: 2px solid #2c6db9;
}

.company-detail-section .heading009 {
  float: left;
  width: 100%;
  height: 78px;
  background-color: #2c6db9;
}

.company-detail-section .heading009 h2 {
  display: -moz-box;
  display: -webkit-box;
  display: box;
  box-align: center;
  -moz-box-align: center;
  -webkit-box-align: center;
  box-pack: center;
  -moz-box-pack: center;
  -webkit-box-pack: center;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 10px;
  font-size: 18px;
  line-height: 22px;
  color: #fff;
  margin: -2px 0 0 0;
  font-family: 'SegoeUISemibold';
}

.company-detail-section .detail-container {
  position: absolute;
  left: 0;
  top: 78px;
  height: calc(100% - 78px);
  z-index: 1;
  width: 100%;
  padding: 15px;
  padding-bottom: 0;
  overflow-y: auto;
}

.company-detail-section .detail-container .sub-heading009 {
  float: left;
  width: 100%;
  margin: 0 0 15px 0;
}

.company-detail-section .detail-container .sub-heading009 h2 {
  font-size: 16px;
  line-height: 22px;
  color: #2c6db9;
  margin: 0;
  padding: 0 10px;
  /* font-family: 'Segoe UI'; */
}

.company-detail-section .company-detail-form {
  float: left;
  width: 100%;
  padding-top: 15px;
}

.company-detail-section .company-detail-form.border-top {
  border-top: 1px solid #2c6db9;
}

.company-detail-section .form-control {
  border-color: #2c6db9;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  height: 40px;
}

.company-detail-section .post-code .form-control {
  width: 45%;
  min-width: 140px;
}

.company-detail-section .custom-btn {
  background-color: #3482dd;
  color: #fff;
  font-family: 'SegoeUISemibold';
  font-size: 16px;
  width: 100%;
  line-height: 36px;
  padding: 0px 10px 3px;
  height: 40px;
  line-height: 20px;
}

.company-detail-section .form-group {
  float: left;
  width: 100%;
}

.company-detail-section .form-group.passwor-block .form-control {
  float: left;
  width: 100%;
  margin: 0 0 10px 0;
}

.company-detail-section .form-group.passwor-block .visitor-error-cls {
  float: left;
  width: 100%;
  margin: -5px 0 10px 0;
  color: #ff0000;
  font-size: 12px;
  line-height: 16px;
}

.company-detail-section .form-group.passwor-block .g-recaptcha-custom {
  float: left;
  width: 100%;
  margin: 0 0 10px 0;
}

.company-detail-section .form-group .custom-btn {
  margin-bottom: 20px;
}

.company-detail-section .form-group .terms-btn .custom-btn {
  margin-bottom: 0;
}

/*.company-detail-section .form-group.margin-zero { margin-bottom: 0; }*/
.company-detail-section .file-select {
  float: left;
  width: 100%;
  position: relative;
}

.company-detail-section .file-select .file-select-button {
  float: left;
  width: 120px;
  background-color: #2c6db9;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  padding: 10px 5px;
  height: 40px;
  text-align: center;
}

.company-detail-section .file-select .file-select-name {
  float: right;
  width: calc(100% - 130px);
  background-color: #fff;
  font-size: 14px;
  line-height: 20px;
  color: #000;
  padding: 10px 10px;
  height: 40px;
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.company-detail-section .file-select input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
  z-index: 1;
}

.company-detail-section .gray-box-cnt {
  float: left;
  width: 100%;
  background-color: #eaeaea;
  padding: 10px;
  margin-bottom: 15px;
}

.company-detail-section .gray-box-cnt h3 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  font-family: 'SegoeUISemibold';
  font-size: 16px;
  color: #3482dd;
  margin: 0 0 10px 0;
  padding: 0;
}

.company-detail-section .gray-box-cnt p {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  font-size: 14px;
  line-height: 20px;
  color: #777;
  margin: 0 0 5px 0;
  padding: 0;
}

.company-detail-section .gray-box-cnt p.blue {
  color: #265489;
}

.company-detail-section .gray-box-cnt p strong {
  font-family: 'SegoeUISemibold';
}

.company-detail-section .form-group.passwor-block {
  margin-top: 5px;
  margin-bottom: 10px;
}

.company-detail-section .form-group.passwor-block .form-control+.form-control {
  margin-top: 10px;
}

.company-detail-section .form-group label {
  float: left;
  width: 100%;
  padding: 0 10px;
  font-weight: normal;
  color: #265489;
}

.company-detail-section .terms-btn {
  float: right;
  width: 110px;
}

.company-detail-section .terms-btn .custom-btn {
  height: 36px;
  font-size: 14px;
  line-height: 33px;
  background-color: #6c6c6c;
  min-width: 1px;
  text-align: center;
}

.company-detail-section .form-group .terms-box-left {
  float: left;
  width: calc(100% - 130px);
}

.company-detail-section .form-group .terms-box-left .agree-terms span {
  float: right;
  margin: 0 0 0 10px;
}

.company-detail-section .form-group .terms-box-left .agree-terms p {
  float: left;
  width: auto;
  color: #666;
  font-size: 14px;
  line-height: 20px;
  width: calc(100% - 30px);
}

.company-detail-section .form-group .terms-box-left .agree-terms span label {
  background-color: transparent;
  border-color: #666;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

.company-detail-section .form-group .terms-box-left .agree-terms span input[type="checkbox"]:checked+label {
  background-image: url("../../../img/front/inner-page/folder-submit-icon-blue.png");
}

#notice-popup .modal-content {
  border: 2px solid #0078d7;
}

#notice-popup .modal-content p {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  color: #265489;
}

#notice-popup .modal-content .button-box {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  margin-top: 10px;
}

#notice-popup .modal-content .button-box .custom-btn {
  float: right;
  text-align: center;
  background-color: #3482dd;
  color: #fff;
  padding-bottom: 3px;
  height: 38px;
}

#notice-popup .modal-content .button-box .custom-btn.cancel {
  background-color: #6c6c6c;
  margin-right: 10px;
}

#add-section-content .header-update-btn+.header-update-btn {
  margin-right: 10px;
}

.container-project-left.planner_bg .top-action-search {
  position: relative;
  z-index: 1;
}

.custom-tooltip-new {
  position: fixed;
  left: 200px;
  top: 195px;
  width: 100%;
  max-width: 400px;
  background: #fff;
  border: 2px solid #2c6db9;
  z-index: 99;
  margin: -110px 0 0 150px;
}

.custom-tooltip-new .custom-tooltip-new-inner {
  float: left;
  width: 100%;
  position: relative;
  z-index: 9;
  background: #fff;
  cursor: pointer;
  text-align: left;
}

.custom-tooltip-new .custom-tooltip-new-inner span.next-tooltip-btn {
  width: auto;
  right: 25px;
  top: 10px;
  height: auto;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  position: absolute;
  /* font-family: 'Segoe UI'; */
  font-weight: normal;
  opacity: 0;
}

.custom-tooltip-new .custom-tooltip-new-inner span.next-tooltip-btn:after {
  position: absolute;
  right: -16px;
  top: 4px;
  width: 0;
  height: 0;
  border-left: 10px solid #fff;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  content: "";
}

.custom-tooltip-new.show-tooltip-next-btn .custom-tooltip-new-inner span.next-tooltip-btn {
  opacity: 1;
  -moz-animation: bounce 2s 2;
  -webkit-animation: bounce 2s 2;
  animation: bounce 2s 2;
}

@keyframes bounce {

  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateX(0);
  }

  40% {
    transform: translateX(-20px);
  }

  60% {
    transform: translateX(-10px);
  }
}

/*.custom-tooltip-new::before { content: ""; position: fixed; left:0; bottom: 0; right: 0; top: 0; width: 100%; height:100%; background: rgba(0,0,0,0.4); }*/
.black-bg {
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 2;
}

.pos-relative.active-guide {
  position: relative;
  z-index: 3 !important;
}

.pos-relative.active-guide.tooltip-shown-div {
  z-index: 4 !important;
}

.custom-tooltip-new.right {
  margin: -85px 0 0 0;
  max-width: 300px;
  left: auto !important;
  right: 70px;
}

.custom-tooltip-new.tooltip-2 {
  margin-top: -130px;
}

.custom-tooltip-new.tooltip-4 {
  left: auto !important;
  top: auto !important;
  bottom: 100%;
  right: 0;
  margin: 0 315px 10px 0;
  position: absolute;
}

.custom-tooltip-new.tooltip-5 {
  margin-top: -110px;
}

.custom-tooltip-new.tooltip-6 {
  left: calc(80% - 340px) !important;
  margin-top: -110px;
}

.custom-tooltip-new.tooltip-7 {
  margin-top: -20px;
}

.custom-tooltip-new.tooltip-8 {
  margin-top: -130px;
}

.custom-tooltip-new.tooltip-9 {
  margin-top: -150px;
}

.custom-tooltip-new.tooltip-10,
.custom-tooltip-new.tooltip-11 {
  margin-top: -105px;
}

.other-hazards .custom-tooltip-new.next-tooltip {
  margin-top: -105px;
}

.custom-tooltip-new.tooltip-12 {
  margin-top: -150px;
}

.custom-tooltip-new.tooltip-13,
.custom-tooltip-new.tooltip-14,
.custom-tooltip-new.tooltip-15 {
  margin-top: -156px;
}

.custom-tooltip-new.tooltip-16 {
  margin-top: -120px;
  max-width: 400px;
}

.custom-tooltip-new.tooltip-19 {
  margin-top: -105px;
  margin-left: -100px;
}

.custom-tooltip-new h2 {
  float: left;
  width: 100%;
  height: auto;
  padding: 10px 15px;
  font-size: 16px;
  line-height: 22px;
  color: #fff;
  margin: 0;
  background: #2c6db9;
  font-family: 'SegoeUISemibold';
  font-weight: normal;
}

.custom-tooltip-new p {
  float: left;
  width: 100%;
  height: auto;
  padding: 20px 15px;
  font-size: 16px;
  line-height: 22px;
  color: #265489;
  margin: 0;
  /* font-family: 'Segoe UI'; */
  font-weight: normal;
}

.custom-tooltip-new::after {
  content: '';
  position: absolute;
  left: 20px;
  bottom: -12px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 12px solid #2c6db9;
  clear: both;
}

.custom-tooltip-new.right::after {
  left: auto;
  right: 30px;
}

.st_email_detail .stat-tempalte-email {
  display: inline-block;
  width: calc(100% - 30px);
  word-break: break-all;
}

.guide-popups .top-navbar-bg .col-md-8.col-lg-9 {
  z-index: 1;
}

.guide-popups .main-container-project .container-project-left .new_pro_bottom_bg {
  z-index: auto;
}

#paymentIframe {
  height: calc(100vh - 181px) !important;
  float: left;
  width: 100%;
  border: none;
}

.iframe-payment.invice-main-container {
  height: 100vh;
}

.iframe-payment.invice-main-container .package-details {
  height: calc(100vh - 298px);
}

.user-sec-main.key-people td.pronew-tbl-cell {
  width: auto;
  word-break: break-all;
}

.user-sec-main.key-people .pro-new-tbl-heading th {
  width: 25%;
}

.close-reason-block {
  float: left;
  width: 100%;
}

.close-reason-block ul {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}

.close-reason-block ul li {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0 0 10px 0;
  list-style: none;
}

.close-reason-block .reason-radio {
  float: left;
  width: 100%;
  padding: 0 0 0 28px;
  position: relative;
}

.close-reason-block .reason-radio input[type=radio] {
  position: absolute;
  left: 0;
  top: 2px;
  width: 20px;
  height: 20px;
  z-index: 3;
  margin: 0;
  border: 1px solid red;
  opacity: 0;
  cursor: pointer;
}

.close-reason-block .reason-radio label {
  float: left;
  width: auto;
  font-size: 14px;
  line-height: 24px;
  color: #000;
  font-weight: 400;
  cursor: pointer;
}

.close-reason-block .reason-radio label:before {
  position: absolute;
  left: 0;
  top: 2px;
  width: 20px;
  height: 20px;
  border: 1px solid #000;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  content: "";
}

.close-reason-block .reason-radio label:after {
  position: absolute;
  left: 4px;
  top: 6px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  content: "";
  background-color: #000;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  opacity: 0;
}

.close-reason-block .reason-radio input[type=radio]:checked+label:after {
  opacity: 1;
}

#subscription-cancel-modal .savexit-btn {
  padding: 5px 15px 7px;
  height: 44px;
}

.close-reason-block .reason-textbox {
  float: left;
  width: 100%;
  margin: 15px 0 5px 0;
}

.close-reason-block .reason-textbox textarea {
  border: 1px solid #ccc;
  padding: 10px;
  font-size: 14px;
  line-height: 20px;
  width: 100%;
  height: 110px;
}

.invice-left-container .checkout-bottom-section .back-button {
  float: left;
  width: 120px;
  margin-top: 15px;
}

.invice-left-container .checkout-bottom-section .t-c-block-outer {
  float: right;
  width: auto;
  max-width: calc(100% - 120px);
}

.invice-right-container .address-details-height .terms-box-left {
  padding: 0 15px;
}

.project-top-border .assessments-req-bg-withborder {
  height: 45px;
}

.guide-popups .main-container-project .container-project-left,
.guide-popups .main-container-project .container-project-left .margin-zero.pro_new_padding,
.guide-popups .main-container-project .container-project-right,
.guide-popups .skip-next-container .hazard-right-bg,
.guide-popups .skip-next-container .pro-hazard-right-scroll,
.guide-popups .option-container .container-hazard-right,
.guide-popups .option-container .border-right-per-involved,
.guide-popups .option-container .container-hazard-left,
.guide-popups .control-btn {
  overflow: inherit;
}

/*.guide-popups2 .hazard_right-scroll { overflow: inherit; }*/
.additional-guide .container-project-left.planner_bg,
.additional-guide .container-project-right,
.additional-guide .skip-next-container {
  position: relative;
  z-index: 9;
}

.additional-guide #projectDetailScreen2 .container-project-left.planner_bg {
  z-index: 1;
}

.guide-popups .active-guide .ra_my_photo_scroll_left {
  z-index: 11;
}

.container-project-right .my-account-detail-block {
  float: left;
  width: 100%;
}

.container-project-right .my-account-logo-block {
  float: left;
  width: 100%;
  position: relative;
}

.container-project-right .my-account-logo-block .logo-btn-section {
  position: inherit;
  float: left;
}

.container-project-right .my-account-logo-block .profile-right-logo {
  float: left;
  width: 100%;
  margin: 30px 5px !important;
  display: flex;
}

.container-project-right .my-account-logo-block .profile-right-logo label {
  display: block;
  margin: auto;
  width: 100%;
}

.container-project-right .my-account-logo-block .profile-right-logo .image-upload,
.container-project-right .my-account-logo-block .profile-right-logo .image-upload2 {
  float: left;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.container-project-right .my-account-logo-block .logo-btn-section .profile-change-logo-btn {
  height: 44px;
  line-height: 20px;
  padding: 10px 5px;
  font-size: 16px;
}

.sticky-table-outer table th.stats-fld-no .tooltip {
  position: fixed;
}

.sticky-table-outer table th.stats-fld-no .tooltip .tooltip-inner {
  font-weight: normal;
  /* font-family: 'Segoe UI'; */
}

.upload-ref-margin a.show-checklist-images,
.upload-ref-margin a.show-checklist-images:hover,
.upload-ref-margin a.show-checklist-images:focus {
  color: #333;
}

.planner-folder-row .row_action_block3 a {
  margin: 0;
}

.planner-folder-row .row_action_block3 a+a {
  margin-left: 40px;
}

.planner-folder-row .row_action_block3 a .img-planner-icon {
  width: 26px;
  margin: 0 auto;
}

.planner-folder-row .row_action_block3 a .img-planner-icon-sh {
  width: 26px;
  margin: 0 auto;
}

.planner-folder-row .row_action_block3 .r-delete-hover .fa-trash-o {
  font-size: 26px;
  line-height: 22px;
}

.container-project-right .add-sign-btn {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}

.container-project-right .add-sign-btn a.custom-btn {
  display: block;
  width: 100%;
  height: 40px;
  background-color: #1c79d7;
  color: #fff;
  text-align: center;
  padding: 10px 10px;
}

a.carry-out-risk {
  float: left;
  width: 100%;
  background-color: #FFF;
  cursor: pointer;
  text-align: left;
  /* font-family: 'Segoe UI'; */
  font-size: 14px;
  color: #000;
  border-color: #2c6db9;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  height: 40px;
  padding: 5px 10px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  border: 1px solid #2c6db9;
}

.carry-out-dropdown {
  float: left;
  width: 100%;
  height: auto;
  max-height: 200px;
  overflow-y: auto;
  background-image: none !important;
  display: none;
  border: none;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 11;
  background-color: #FFF;
  list-style: none;
}

.carry-out-dropdown li {
  background-color: #0078d7;
  color: #FFF;
}

.form-group.ra-people-dd {
  position: relative;
}

.n_dropdown_top .n_dropdown li.add-key-staff span {
  display: block;
  width: 100%;
  text-align: center;
  background-color: #0078d7;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  /* font-family: 'Segoe UI'; */
  padding: 10px 5px;
  margin: 5px 0;
}

.stats-hazard-section {
  float: left;
  width: 100%;
  padding: 5px 15px;
  text-align: left;
}

.stats-hazard-section .stats-hazard-heading {
  float: left;
  width: 100%;
  padding: 10px 15px;
}

.stats-hazard-section .stats-hazard-heading h2 {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  font-size: 50px;
  line-height: 50px;
  font-family: 'bebas_kairegular';
  text-transform: uppercase;
  color: #8e8e8e;
  margin: 0;
}

.stats-hazard-section .stats-hazard-heading span.data-show {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  line-height: 16px;
  padding-left: 5px;
  color: #333;
  font-family: 'SegoeUISemibold';
}

.stats-hazard-section .stats-hazard-content {
  float: left;
  width: 100%;
}

.stats-hazard-section .stats-hazard-content .stats-hazard-box {
  float: left;
  width: 100%;
  margin-bottom: 4px;
}

.stats-hazard-section .stats-hazard-content .hazard-name001 {
  float: left;
  width: 100%;
}

.stats-hazard-section .stats-hazard-content .hazard-name001 label {
  float: left;
  background-color: #333;
  padding: 5px 5px 6px;
  font-size: 13px;
  line-height: 18px;
  color: #fff;
  font-weight: normal;
  margin: 0;
  width: 60px;
  height: 28px;
  text-align: center;
}

.stats-hazard-section .stats-hazard-content .hazard-name001 .hazard-name-box {
  float: left;
  width: calc(100% - 60px);
}

.stats-hazard-section .stats-hazard-content .hazard-name001 .hazard-name-box span {
  float: left;
  padding: 5px 0 6px 10px;
  font-size: 13px;
  line-height: 18px;
  color: #000;
  font-weight: normal;
  margin: 0;
  max-width: 100%;
  width: auto;
  height: 28px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.stats-hazard-section .stats-hazard-content .hazard-percentage-box {
  float: left;
  width: 100%;
  background-color: #e4e4e4;
}

.stats-hazard-section .stats-hazard-content .hazard-percentage-box span {
  float: left;
  width: 100%;
  height: 44px;
  font-family: 'bebas_kairegular';
  color: #fff;
  font-size: 28px;
  line-height: 30px;
  padding: 7px 15px;
  background-color: #eb1d64;
}

.stats-hazard-section .stats-hazard-content .hazard-name001 .tooltip {
  opacity: 1;
}

.stats-hazard-section .stats-hazard-content .hazard-name001 .tooltip .tooltip-arrow {
  border-top-color: #0078d7;
}

.stats-hazard-section .stats-hazard-content .hazard-name001 .tooltip .tooltip-inner {
  font-weight: normal;
  /* font-family: 'Segoe UI'; */
  max-width: 100%;
  background-color: #0078d7;
}

.stats-hazard-section .stats-hazard-content .audit-stat-option-bar {
  float: left;
  width: 100%;
}

.stats-hazard-section .stats-hazard-content .audit-stat-option-bar .hazard-percentage-box {
  margin-bottom: 2px;
}

.stats-hazard-section .stats-hazard-content .audit-stat-option-bar .hazard-percentage-box span {
  height: 30px;
  font-size: 18px;
  line-height: 24px;
  padding: 4px 15px;
  color: #fff;
}

.create-visitor-popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 11111;
  background-color: rgba(0, 0, 0, 0.6);
  overflow-y: auto;
}

.create-visitor-popup-inner .popup-top-image img {
  max-width: 100%;
  display: block;
}

.create-visitor-popup-inner .popup-content {
  background-color: #0078d7;
  padding: 20px;
}

.create-visitor-popup-inner .popup-content h2 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  font-size: 24px;
  line-height: 30px;
  color: #fff;
  font-weight: normal;
  margin: 0 0 15px 0;
  padding: 0;
  font-family: 'segoeuibold';
}

.create-visitor-popup-inner .popup-content p {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  font-size: 20px;
  line-height: 26px;
  color: #fff;
  font-weight: normal;
  margin: 0 0 15px 0;
  padding: 0;
  /* font-family: 'Segoe UI'; */
}

.create-visitor-popup-inner .popup-content p a {
  color: #fff;
}

.create-visitor-popup-inner .visitor-popup-bottom {
  background-color: #fff;
  padding: 20px;
}

.create-visitor-popup-inner .visitor-popup-bottom .bottom-logo {
  float: left;
  width: 25%;
}

.create-visitor-popup-inner .visitor-popup-bottom .bottom-logo img {
  max-width: 100%;
  display: block;
}

.create-visitor-popup-inner .visitor-popup-bottom .custom-btn {
  float: right;
  height: 42px;
  font-size: 16px;
  line-height: 22px;
  padding: 8px 15px;
}

.create-visitor-popup-new .vertical-alignment-helper .modal-dialog .modal-content {
  max-width: 700px;
}

.create-visitor-popup-new .create-visitor-popup-inner .popup-content p span {
  font-family: 'SegoeUISemibold';
}

.create-visitor-popup-new .create-visitor-popup-inner .popup-content p.mar-bot20 {
  margin-bottom: 20px;
}

.create-visitor-popup-new .create-visitor-popup-inner .visitor-popup-bottom .custom-btn {
  font-family: 'SegoeUISemibold';
}

.create-visitor-popup-new .create-visitor-popup-inner .visitor-popup-bottom .bottom-logo {
  width: 32%;
  margin-top: 4px;
}

.ra-top-alert-section {
  width: 100%;
  position: relative;
  overflow: hidden;
  padding: 10px 5px;
  background-color: #ffcd34;
  box-sizing: border-box;
  text-align: center;
  border-bottom: 5px solid #f5da86;
  height: 44px;
}

.ra-top-alert-section p {
  display: inline-block;
  vertical-align: top;
  width: auto;
  margin: 0;
  padding: 0;
  color: #333;
  font-size: 14px;
  line-height: 22px;
}

.ra-top-alert-section p a {
  display: inline-block;
  color: #1c79d7;
  text-decoration: underline;
  margin: 0 4px;
}

.ra-top-alert-section p a:hover {
  text-decoration: none;
}

.ra-top-alert-section .ra-switch-toggle {
  position: absolute;
  right: 20px;
  top: 10px;
  width: auto;
  z-index: 1;
}

.ra-top-alert-section .ra-switch-toggle p {
  display: inline-block;
  vertical-align: top;
}

.ra-top-alert-section .ra-switch-toggle .switch-toggle {
  display: inline-block;
  vertical-align: top;
  margin-left: 5px;
  margin-top: 1px;
  width: auto;
  position: relative;
}

.ra-top-alert-section .ra-switch-toggle .switch-toggle input[type="radio"] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  opacity: 0;
  cursor: pointer;
}

.ra-top-alert-section .ra-switch-toggle .switch-toggle label {
  width: 34px;
  height: 18px;
  background-color: rgba(254, 254, 254, 0.7);
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  position: relative;
  display: inline-block;
}

.ra-top-alert-section .ra-switch-toggle .switch-toggle input[type="radio"]:checked+label {
  background-color: rgba(254, 254, 254, 1);
}

.ra-top-alert-section .ra-switch-toggle .switch-toggle label:after {
  display: block;
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  left: 2px;
  top: 2px;
  background-color: #1c79d7;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.ra-top-alert-section .ra-switch-toggle .switch-toggle input[type="radio"]:checked+label:after {
  left: 18px;
}

.ra-top-alert-section .wrapper p {
  padding: 0 100px;
}

.order-history-tbl .order-history-tbl-cls .table {
  margin-bottom: 0;
}

.main-container-project .container-project-left .stat-done-block {
  position: relative;
  display: inline-block;
}

.audit-pdf-preview-block .adt-action-col {
  height: 40px;
}

.audit-pdf-preview-block .adt-action-col .ms-bottom-btn {
  display: block;
  height: 40px;
}

#myModal2 .close-btn:hover {
  border-color: #fccd05;
  color: #000 !important;
}

.paypal-button-tagline {
  visibility: visible !important;
}

::-ms-clear {
  display: none;
}

select::-ms-expand {
  display: none;
}

.row.risk-folder-row {
  float: left;
  width: calc(100% + 30px);
}

.register-success-section.main-container-project .container-project-left {
  width: 100%;
  padding: 20px;
}

.register-success-section .thankyou-block {
  float: left;
  width: 100%;
  text-align: center;
  margin-top: 20px;
}

.register-success-section .thankyou-block img {
  display: block;
  width: auto;
  margin: 0 auto 20px;
  max-width: 150px;
}

.register-success-section .thankyou-block span {
  font-family: 'bebas_kairegular';
  font-size: 80px;
  color: #333;
}

.register-success-section .content-block {
  float: left;
  width: 100%;
  text-align: center;
  margin: 20px 0;
}

.register-success-section .content-block p {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  /* font-family: 'Segoe UI'; */
  font-size: 18px;
  line-height: 30px;
  color: #000;
  margin-bottom: 30px;
}

.register-success-section .content-block a {
  display: inline-block;
  vertical-align: top;
}

.register-success-section .content-block img {
  display: block;
  width: auto;
  margin: 0 auto;
  max-width: 150px;
}

.register-success-section .content-block .custom-btn {
  margin-bottom: 40px;
  background-color: #0078d7;
  color: #fff;
  font-size: 18px;
  line-height: 24px;
  height: 44px;
}

.container-project-right .n_dropdown_top a.init_key_staff {
  line-height: 20px;
  height: 32px;
  font-size: 14px;
  padding: 5px 30px 5px 15px;
}

.container-project-right .assessment_date_heading {
  width: 100%;
  vertical-align: top;
  font-size: 14px;
  line-height: 20px;
  margin: 0;
  padding: 0 15px;
}

.container-project-right .new_project_dd {
  height: 32px;
  font-size: 14px;
  line-height: 20px;
  margin: 0;
  border: 1px solid #181818;
}

.container-project-right .margin-bottom-neg {
  margin-bottom: 5px;
}

.container-project-right ul.n_dropdown li:not(.init) {
  font-size: 14px;
  line-height: 20px;
  padding: 4px 15px 5px 15px;
}

.container-project.stats-section .wrapper-dropdown-5 .dropdown {
  width: calc(100% + 2px);
  left: -1px;
  padding: 0 !important;
}

.container-project.stats-section .wrapper-dropdown-5 .dropdown li a {
  width: 100%;
  padding: 7px 10px;
  font-size: 14px;
}

.container-project.stats-section .wrapper-dropdown-5 .dropdown li a .temdrop-text {
  width: 100%;
  display: block;
}

#stat-email-form .email-report-form .n_dropdown_top .n_dropdown li.selectOption {
  padding-left: 15px;
  padding-right: 15px;
  word-break: break-all;
}

.single .pickmeup .pmu-instance .pmu-button.pmu-selected:hover {
  color: #fff !important;
}

.stat-actions .col-sm-4,
.stat-actions .col-sm-6 {
  width: calc(100% - 560px);
}

.stat-actions .stat-link-block {
  width: 560px;
}

.stat-actions .action-stat-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.add-standard-user-btns .savexit-btn {
  min-width: 150px;
  margin: 0 0 10px 0;
}

.noti-action-block.add-standard-user-btns {
  padding: 5px;
}

.margin-top10 {
  margin-top: 10px;
}

.margin-top20 {
  margin-top: 20px;
}

.margin-top30 {
  margin-top: 30px;
}

#UserUpdateProfileForm .profile-assissment {
  margin-bottom: 0;
  padding: 0 6px;
  font-size: 14px;
}

.key-people .key-people-tbl {
  height: auto;
  overflow-y: auto;
  width: 100%;
  overflow-x: hidden;
}

.key-people .hazard-add-new-control>a {
  height: 42px;
}

.key-people .table_user_heading {
  height: 42px;
  line-height: 24px;
}

.show-pdf-loader .ra-loader {
  display: block !important;
}

.container-hazard-left.plan-type-section-outer {
  overflow-y: auto;
}

.guide-popups .inner-top-navbar {
  z-index: 11;
}

.upgrade-section.first-refral-section {
  width: 100%;
  height: 0px;
}

.upgrade-section.first-refral-section .upgrade-block {
  right: auto;
  left: 120px;
  top: auto;
  bottom: 12px;
}

.main-container-project .container-project-left#folder-assessment-list {
  overflow: visible;
}

.upgrade-section.first-refral-section .upgrade-block::after {
  top: 100%;
  right: auto;
  left: 40px;
  transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.error-border {
  border: 1px solid red !important;
}

#defaultFolderUsers .modal-body ul {
  float: left;
  width: 100%;
  height: 100%;
  padding: 0;
  counter-reset: user-counter;
}

#defaultFolderUsers .modal-body ul li {
  float: left;
  width: 100%;
  margin: 0;
  padding: 10px 15px 10px 33px;
  list-style: none;
  font-size: 14px;
  line-height: 20px;
  color: #999;
  position: relative;
  background-color: #f5f5f5;
}

#defaultFolderUsers .modal-body ul li:nth-child(even) {
  background-color: #fff;
}

#defaultFolderUsers .modal-body ul li span {
  color: #000;
}

#defaultFolderUsers .modal-body ul li:before {
  position: absolute;
  left: 15px;
  top: 10px;
  color: #000;
  font-weight: bold;
  font-size: 14px;
  counter-increment: user-counter;
  content: counter(user-counter) ". ";
}

#defaultFolderUsers.small .vertical-alignment-helper .modal-dialog .modal-content {
  max-width: 560px;
}

#defaultFolderUsers .modal-body {
  padding-top: 0;
  padding-bottom: 0;
}

.copy-library,
.import-hazard-csv {
  border-right: 1px solid #333;
  border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
}

.hazard-containe .item-sort-list {
  width: calc(100% - 550px);
}

.hazard-containe .hazard-add-control-btn {
  width: 550px;
  padding-left: 0;
}

.table_ngroup div.n_group_tbl_height .pro-grp-head-cell {
  word-break: break-all;
}

.custom-btn.add-inustry-hazard {
  background-color: #1b79d7 !important;
  color: #fff;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  position: absolute;
  left: 0;
  bottom: 41px;
  z-index: 1;
}

.custom-btn.add-public-library {
  background-color: #1b79d7 !important;
  color: #fff;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  position: absolute;
  left: 0;
  bottom: 82px;
  z-index: 1;
}

.custom-btn.export-hazard {
  background-color: #1b79d7 !important;
  color: #fff;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}

.custom-btn.import-master-library {
  background-color: #1b79d7 !important;
  color: #fff;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  position: absolute;
  left: 0;
  bottom: 40px;
  z-index: 1;
  border-bottom: 1px solid white;
}

.container-project-right .industry-hazard-outer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: calc(100% - 80px);
  overflow-y: auto;
  z-index: 1;
}

.industry-hazard-section .temp-item-sort {
  height: 44px;
}

.main-container-project.hazard-containe .container-project-left.industry-hazard-section .display-flex.margin-zero {
  max-height: calc(100% - 107px);
  flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
}

.industry-hazard-section .industry-hazard-box-outer {
  display: flex;
  flex-wrap: wrap;
}

.industry-hazard-section .industry-hazard-box {
  float: left;
  width: 50%;
  background-color: #f2f2f2;
  padding: 15px;
  border-bottom: 1px solid #fff;
  cursor: pointer;
}

.industry-hazard-section .industry-hazard-box:nth-child(even) {
  border-left: 1px solid #fff;
}

.industry-hazard-section .industry-hazard-box.selected {
  background-color: #2da0db;
}

.industry-hazard-section .industry-hazard-box h2 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  margin: 0;
  font-size: 18px;
  line-height: 24px;
  color: #000;
  font-family: "SegoeUISemibold";
}

.industry-hazard-section .industry-hazard-box p {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  margin: 0 0 2px 0;
  font-size: 14px;
  line-height: 20px;
  color: #333;
  /* font-family: 'Segoe UI'; */
}

.industry-hazard-section .industry-hazard-box a.industry-link {
  display: inline-block;
  width: auto;
  vertical-align: top;
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  color: #1b79d7;
  /* font-family: 'Segoe UI'; */
  text-decoration: none;
}

.industry-hazard-section .industry-hazard-box.selected h2,
.industry-hazard-section .industry-hazard-box.selected p,
.industry-hazard-section .industry-hazard-box.selected a {
  color: #fff;
}

.data-body .all-hazard-sec.industry-top-hazard .col-sm-4 {
  width: calc(100% - 320px);
}

.data-body .all-hazard-sec.industry-top-hazard .col-sm-8 {
  width: 320px;
}

.data-body .all-hazard-sec.industry-top-hazard .col-sm-8 .wrapper-dropdown-5 {
  width: 100% !important;
}

.add-standard-user-btns .savexit-btn.add-more-back-user {
  margin-left: 15px;
}

.user-table .pronew-tbl-cell .n_dropdown_top {
  width: 180px;
}

.user-table .pronew-tbl-cell .n_dropdown_top a.init_key_staff {
  background-color: #ccc;
  color: #1d1d1b;
  border: 1px solid #fff;
  font-size: 14px;
  background-image: url("../../../img/front/taskmanager/temp-down-arrow.png");
  background-repeat: no-repeat;
  background-position: calc(100% - 5px) center;
  background-size: 14px auto;
  padding-left: 10px;
}

.user-table .pronew-tbl-cell ul.n_dropdown li {
  padding-left: 10px;
  padding-right: 10px;
}

.user-table .pronew-tbl-cell ul.n_dropdown li:not(.init) {
  background-color: #ccc;
  color: #1d1d1b;
  font-size: 14px;
  cursor: pointer;
  border-color: #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  white-space: nowrap;
}

.user-table .pronew-tbl-cell ul.n_dropdown li.selected:not(.init) {
  background-color: #999;
  color: #fff;
}

.user-table .pronew-tbl-cell ul.n_dropdown {
  width: auto;
  min-width: 100%;
}

.group-table .pronew-tbl-cell .n_dropdown_top {
  width: 180px;
}

.group-table .pronew-tbl-cell .n_dropdown_top a.init_key_staff {
  background-color: #ccc;
  color: #1d1d1b;
  border: 1px solid #fff;
  font-size: 14px;
  background-image: url("../../../img/front/taskmanager/temp-down-arrow.png");
  background-repeat: no-repeat;
  background-position: calc(100% - 5px) center;
  background-size: 14px auto;
  padding-left: 10px;
}

.group-table .pronew-tbl-cell ul.n_dropdown li:not(.init) {
  background-color: #ccc;
  color: #1d1d1b;
  font-size: 14px;
  cursor: pointer;
  border-color: #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  white-space: nowrap;
}

.group-table .pronew-tbl-cell ul.n_dropdown li.selected:not(.init) {
  background-color: #999;
  color: #fff;
}

.group-table .pronew-tbl-cell ul.n_dropdown {
  width: auto;
  min-width: 100%;
}

.group-table .pronew-tbl-cell ul.n_dropdown li {
  padding-left: 10px;
  padding-right: 10px;
}

#support-request .file_upload {
  background: none;
  padding: 0;
  border: none;
  position: relative;
  float: left;
  width: 100%;
}

#support-request .file_upload #ContactAttachment {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
}

#support-request .file_upload .btn_lbl {
  float: left;
  width: 120px;
  background-color: #1c79d7;
  height: 34px;
  padding: 6px 10px;
  text-align: center;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

#support-request .file_upload #uploadFile {
  float: left;
  width: calc(100% - 120px);
  padding: 6px 10px;
  font-size: 14px;
  color: #fff;
  background: none;
  border: none;
}

#support-request .custom-checkbox {
  float: left;
  width: 100%;
  position: relative;
  margin: 10px 0 0 0;
}

#support-request .custom-checkbox span {
  float: left;
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  padding: 0 0 0 30px;
}

#support-request .custom-checkbox input[type="checkbox"] {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  z-index: 2;
  display: block;
  margin: 0;
  min-height: 1px;
  opacity: 0;
  cursor: pointer;
}

#support-request .custom-checkbox span:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background: #fff;
  content: "";
}

#support-request .custom-checkbox span:after {
  position: absolute;
  left: 3px;
  top: 3px;
  width: 14px;
  height: 14px;
  background: #1c79d7;
  content: "";
  z-index: 1;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  opacity: 0;
}

#support-request .custom-checkbox input[type="checkbox"]:checked+span:after {
  opacity: 1;
}

#uploadFile::-webkit-input-placeholder {
  color: #f6f6f6;
}

#uploadFile::-moz-placeholder {
  color: #f6f6f6;
}

#uploadFile:-ms-input-placeholder {
  color: #f6f6f6;
}

#uploadFile:-moz-placeholder {
  color: #f6f6f6;
}

.container-project-left.creat-audit-top-bar {
  width: 100%;
}

.container-project-left.creat-audit-top-bar .audit-page-title {
  padding-right: 35px;
}

.container-project-left.creat-audit-top-bar .audit-ref-title {
  display: inline-block;
  width: auto;
  max-width: 60%;
  vertical-align: top;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.order-history-tbl.down .user-table .pro-new-tbl-row:nth-child(4)~.pro-new-tbl-row .pronew-tbl-cell ul.n_dropdown {
  top: auto;
  bottom: 100%;
}

.order-history-tbl .user-table .pro-new-tbl-row .pronew-tbl-cell ul.n_dropdown.uplist {
  top: auto !important;
  bottom: 100% !important;
}

.order-history-tbl .user-table .pro-new-tbl-row .pronew-tbl-cell ul.n_dropdown.downlist {
  top: 100% !important;
  bottom: auto !important;
}

.order-history-tbl.updiv .pro-table-scroll {
  overflow-y: inherit;
}

#shippingAddressPopupVisitor .country-filled-check {
  float: left;
  width: 100%;
  position: relative;
}

#shippingAddressPopupVisitor .country-filled-check p {
  float: left;
  width: 100%;
  padding: 0 0 0 30px;
}

#shippingAddressPopupVisitor .country-filled-check span {
  position: absolute;
  width: 20px;
  height: 20px;
  border: 1px solid #999;
  left: 0;
  top: 0;
}

#shippingAddressPopupVisitor .country-filled-check span input[type="checkbox"] {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
  cursor: pointer;
}

#shippingAddressPopupVisitor .country-filled-check span label {
  position: absolute;
  left: 2px;
  top: 2px;
  width: 14px;
  height: 14px;
  background: #1c79d7;
  z-index: 1;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  opacity: 0;
  margin: 0;
}

#shippingAddressPopupVisitor .country-filled-check span input[type="checkbox"]:checked+label {
  opacity: 1;
}

.container-project-right.top-action-search {
  position: relative;
}

.multipale-search {
  position: absolute;
  display: none;
  left: 0;
  top: 40px;
  width: calc(100% - 15px);
  background: #cccccc;
  border: 1px solid #fff;
  z-index: 11;
  padding: 15px;
}

.map-block .multipale-search {
  top: 52px;
  width: 100%;
}

.show-additional-search .multipale-search {
  display: block;
}

.multipale-search .form-control {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  /* font-family: 'Segoe UI'; */
  outline: none;
  border: none;
}

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

.multipale-search .form-group.margin0 {
  margin-bottom: 0;
}

.multipale-search .filter, .icon-transparency .hazard-tranparency {
  float: left;
  width: calc(100% - 20px);
  height: 2px;
  border: none !important;
  background-color: #1c79d7;
  margin-top: 30px;
  margin-bottom: 25px;
  margin-left: 10px;
}

.icon-transparency .hazard-tranparency {
  width: calc(100% - 20px);
  margin-left: 20px;
  margin-top: 25px;
  background: linear-gradient(to left, #fff 70%, #666 30%)
}

.opacity-range-slider .pro-sel-padding {
  width: 90%;
}

.multipale-search .ui-slider-horizontal .ui-slider-handle, .icon-transparency .ui-slider-horizontal .ui-slider-handle {
  width: 44px;
  height: 16px;
  background: none;
  margin-left: -4px;
  top: -32px;
  color: #000;
  font-family: "SegoeUISemibold";
  font-size: 12px;
  position: absolute;
  right: 0;
  text-align: center;
}

.multipale-search .ui-slider-horizontal .ui-slider-handle span, .icon-transparency .ui-slider-horizontal .ui-slider-handle span {
  margin-left: -40px;
}

.multipale-search .ui-slider-horizontal .ui-slider-handle:after, .icon-transparency .ui-slider-horizontal .ui-slider-handle:after {
  display: block;
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  background-color: #ffcc33;
  border: 2px solid #fff !important;
  top: 24px;
  left: 0;
  z-index: 1;
  position: absolute;
  margin-left: -4px;
}
.icon-transparency .ui-slider-horizontal .ui-slider-handle:after {
  border: none !important;
}

.create-assessment-slider .ui-slider-handle {
  top: 3px !important;
  margin-left: 10px !important;
}

.opacity-disclaimer {
  padding: 10px;
  border: 1px solid #fff;
  box-shadow: 10px 10px 10px 15px rgba(0, 0, 0, .3);
}
.container-project-grid-right .plann-grid-right-vert-scroll+.row.margin-zero{ padding-top: 15px;}

.multipale-search .filter img {
  max-width: 100%;
}

.multipale-search .custom-btn.blue {
  width: 100%;
  text-align: center;
  background-color: #1c79d7;
  color: #fff;
  padding: 7px 5px 9px 5px;
}

.multipale-search-outer {
  border-bottom: 1px solid #999;
  height: auto;
  padding: 15px 20px;
  overflow: hidden;
}

.multipale-search-outer .multipale-search {
  display: block;
  position: relative;
  top: 0;
  width: 100%;
  background: transparent;
  border: none;
  padding: 0;
}

.multipale-search-outer .multipale-search .ui-slider-horizontal .ui-slider-handle {
  color: #fff;
}

.multipale-search-outer .multipale-search .form-group {
  margin-bottom: 5px;
}

.multipale-search-outer .multipale-search .filter {
  margin-bottom: 5px;
}

.multipale-search-outer .multipale-search .form-control {
  border: 2px solid #181818;
  background-color: #2a2a2a;
  color: #fff;
}

.multipale-search-outer .multipale-search .form-control::placeholder {
  color: #fff;
  opacity: 1;
}

.multipale-search-outer .multipale-search .form-control:-ms-input-placeholder {
  color: #fff;
  opacity: 1;
}

.multipale-search-outer .multipale-search .form-control::-ms-input-placeholder {
  color: #fff;
  opacity: 1;
}

.container-project-right .right-slide-inner {
  float: left;
  width: 100%;
  margin-bottom: 42px;
}

.container-project-right .right-slide02 {
  right: -500px;
  position: absolute;
  top: 0;
  width: 100%;
  height: calc(100% - 80px);
  overflow-y: auto;
  z-index: 1;
  padding: 15px;
  transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -webkit-transition: all 0.6s ease-in-out;
}

.container-project-right .right-slide01 {
  left: auto !important;
  right: -500px;
  transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -webkit-transition: all 0.6s ease-in-out;
}

.container-project-right .right-slide01.active {
  right: 0;
}

.container-project-right .right-slide02.active {
  right: 0;
}

.container-project-right .right-slide02 .users-data {
  float: left;
  width: 100%;
}

/*.container-project-right .right-slide02 .users-data table { border-collapse: collapse;  }
/* .container-project-right .right-slide02 .users-data table tr th, .container-project-right .right-slide02 .users-data table tr td { background-color: #e2e2e2; border: 1px solid #fff; color: #000; padding:5px 10px; font-family: 'Segoe UI'; font-size: 14px; font-weight: normal;} */
.container-project-right .right-slide02 .users-data table tr th { font-family: "SegoeUISemibold"; }*/
.container-project-right .right-slide02 .users-data ul {
  float: left;
  width: 100%;
  padding: 0 0 10px 0;
  margin: 15px 0 0 0;
  border-bottom: 1px dashed #999;
}

.container-project-right .right-slide02 .users-data ul:last-child {
  border-bottom: none;
}

.container-project-right .right-slide02 .users-data ul li {
  list-style: none;
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}

.container-project-right .right-slide02 .users-data ul li label {
  float: left;
  width: 46px;
  font-weight: normal;
  font-family: "SegoeUISemibold";
  font-size: 14px;
  line-height: 20px;
  color: #000;
}

.container-project-right .right-slide02 .users-data ul li span {
  float: left;
  width: calc(100% - 46px);
  font-weight: normal;
  /* font-family: 'Segoe UI'; */
  font-size: 14px;
  line-height: 20px;
  color: #000;
}

.container-project-right .right-slide02 .total-time {
  float: left;
  width: 100%;
  margin-bottom: 0;
}

.container-project-right .right-slide02 .total-time label {
  margin: 0;
}

.container-project-right .slide-buttons {
  position: absolute;
  left: 15px;
  width: calc(100% - 32px);
  bottom: 40px;
  z-index: 2;
  padding: 13px 0 8px 2px;
  text-align: center;
  background-color: #e6e6e6;
}

.container-project-right .no-btn+.right-slide02+.slide-buttons {
  bottom: 40px;
}

.container-project-right .slide-buttons a {
  display: inline-block;
  vertical-align: top;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  margin: 0 5px;
  position: relative;
}

.container-project-right .slide-buttons a:before {
  position: absolute;
  z-index: 1;
  width: 70%;
  height: 70%;
  left: 15%;
  top: 15%;
  display: block;
  background-color: #ccc;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  content: "";
}

.container-project-right .slide-buttons a.active:before {
  background-color: #1b79d7;
}

.right-side-profile .my-account-detail-block .profile-row-bg .col-lg-8.col-sm-7.col-md-8 {
  width: 150px;
}

.right-side-profile .my-account-detail-block .profile-row-bg .col-lg-4.col-sm-5.col-md-4 {
  width: calc(100% - 150px);
}

.right-side-profile .my-account-detail-block .profile-row-bg .col-lg-4.col-sm-5.col-md-4 .plan-text-right {
  font-size: 14px;
  line-height: 20px;
}

.font-upper {
  text-transform: uppercase;
}

.pronew-tbl-cell-last .delete-user {
  color: red !important;
}

.manage-user-section {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}

.manage-user-section table {
  border-collapse: collapse;
}

.manage-user-section table tr td,
.manage-user-section table tr th {
  font-size: 14px;
  line-height: 20px;
  padding: 10px 5px;
  text-align: center;
  border: 1px solid #ccc;
  background-color: #f2f2f2;
}

.manage-user-section table tr:nth-child(odd) td {
  background-color: #fff;
}

.manage-user-section table tr th {
  font-family: "SegoeUISemibold";
  background-color: #ddd;
}

.custom-checkbox-new {
  display: inline-block;
  width: 20px;
  height: 20px;
  position: relative;
  vertical-align: top;
}

.custom-checkbox-new span {
  position: absolute;
  width: 20px;
  height: 20px;
  border: 1px solid #999;
  left: 0;
  top: 0;
}

.custom-checkbox-new span input[type="checkbox"] {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
  cursor: pointer;
}

.custom-checkbox-new span label {
  position: absolute;
  left: 2px;
  top: 2px;
  width: 14px;
  height: 14px;
  background: #1c79d7;
  z-index: 1;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  opacity: 0;
  margin: 0;
}

.custom-checkbox-new span input[type="checkbox"]:checked+label {
  opacity: 1;
}

.advance-search-section {
  position: absolute;
  left: 0;
  top: 138px;
  z-index: 9;
  background-color: #2a2a2a;
  width: 100%;
  height: calc(100% - 127px);
  overflow-y: auto;
  padding-top: 15px;
}

.stats-section .container-project-right .tab-content .n_folder-right-side-bar .stats-filter-btn.advance-filter {
  margin-bottom: 1px;
}

.advance-search-section a.advance-filter-close {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 24px;
  height: 24px;
  z-index: 9;
  background-image: url("../../../img/front/inner-page/close-btn.png");
  background-size: 12px auto;
  background-position: center;
  background-repeat: no-repeat;
}

.profile-detail-section-new {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: calc(100% - 62px);
  z-index: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding-bottom: 20px !important;
}

.profile-detail-bottom {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 62px;
  z-index: 1;
  background-color: #666;
  padding: 15px 20px;
}

.profile-detail-bottom .btn {
  background-color: #fc3 !important;
  color: #000;
}

.profile-detail-bottom .btn.pull-right {
  margin-left: 10px;
}

.profile-detail-bottom .black-btn {
  background-color: #1a1a1a !important;
  color: #fff;
}

.temp-edit-block .add-tem-btn a.importStatement {
  padding: 10px 15px;
}

.import-block {
  float: left;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.import-block .custom-btn.import-done {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 36px;
  line-height: 20px;
  padding: 8px 15px;
  font-size: 14px;
  background-color: #0078d7;
  color: #fff;
  font-weight: 400;
}

.import-block .quick-title {
  padding: 10px 15px 15px;
  color: #000;
  height: 46px;
}

.import-block .import-list {
  position: absolute;
  left: 0;
  top: 46px;
  height: calc(100% - 82px);
  width: 100%;
  z-index: 1;
  overflow-y: auto;
  overflow-x: hidden;
}

.import-block .import-list #import-statement-list .ra-hazard-controls {
  border-top: 1px solid #484848 !important;
}

.downgrade-info {
  background-color: #ff0000;
  color: #fff;
  padding: 10px 40px 10px 10px;
  position: relative;
}

.downgrade-info .remove-downgrade-info {
  width: 24px;
  height: 24px;
  background-image: url("../../../img/front/inner-page/close-btn.png");
  background-size: 12px auto;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  right: 7px;
  top: 7px;
  font-size: 0px;
  line-height: 0px;
  cursor: pointer;
}

.profile-detail-section .pro-con-left2 a {
  color: #1c79d7;
}

.profile-detail-section .pro-con-left2 a:hover {
  color: #000;
}

.hazard-control-scroll .select-all {
  float: left;
  width: 100%;
  margin: -5px 0 15px 0;
  position: relative;
}

.hazard-control-scroll .select-all input[type="checkbox"] {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  opacity: 0;
  z-index: 2;
}

.hazard-control-scroll .select-all label {
  float: left;
  width: auto;
  padding: 0 0 0 30px;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  margin: 0;
}

.hazard-control-scroll .select-all label:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  z-index: 1;
  border: 1px solid #999;
  content: "";
}

.hazard-control-scroll .select-all label:after {
  position: absolute;
  left: 3px;
  top: 3px;
  width: 14px;
  height: 14px;
  z-index: 1;
  background-color: #1c79d7;
  content: "";
  opacity: 0;
}

.hazard-control-scroll .select-all input[type="checkbox"]:checked+label:after {
  opacity: 1;
}

.password-form-group {
  position: relative;
}

.password-show {
  position: absolute;
  right: calc(10% + 5px);
  top: 3px;
  width: 24px;
  height: 24px;
  z-index: 1;
  background-image: url(../../../img/front/home/password-show.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 14px auto;
  text-decoration: none !important;
}

.password-hide {
  position: absolute;
  right: calc(10% + 5px);
  top: 3px;
  width: 24px;
  height: 24px;
  z-index: 1;
  background-image: url(../../../img/front/home/password-hide.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 14px auto;
  text-decoration: none !important;
}

.password-form-group input[type="password"] {
  padding-right: 30px !important;
}

#change-email .password-show,
#change-email .password-hide {
  right: 5px;
  top: 4px;
}

.company-detail-section .password-show,
.company-detail-section .password-hide {
  right: 5px;
  top: 8px;
}

.plan-downgrade-warning {
  float: left;
  width: 100%;
  background-color: #fff8c4;
  color: #000;
  padding: 8px 15px;
  border-top: 1px solid #f9eb81;
  border-bottom: 1px solid #f9eb81;
  font-size: 14px;
  line-height: 20px;
}

.plan-downgrade-warning:before {
  display: inline-block;
  width: 18px;
  height: 20px;
  content: "\f071";
  font-family: 'FontAwesome';
  font-size: 14px;
  line-height: 20px;
  color: #d1a824;
}

#folder-assessment-list .plan-downgrade-warning {
  width: calc(100% + 30px);
  margin-left: -15px;
  padding: 8px 20px;
}

.profile-detail-section-new .plan-downgrade-warning {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 2;
}

.order-history-tbl .order-history-tbl-cls table.user-table tr th {
  font-size: 14px;
  padding: 8px 10px !important;
}

.order-history-tbl .order-history-tbl-cls table.user-table tr th.name {
  width: 250px !important;
}

.order-history-tbl .order-history-tbl-cls table.user-table tr th.email {
  width: 350px !important;
}

.order-history-tbl .order-history-tbl-cls table.user-table tr th.status {
  width: 120px !important;
}

.order-history-tbl .order-history-tbl-cls table.user-table tr th.usage {
  width: 120px !important;
}

.order-history-tbl .order-history-tbl-cls table.user-table tr th.default-folder {
  width: 200px !important;
}

.order-history-tbl .order-history-tbl-cls table.user-table tr th.action {
  width: 520px !important;
}

.order-history-tbl .order-history-tbl-cls table.user-table tr th.sort-assessment-time {
  width: 200px !important;
}

.order-history-tbl .order-history-tbl-cls table.user-table tr td {
  width: auto;
  padding: 8px 10px !important;
  font-weight: normal;
  font-size: 14px;
}

.order-history-tbl .order-history-tbl-cls table.user-table tr td.pronew-tbl-btn {
  padding: 0 !important;
}

.order-history-tbl .order-history-tbl-cls table.user-table tr td .btn {
  font-size: 14px;
  line-height: 20px;
  padding: 9px 10px;
}

.order-history-tbl .order-history-tbl-cls table.user-table tr td .au-edit-tb {
  padding: 8px 10px;
}

.order-history-tbl .order-history-tbl-cls table.group-table tr th {
  font-size: 14px;
  padding: 8px 10px !important;
}

.order-history-tbl .order-history-tbl-cls table.group-table tr td {
  width: auto;
  padding: 8px 10px !important;
  font-weight: normal;
  font-size: 14px;
}

.order-history-tbl .order-history-tbl-cls table.group-table tr th.action {
  width: 250px !important;
}

.risk-folder-row a.incident-heading-download {
  float: left;
  width: auto;
  display: block;
  padding: 0;
  margin: 0;
  text-align: left;
  background-color: transparent !important;
  color: #000;
  min-width: 1px;
  font-size: 16px;
}

.key-people .pronew-tbl-btn .user-sta-done,
.key-people .pronew-tbl-btn .user-sta-btn {
  font-size: 13px;
  line-height: 20px;
  height: 34px;
  padding-left: 20px;
  padding-right: 20px;
}

.main-container-project .container-project-left .new_pro_bottom_bg.pdf-bottom-sec {
  background-color: #2c6db9;
  text-align: center;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.main-container-project .container-project-left .new_pro_bottom_bg.pdf-bottom-sec .bottom_btn_padding {
  font-size: 18px;
  line-height: 52px;
  color: #fff;
  display: inline-block;
  vertical-align: top;
  padding-right: 50px;
  position: relative;
}

.main-container-project .container-project-left .new_pro_bottom_bg.pdf-bottom-sec .bottom_btn_padding:after {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 100%;
  content: "";
  background-image: url("../../../img/front/inner-page/back-arrow-white.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 28px auto;
  transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.main-container-project.hazard-containe .container-project-left.industry-hazard-section #library-info-section .display-flex.margin-zero {
  max-height: calc(100% - 45px);
}

.newpage-section {
  margin: 0;
}

.newpage-section .container.mar-tb30 {
  margin-top: 20px;
  margin-bottom: 20px;
  float: left;
}

.newpage-section .m-top20 {
  margin-top: 20px;
}

.newpage-section .m-top30 {
  margin-top: 30px;
}

.newpage-section .m-bottom20 {
  margin-bottom: 20px;
}

.newpage-section .container {
  width: 100%;
  max-width: 100%;
  padding: 0 20px;
  overflow: hidden;
}

.newpage-section .top-cnt p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
  padding-bottom: 0;
}

.newpage-section .top-cnt p strong {
  display: block;
  width: 100%;
  font-size: 18px;
}

.newpage-section .two-column h2 {
  float: left;
  width: 100%;
  margin: 0;
  font-size: 16px;
  line-height: 20px;
  color: #666;
  font-family: 'SegoeUISemibold';
}

.newpage-section .two-column ul {
  float: left;
  width: 100%;
  margin: 3px 0 0 0;
  padding: 0;
}

.newpage-section .two-column ul li {
  float: left;
  width: 100%;
  margin: 6px 0 0 0;
  padding: 0 0 0 14px;
  position: relative;
  list-style: none;
  font-size: 14px;
  line-height: 20px;
}

.newpage-section .two-column ul li:before {
  position: absolute;
  left: 0;
  top: 7px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  background-color: #000;
  content: "";
}

.newpage-box h1 {
  float: left;
  width: 100%;
  font-size: 24px;
  line-height: 30px;
  color: #fff;
  font-family: 'SegoeUISemibold';
  margin: 0;
  background-color: #2a70b7;
  padding: 20px 0;
}

.newpage-box h2 {
  float: left;
  width: 100%;
  font-size: 18px;
  line-height: 24px;
  color: #fff;
  font-family: 'SegoeUISemibold';
  margin: 0;
  background-color: #2491ff;
  padding: 20px 0;
}

.newpage-box h2.title2 {
  background-color: #e3e3e3;
  color: #2491ff;
}

.newpage-box h2 strong {
  font-family: 'SegoeUISemibold';
  font-weight: normal;
}

.newpage-box p {
  float: left;
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  color: #000;
  /* font-family: 'Segoe UI'; */
  margin: 0;
}

.newpage-box p.mar-top10 {
  margin-top: 10px;
}

.newpage-box p.mar-bottom10 {
  margin-bottom: 10px;
}

.newpage-box p strong {
  font-family: 'segoeuibold';
  font-weight: normal;
}

.newpage-box p a {
  color: #0078d7;
  text-decoration: none;
  font-family: 'SegoeUISemibold';
}

.newpage-box .btn-section {
  float: left;
  width: 100%;
  margin: 10px 0 0 0;
}

.newpage-box .btn-section .new-btn {
  float: left;
  width: auto;
  padding: 8px 20px 12px;
  border: 2px solid #000;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  font-size: 18px;
  line-height: 24px;
  /* font-family: 'Segoe UI'; */
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  color: #000;
}

.newpage-box .btn-section .new-btn:hover {
  color: #000;
  text-decoration: none;
}

.newpage-box ul {
  float: left;
  width: 100%;
  margin: 0 0 10px 0;
  padding: 0;
}

.newpage-box ul li {
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 4px);
  margin: 0;
  padding: 0 0 0 14px;
  position: relative;
  list-style: none;
  font-size: 14px;
  line-height: 20px;
  color: #000;
}

.newpage-box ul.mar-top10 {
  margin-top: 10px;
}

.newpage-box ul li.full {
  width: 100%;
}

.newpage-box ul li:before {
  position: absolute;
  left: 0;
  top: 8px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  background-color: #2491ff;
  content: "";
}

.newpage-box ul li strong {
  font-family: 'SegoeUISemibold';
  font-weight: 700;
}

.newpage-box ul li a {
  color: #000;
  text-decoration: none;
  display: inline-block;
  vertical-align: top;
}

.newpage-box ul li .devider {
  display: inline-block;
  vertical-align: top;
  margin-top: -2px;
}

.newpage-box p.small {
  font-size: 12px;
  font-family: 'SegoeUISemibold';
  font-style: italic;
}

.industry-library-right {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  z-index: 1;
  display: none;
  padding: 15px;
  padding-bottom: 60px;
}

.industry-library-right .show-hazard-btn {
  position: absolute;
  bottom: 15px;
  left: 15px;
  width: calc(100% - 30px);
  z-index: 1;
}

.industry-library-right .show-hazard-btn .custom-btn {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background-color: #2491ff;
  color: #fff;
  font-family: 'SegoeUISemibold';
  display: block;
  width: 100%;
  text-align: center;
  font-weight: normal;
  height: 38px;
  min-width: 1px;
}

.industry-library-right .top-logo {
  float: left;
  width: 100%;
  background-color: #fff;
  padding: 40px 15px;
  margin-top: 30px;
}

.industry-library-right .top-logo img {
  display: block;
  margin: 0 auto;
  max-width: 240px;
  width: 100%;
}

.industry-library-right .industry-detail {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  margin-top: 20px;
}

.industry-library-right .industry-detail ul {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}

.industry-library-right .industry-detail ul li {
  float: left;
  width: 100%;
  margin: 0 0 10px 0;
  padding: 0;
  list-style: none;
  font-size: 14px;
  line-height: 20px;
  /* font-family: 'Segoe UI'; */
  color: #000;
}

.industry-library-right .industry-detail ul li:last-child {
  margin-bottom: 0;
}

.industry-library-right .industry-detail ul li label {
  font-family: 'SegoeUISemibold';
  margin: 0;
  font-weight: normal;
  color: #000;
  width: auto;
  float: left;
}

.industry-library-right .industry-detail ul li span {
  color: #000;
  float: left;
  width: auto;
  margin-left: 5px;
}

.industry-library-right .industry-detail ul li a {
  color: #2491ff;
  text-decoration: none;
}

.item-sort-list .industry-library-back {
  display: none;
  margin: 0 5px 0 0;
  width: 24px;
  height: 24px;
  float: left;
}

.item-sort-list .industry-library-back img {
  width: 12px;
}

.form-control {
  text-overflow: ellipsis;
}

.success {
  color: #19b100;
}

.skip-next-container .container-hazard-left .row {
  display: flex;
}

.skip-next-container .container-hazard-left .row.new_pro_bottom_bg {
  display: block;
}

.modal-img-content-outer {
  display: flex;
}

.modal-img-content {
  display: flex;
  width: 100%;
}

.modal-img-content .left-img {
  width: 240px;
  height: 100%;
  position: relative;
}

.modal-img-content .right-cnt {
  width: calc(100% - 240px);
  height: 100%;
}

.modal-img-content .left-img img {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.que-control {
  border-radius: 0;
  border: 1px solid #e6e6e6;
  /* font-family: 'Segoe UI'; */
  color: #000;
}

.custom-select-cls+.sbHolder {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  height: auto;
  border: 1px solid #e6e6e6;
  position: relative;
  background: #fff;
}

.custom-select-cls+.sbHolder .sbSelector {
  float: left;
  width: calc(100% - 34px);
  height: 34px;
  font-size: 14px;
  line-height: 22px;
  color: #000;
  font-style: normal;
  padding: 6px 10px 6px;
  opacity: 0.6;
  white-space: nowrap;
  overflow: hidden;
  /* font-family: 'Segoe UI'; */
}

.custom-select-cls+.sbHolder .sbToggle {
  position: relative;
  width: 34px;
  height: 34px;
  float: right;
  background-image: url("../../../img/front/inner-page/profile-drop-down-blue.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
}

.custom-select-cls+.sbHolder .sbOptions {
  position: absolute;
  width: calc(100% + 2px);
  left: -1px;
  top: 34px !important;
  background: #fff;
  border: 1px solid #e6e6e6;
  z-index: 11;
  overflow-y: auto;
  margin: 0;
  padding: 0;
}

.custom-select-cls+.sbHolder .sbOptions li {
  float: left;
  width: 100%;
  border-bottom: 1px solid #ddd;
  padding: 0;
  margin: 0;
  list-style: none;
}

.custom-select-cls+.sbHolder .sbOptions li a {
  display: block;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 18px;
  color: #333;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.custom-select-cls+.sbHolder .sbOptions li a:hover {
  background: #e2e2e2;
  color: #000;
}

.custom-select-cls+.sbHolder .sbOptions li:last-child {
  border: none;
}

.custom-select-cls.select-box-main+.sbHolder {
  border-color: #bbb;
  background: transparent;
  width: 90%;
}

.custom-select-cls.select-box-main+.sbHolder .sbSelector {
  padding: 3px 6px 3px;
  height: 28px;
  width: calc(100% - 24px);
}

.custom-select-cls.select-box-main+.sbHolder .sbToggle {
  height: 28px;
  width: 24px;
  background-image: url("../../../img/front/inner-page/add-dd-iconv-small.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px auto;
}

.custom-select-cls.select-box-main+.sbHolder .sbOptions {
  top: 29px !important;
  max-height: 200px !important;
}

.custom-select-cls.select-box-main+.sbHolder .sbOptions li a:hover {
  background: #fff;
  color: #0078d7;
}

#UserUpdateProfileForm .custom-select-cls+.sbHolder {
  width: 90%;
}

.template-page-outer {
  float: left;
  width: 100%;
  overflow: hidden;
}

.siggy canvas {
  width: 100% !important;
}

/*.data-body { overflow: hidden; } */
.user-sec-main .user-right .user-right-info-section,
.user-sec-main .group-right .user-right-info-section {
  max-height: calc(100% - 68px);
  padding-bottom: 15px;
}

.user-sec-main .user-right .user-right-info-section.with-add-user {
  max-height: calc(100% - 104px);
}

#PlanUpgradePlanForm select.support-select {
  appearance: menulist;
  -moz-appearance: menulist;
  -webkit-appearance: menulist;
}

.LibraryHazard .skip-risk-folder-box1 {
  position: relative;
  float: left;
  width: 100%;
}

.LibraryHazard .skip-risk-folder-box1 .tooltip-custom {
  position: absolute;
  left: 0;
  top: 100%;
  right: 0;
  margin: auto;
  max-width: calc(100% - 40px);
  width: auto;
  text-align: center;
  background: #000;
  color: #fff;
  padding: 10px;
  border-radius: 5px;
  z-index: 1;
  display: none;
}

.LibraryHazard .skip-risk-folder-box1 .tooltip-custom:after {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #000;
  position: absolute;
  bottom: 100%;
  right: 50%;
  margin-right: -10px;
  content: "";
}

.LibraryHazard .skip-risk-folder-box1:hover .tooltip-custom {
  display: block;
}

.LibraryHazard .skip-risk-folder-box1 .tooltip-custom.up {
  top: auto;
  bottom: 100%;
}

.LibraryHazard .skip-risk-folder-box1 .tooltip-custom.up:after {
  bottom: auto;
  top: 100%;
  border-bottom: none;
  border-top: 10px solid #000;
}

#addUserForm .modal-body {
  padding-bottom: 0;
}

#uploadCsvNotification .not-show-alert-check {
  margin-top: 10px;
}

#uploadCsvNotification .download-csv-alert-check {
  float: left;
  width: 13px;
  height: 13px;
  margin: 3px 5px 0 0;
}

#SignOffStatementSignOffStatmentForm .modal-create-btn {
  font-size: 14px;
}

#SignOffStatementSignOffStatmentForm .ms-options-wrap .ms-options .ms-search input {
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}

#SignOffStatementSignOffStatmentForm .ms-options-wrap button {
  outline: none;
}

#myModal2.support-modal {
  display: block;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

#myModal2.support-modal.show-support {
  opacity: 1;
  visibility: visible;
}

#myModal2.support-modal:after {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: #000;
  opacity: 0.8;
  content: "";
}

#myModal2.support-modal .modal-dialog {
  z-index: 11;
  right: -410px;
}

#myModal2.support-modal.show-support .modal-dialog {
  right: 0;
}

#msWarningAlert .not-show-alert-check .ms-template-alert-check {
  float: left;
  width: 13px;
  height: 13px;
  margin: 3px 5px 0 0;
}

.form-control-ms-edit {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}

.form-control-ms-edit .form-control {
  float: left;
  width: calc(100% - 60px);
}

.form-control-ms-edit a.delete-control {
  float: left;
  width: 24px;
  height: 34px;
  font-size: 16px;
  line-height: 34px;
  color: #000;
  text-align: right;
}

.form-control-ms-edit a.delete-control:hover {
  color: red;
}

.form-control-ms-edit .chartToggle {
  float: left;
}

.form-control-ms-edit .chartToggle+a.delete-control {
  height: 20px;
  margin-top: -8px;
}

.template-fields-outer {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}

.template-fields-outer .adt-form-block {
  float: left;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.template-fields-outer .adt-form-block .form-group {
  display: inline-block;
  width: calc(33.33% - 4px);
  vertical-align: top;
  padding: 0 20px;
}

.template-fields-border {
  position: relative;
  display: block;
  overflow: hidden;
}

.template-fields-border:before {
  position: absolute;
  left: calc(33.33% - 9px);
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #ccc;
  content: "";
  z-index: 1;
}

.template-fields-border:after {
  position: absolute;
  left: calc(66.66% - 15px);
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #ccc;
  content: "";
  z-index: 1;
}

#tempalte-field-row .option-div:nth-child(even) {
  clear: left;
}

ul.n_dropdown .selectOption .dropdown-toggle {
  float: right;
  width: 18px;
  height: 18px;
  background-image: url("../../../img/front/taskmanager/temp-down-arrow.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 12px auto;
  margin: 0px -6px 0 0;
}

ul.n_dropdown .selectOption .dropdown-toggle.open {
  transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
}

ul.n_dropdown .selectOption .dropdown-child {
  float: left;
  width: calc(100% + 20px);
  margin: 5px 0 -5px -10px;
  padding: 0;
  display: none;
}

ul.n_dropdown .selectOption .dropdown-child .default-folder-options {
  border-left: none !important;
  border-right: none !important;
  border-bottom: none;
  border-top: 1px solid #fff;
  font-size: 13px !important;
}

#select-default-folder-list-popup .vertical-alignment-helper .modal-dialog .modal-content {
  max-width: 740px;
}

#select-default-folder-list-popup .modal-body {
  padding: 0;
  max-height: calc(100vh - 100px);
  overflow-y: auto;
}

#select-default-folder-list-popup .modal-body .row {
  margin: 0;
}

#select-default-folder-list-popup-data ul {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}

#select-default-folder-list-popup-data ul li {
  float: left;
  width: 100%;
  padding: 15px 0;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  border-bottom: 1px solid #e6e6e6;
  /* font-family: 'Segoe UI'; */
  align-items: center;
  justify-content: center;
  list-style: none;
}

#select-default-folder-list-popup-data ul li .default-folder-options {
  float: left;
  width: auto;
  max-width: calc(100% - 50px);
  cursor: pointer;
  padding-left: 15px;
}

#select-default-folder-list-popup-data ul li span.dropdown-arrow {
  float: right;
  width: 30px;
  height: 20px;
  background-image: url("../../../img/front/taskmanager/temp-down-arrow.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px auto;
  cursor: pointer;
  margin: 0 13px 0 0;
}

#select-default-folder-list-popup-data ul li span.dropdown-arrow.open {
  transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
}

#select-default-folder-list-popup-data ul li ul {
  margin-top: 15px;
  border-top: 1px solid #f2f2f2;
  margin-bottom: -15px;
  background-color: #e5e5e5;
  display: none;
}

#select-default-folder-list-popup-data ul li ul li {
  border-bottom: 1px solid #f2f2f2;
}

#select-default-folder-list-popup-data ul li ul li:last-child {
  border-bottom: none;
}

#select-default-folder-list-popup-data ul li ul li .default-folder-options {
  font-size: 14px;
  line-height: 20px;
}

.bottom-custom-radio {
  float: left;
  width: auto;
  max-width: calc(100% - 200px);
  padding-left: 30px;
}

.bottom-custom-radio .custom-radio label {
  float: left;
  width: auto;
  padding: 0 0 0 40px;
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  color: #000;
  font-weight: 400;
}

.bottom-custom-radio .custom-radio {
  vertical-align: top;
  margin-top: 11px;
}

.bottom-custom-radio .custom-radio input[type=checkbox] {
  position: absolute;
  left: 0;
  top: -6px;
  width: 30px;
  height: 30px;
  z-index: 3;
  opacity: 0;
  outline: none;
  cursor: pointer;
}

.bottom-custom-radio .custom-radio label:before {
  position: absolute;
  left: 0;
  top: -6px;
  width: 30px;
  height: 30px;
  background-color: #fff;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  z-index: 1;
  border: 2px solid #ccc;
  content: "";
  opacity: 1;
}

.bottom-custom-radio .custom-radio label.error-term:before {
  border-color: #ff0d0d;
  opacity: 1;
}

.bottom-custom-radio .custom-radio label:after {
  position: absolute;
  left: 5px;
  top: -1px;
  width: 20px;
  height: 20px;
  z-index: 2;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  background-color: #0078d7;
  border: 1px solid transparent;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  content: "";
}

.bottom-custom-radio .custom-radio input[type=checkbox]:checked+label:after {
  opacity: 1;
}

.bottom-custom-radio .custom-radio label a {
  text-decoration: none;
  color: #0078d7;
}

.action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links .link-blox1 .cancel_review_request {
  height: 24px;
  width: 24px;
  z-index: 11;
  padding: 0;
  left: auto;
  right: 0;
  font-size: 0;
  background-image: url("../../../img/front/inner-page/close-btn.png");
  background-size: 12px auto;
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
}

.rr-list-info {
  position: relative;
}

.rr-list-info .cancel_review_request_header {
  position: absolute;
  height: 24px;
  z-index: 11;
  padding: 0;
  right: 15px;
  bottom: 9px;
  font-size: 14px;
  line-height: 20px;
  /* font-family: 'Segoe UI'; */
  color: #000;
}

.rr-list-info .cancel_review_request_header:hover {
  color: #1c79d7;
}

.rr-list-row-outer .review-ra {
  display: flex;
  width: 100%;
}

.rr-list-row-outer .review-ra .rr-list-bar-text {
  width: calc(100% - 90px);
}

/*---17-04-2020---*/
.close-section {
  padding: 0;
  float: left;
  width: 100%;
}

.close-section .covid19-section {
  float: left;
  width: 100%;
  padding: 15px;
  background-color: #e31919;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  /* font-family: 'Segoe UI'; */
}

.close-section .covid19-section span {
  font-family: 'segoeuibold';
}

.close-section .close-reason-heading {
  float: left;
  width: 100%;
  background-color: #ffd100;
  padding: 15px;
  font-size: 16px;
  line-height: 20px;
  font-family: 'SegoeUISemibold';
  color: #000;
}

.close-section .close-reason-block {
  float: left;
  width: 100%;
  padding: 15px;
}

.close-section .close-reason-block .reason-radio label:before {
  border: 2px solid #707070;
}

.close-section .close-reason-block .reason-radio label:after {
  left: 5px;
  top: 7px;
  width: 10px;
  height: 10px;
}

.covid19-modal-footer {
  float: left;
  width: 100%;
  padding-bottom: 15px;
}

.covid19-modal-footer .savexit-btn {
  float: left;
  width: 100%;
  margin: 0;
}

.covid19-modal-footer .savexit-btn.gray-btn {
  background: #4d4d4d;
}

#subscription-cancel-modal.small .vertical-alignment-helper .modal-dialog .modal-content {
  max-width: 560px;
  overflow: hidden;
}

.wrapper-dropdown-5 .dropdown li a.new-links {
  float: right;
  width: 24px;
  height: 24px;
  padding: 0;
  background-image: url("../../../img/front/inner-page/white-dots-toggle.png");
  background-repeat: no-repeat;
  background-size: 15px auto;
  background-position: center;
  margin-top: 6px;
  display: none;
}

.wrapper-dropdown-5 .dropdown li:hover a.new-links,
.wrapper-dropdown-5 .dropdown li a.new-links.show {
  display: block
}

.wrapper-dropdown-5 .dropdown li .method-template-new-link {
  display: none;
  width: 24px;
  padding-top: 0;
}

.wrapper-dropdown-5 .dropdown li:hover .method-template-new-link {
  display: block;
}

.wrapper-dropdown-5 .dropdown .stand-temp-action {
  width: auto;
}

.wrapper-dropdown-5 .dropdown li a {
  padding: 8px 10px 4px;
  width: calc(100% - 70px);
}

.wrapper-dropdown-5 .dropdown li .method-template-new-link ul {
  padding: 0;
  margin: 0;
  position: absolute;
  right: 18px;
  top: 4px;
  background: #1e1f1e;
  width: auto;
  max-width: 140px;
  z-index: 11;
  display: none;
  height: 100%;
}

.wrapper-dropdown-5 .dropdown li .method-template-new-link:hover ul {
  display: block;
}

.wrapper-dropdown-5 .dropdown li .method-template-new-link ul li {
  float: left;
  width: auto;
  padding: 0;
  margin: 0;
  list-style: none;
}

.wrapper-dropdown-5 .dropdown li .method-template-new-link ul li a {
  float: left;
  width: 30px;
  height: 30px;
  padding: 0;
  font-size: 0px;
  line-height: 0px;
  color: #000;
  position: relative;
}

.wrapper-dropdown-5 .dropdown li .method-template-new-link ul li a:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-repeat: no-repeat;
  background-size: 15px auto;
  background-position: center;
}

.wrapper-dropdown-5 .dropdown li .method-template-new-link ul li.edit-template a:before {
  background-image: url("../../../img/front/inner-page/edit-icon.png");
  background-size: 20px auto;
}

.wrapper-dropdown-5 .dropdown li .method-template-new-link ul li.delete-template a:before {
  background-image: url("../../../img/front/inner-page/delete-white-icon.png");
  background-size: 19px auto;
}

.wrapper-dropdown-5 .dropdown li .method-template-new-link ul li.delete-library a:before {
  background-image: url("../../../img/front/inner-page/delete-white-icon.png");
  background-size: 19px auto;
}

.wrapper-dropdown-5 .dropdown li .method-template-new-link ul li.share-template a:before {
  background-image: url("../../../img/front/inner-page/share-template.png");
  background-size: 15px auto;
}

.wrapper-dropdown-5 .dropdown li .method-template-new-link ul li.access-template a:before {
  background-image: url("../../../img/front/inner-page/access-white.png");
  background-size: 13px auto;
}

.wrapper-dropdown-5 .dropdown li .method-template-new-link ul li.public-access-library a:before {
  background-image: url("../../../img/front/inner-page/unlock_access.png");
  background-size: 13px auto;
}

.shared-library-update .container-project-left {
  width: 100%;
}

.main-container-project.hazard-containe.shared-library-update .container-project-left .display-flex.margin-zero {
  height: 100%;
  top: 0;
}

.shared-library-update .new_pro_bottom_bg {
  float: left;
  width: 100%;
}

.shared-library-update .shared-library-inner {
  position: absolute;
  left: 0;
  width: 100%;
  height: calc(100% - 62px);
  z-index: 1;
  display: flex;
  overflow-y: auto;
}

.shared-library-update .shared-library-inner .shared-library {
  height: 100%;
  width: 50%;
  position: relative;
}

.shared-library-update .shared-library-inner .shared-library+.shared-library {
  border-left: 1px solid #fff;
}

.shared-library-update .shared-library-inner .shared-library .temp-item-sort {
  height: 44px;
}

.shared-library-update .shared-library-inner .shared-library .hazard-list-sort {
  width: 100%;
  /*position: absolute; left: 0; top: 44px; height: calc(100% - 44px);*/
  z-index: 2;
  overflow-y: auto;
  overflow-x: hidden;
}

.shared-library-update .shared-library-inner .shared-library .temp-item-sort .item-sort-list {
  padding-left: 19px;
}

.hazard-containe.shared-library-update .risk-folder-row-hazard .risk-hazard-box1 .risk-single-hazard.col-md-10 {
  width: 100%;
}

.hazard-containe.shared-library-update .risk-folder-row-hazard .risk-hazard-box1.active {
  background-color: #fc3;
}

.shared-library-update #shared-header-form .shared-library-inner {
  overflow-x: hidden;
}

#shared-header-form .shared-library-inner .hazard-list-outer {
  position: absolute;
  left: 0;
  top: 44px;
  height: calc(100% - 44px);
  width: 100%;
  z-index: 1;
  overflow-y: auto;
  overflow-x: hidden;
}

#shared-header-form .shared-library-inner .hazard-list-outer .risk-hazard-row {
  border: none;
}

#shared-header-form .header-row {
  margin: 0 10px;
}

#shared-header-form .header-row .header-col {
  float: left;
  width: 20%;
  padding: 0 10px;
}

#shared-header-form .header-row .header-col .header-image {
  float: left;
  width: 100%;
  border: 2px solid #000;
  height: 200px;
  position: relative;
  margin-bottom: 10px;
}

#shared-header-form .header-row .header-col img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: auto;
  max-width: 90%;
  max-height: 90%;
  display: block;
}

#shared-header-form .shared-library-inner .hazard-list-outer .header-list-sort {
  float: left;
  width: 100%;
}

#shared-header-form .shared-library-inner .hazard-list-outer .header-control-scroll {
  float: left;
  width: 100%;
}

#shared-header-form .shared-library-inner .hazard-list-outer .risk-hazard-heading {
  background: #e2e2e2;
  margin-bottom: 1px;
}

#shared-header-form .shared-library-inner .hazard-list-outer .risk-single-hazard {
  padding-left: 20px;
  padding-right: 20px;
}

.skip-hazard-section .container-project-left .skip_risk-folder-row span.hazard-updated-flag {
  padding-left: 14px;
}

.dropbox-folder-setting {
  float: left;
  width: 100%;
  margin: 8px 0 0 0;
}

.dropbox-folder-setting a {
  font-size: 12px;
}

.container-fluid.ms-report-section {
  display: flex;
  padding: 0;
}

.ms-report-section .left-container {
  width: 80%;
  padding: 0 15px;
}

.ms-report-section .left-container.full {
  width: 100%;
}

.ms-report-section .right-container {
  width: 20%;
  background-color: #e6e6e6;
  border-left: 1px solid #ccc;
  position: relative;
}

.ms-report-section .right-container .bottom-button {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
}

.ms-report-section .right-container .bottom-button .custom-btn {
  width: 100%;
  text-align: center;
  height: 40px;
}

.ms-report-section .right-container .bottom-button .custom-btn+.custom-btn {
  margin-top: 1px;
}

.ms-report-section .right-container .bottom-button .custom-btn.blue {
  background-color: #0078d7;
  color: #fff;
}

.container-fluid.audit-edit-section {
  display: flex;
  padding: 0;
}

.audit-edit-section .left-container {
  width: 80%;
  padding: 0 15px;
}

.audit-edit-section .left-container.full {
  width: 100%;
}

.audit-edit-section .right-container {
  width: 20%;
  background-color: #e6e6e6;
  border-left: 1px solid #ccc;
  position: relative;
}

.audit-edit-section .right-container .bottom-button {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
}

.audit-edit-section .right-container .bottom-button .custom-btn {
  width: 100%;
  text-align: center;
  height: 40px;
}

.audit-edit-section .right-container .bottom-button .custom-btn+.custom-btn {
  margin-top: 1px;
}

.audit-edit-section .right-container .bottom-button .custom-btn.blue {
  background-color: #0078d7;
  color: #fff;
}

.top-navbar-bg .inner-action>a.approve-public-lib img {
  width: 22px;
  height: auto;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

#myModal3.notification-modal {
  display: block;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

#myModal3.notification-modal.show-notification {
  opacity: 1;
  visibility: visible;
}

#myModal3.notification-modal:after {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: #000;
  opacity: 0.8;
  content: "";
}

#myModal3.notification-modal .modal-dialog {
  z-index: 11;
  right: -410px;
  height: calc(100% - 67px);
  top: 67px;
}

#myModal3.notification-modal.show-notification .modal-dialog {
  right: 0;
}

#myModal3.notification-modal .modal-dialog .modal-content {
  background-color: transparent;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

#myModal3.notification-modal .modal-dialog .modal-content .modal-body {
  padding-bottom: 15px;
  padding-top: 0;
}

#myModal3.notification-modal .modal-dialog .modal-content .support-title {
  padding-top: 0;
}

.notification-modal .notification-section {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}

.notification-modal .notification-section .notification-block {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  padding: 15px;
  margin-top: 10px;
  background-color: #f2f2f2
}

.notification-modal .notification-section .notification-block .date {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  font-size: 11px;
  color: #999;
  font-style: italic;
}

.notification-modal .notification-section .notification-block h2 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  font-size: 18px;
  line-height: 24px;
  color: #000000;
  font-family: 'SegoeUISemibold';
  margin: 0 0 5px 0;
}

.notification-modal .notification-section .notification-block p {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  font-size: 14px;
  line-height: 20px;
  /* font-family: 'Segoe UI'; */
  color: #666666;
}

.notification-modal .notification-section .notification-block .btn-section {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  margin-top: 10px;
}

.notification-modal .notification-section .notification-block .btn-section a {
  float: left;
  width: calc(50% - 5px);
  background-color: #d2d2d2;
  font-family: HelveticaNeueeTextW01light;
  color: #000;
  font-size: 14px;
  line-height: 20px;
  height: 36px;
  padding: 7px 10px;
  text-align: center;
}

.notification-modal .notification-section .notification-block .btn-section a.accept {
  background-color: #1c79d7;
  color: #fff;
}

.notification-modal .notification-section .notification-block .btn-section a.delete {
  background-color: red;
  color: #fff;
}

.notification-modal .notification-section .notification-block .btn-section a+a {
  float: right;
}

.notification-modal .notification-section .notification-block .btn-section.full a {
  width: 100%;
}

.main-container-project.all-folder-section .ra-main-folder-block.assessment-list-section {
  height: calc(100% - 80px);
}

.assessment-list-section .multi-actions-assessment {
  position: fixed;
  left: 0;
  bottom: 0;
  height: 40px;
  z-index: 11111;
  width: 80%;
  background-color: #666;
  padding: 5px 10px;
}

.assessment-list-section .multi-actions-assessment .multi-select-btn {
  background-color: #fc3;
  color: #000000;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  min-width: 150px;
  cursor: pointer;
  width: auto;
  text-align: center;
  float: right;
}

.assessment-list-section .multi-actions-assessment .multi-select-btn.delete {
  background-color: #0078d7;
  color: #ffffff;
}

.assessment-list-section .multi-actions-assessment .multi-select-btn+.multi-select-btn {
  margin-right: 10px;
}

/* set module on header */
.main-menu-setion.container-fluid {
  height: auto;
}
.top-navbar>li:first-child .big-menu-right img,
.top-navbar>li .big-menu-right img {
  margin-right: 10px;
}
.main-menu-setion.container-fluid .top-navbar li a {
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 5px;
  gap: 8px;
}
.module_type_btns{
	float: right;
	width: auto;
	margin: 17px 0 0 0;
	margin-right: 10px;
}
.btn.btn_module_type{
  color: #ffffff;
  border: 1px solid #2c2c2c;
  background-color: #2c2c2c;
	padding: 5px 15px;
}
.btn.btn_module_type.active,
.btn.btn_module_type.focus,
.btn.btn_module_type:focus,
.btn.btn_module_type:hover,
.btn.btn_module_type:hover,
.btn.btn_module_type:active{
  color: #000000;
  border: 1px solid #ffcd34;
  background-color: #ffcd34;
}
.myprofile-heading-menu{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style-type: none;
  margin: 0;
  padding: 0;
  background-color: #e6e6e6;
}

.myprofile-heading-menu>li{
  flex: 1 1 auto;
}

.myprofile-heading-menu>li.active>a,
.myprofile-heading-menu>li>a:hover {
  background-color: #fc3;
  color: #000 !important;
  opacity: .8;
}

.myprofile-heading-menu>li>a {
  display: block;
  text-decoration: none;
  border-left: 1px solid #bbb;
  /* font-family: 'Segoe UI'; */
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  padding: 9px 0;
  color: #808094;
}


/*responsive css start here*/
@media (max-width : 1919px) and (min-width : 1600px) {

  /*.grid-layout-section { height: calc(100% - 64px); }*/
  .main-container-project.skip-hazard-section .container-project-left .ra_my_photo_scroll_left {
    height: calc(100% - 60px);
  }

  #hazard_form .container-hazard .container-hazard-left .hazard_padding {
    max-height: calc(100vh - 291px);
  }

  #hazard_form .container-hazard .hazard-right-bg .hazard_right-scroll {
    max-height: calc(100vh - 293px);
  }
}

@media (max-width : 1700px) {
  .planner_bg+.project-top-border.container-project-right .planner-plan {
    padding-bottom: 16px;
    padding-top: 9px;
  }

  .company-detail-section .form-group.passwor-block .g-recaptcha-custom {
    transform: scale(0.95);
    -moz-transform: scale(0.95);
    -webkit-transform: scale(0.95);
    transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
  }
}

@media (max-width : 1600px) {

  /*.option-container .container-hazard-right, .option-container .container-hazard-left { height: calc(100vh - 231.6px); }*/
  /*.option-container .border-right-per-involved { height: calc(100vh - 296px); }*/
  .profile-detail-section {
    padding: 80px;
  }

  .container-fluid .adt-option-bg .n_icon-box {
    width: calc(100% - 20px) !important;
  }

  .user-sec-main .container-project-left>.row.margin-zero.profile-padding {
    padding-left: 85px;
    padding-right: 85px;
  }

  .single .pickmeup .pmu-instance .pmu-day-of-week *,
  .single .pickmeup .pmu-instance .pmu-days * {
    padding: 9px !important;
  }

  .planner_right_bg .plann-right-vert-scroll {
    height: calc(100vh - 578px);
  }

  .stats-section .container-project-right .nav-tab-change li a {
    padding: 12px 2px;
  }

  .register-success-section .thankyou-block {
    margin-top: 20px;
  }

  .register-success-section .thankyou-block img {
    max-width: 100px;
  }

  .register-success-section .thankyou-block span {
    font-size: 60px;
  }

  .register-success-section .content-block {
    margin: 20px 0;
  }

  .register-success-section .content-block p {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 20px;
  }

  .register-success-section .content-block img {
    max-width: 100px;
  }

  .register-success-section .content-block .custom-btn {
    font-size: 16px;
    line-height: 20px;
    height: 40px;
    margin-bottom: 30px;
  }

  .plan-downgrade-warning {
    font-size: 12px;
    line-height: 16px;
  }

  .company-detail-section .form-group.passwor-block .g-recaptcha-custom {
    transform: scale(0.85);
    -moz-transform: scale(0.85);
    -webkit-transform: scale(0.85);
  }

  .skip-hazard-section .container-project-left .skip_risk-folder-row span.hazard-updated-flag {
    font-size: 9px;
    padding-left: 15px;
  }
}


@media (max-width : 1440px) {
  .row_action_icon .planner-icon-folder {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  /*.main-container-project .container-project-right {
height: calc(100vh - 221.05px) !important;
}
*/
  .all-folder-block a,
  .all-folder-block a:hover,
  .all-folder-block a:focus {
    font-size: 14px;
    line-height: 20px;
  }

  .all-folder-block {
    font-size: 14px;
  }

  .main-container-project .container-project-left .margin-zero.pro_new_padding {
    padding: 10px 20px;
  }

  .main-container-project .container-project-left .margin-zero.pro_new_padding .pro_title_new {
    padding: 10px 10px;
  }

  .main-container-project .container-project-left .margin-zero.pro_new_padding .info_type_pro {
    padding: 5px 10px;
  }

  .my-photo-section .ra_my_photo_scroll_left {
    max-height: calc(100% - 130px) !important;
  }

  .container-grid .my-photo-section .pro_phot_padding.photo-sec {
    padding: 10px 20px;
  }

  .my-photo-section .ra_my_photo_scroll_left .pro_frame_padding {
    padding: 10px;
  }

  .my-photo-section .project-sub-photo-frame {
    margin: 0 10px 0 30px;
  }

  .main-container-project .pro_new_padding,
  .new_pro_bottom_bg {
    padding-left: 40px;
    padding-right: 40px;
  }

  .top-navbar-bg .n_dropdown_top a.init_key_staff {
    font-size: 14px;
    line-height: 22px;
    height: 32px;
  }

  .skip-hazard-section.main-container-project .container-project-right.project_new2_right_bg .project_skip_padding {
    padding-bottom: 70px;
  }

  .n_dropdown_top a.init_key_staff {
    padding: 3px 15px 6px;
  }

  .container-project-grid-right .n_dropdown_top a.init_key_staff {
    height: 38px;
    padding: 8px 15px;
  }

  .grid-block-top {
    width: calc(100% - 40px);
    left: 40px;
    height: 40px;
  }

  .grid-block-left {
    width: 40px;
  }

  .grid-block-left .grid {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: calc((100% - 40px) / 8);
    z-index: 1;
    text-align: center;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
  }

  .grid-block-left .grid:first-child {
    height: 40px;
  }

  .grid-block-left .grid:nth-child(2) {
    top: 40px;
  }

  .grid-block-left .grid:nth-child(3) {
    top: calc((100% - 40px) / 8 + 40px);
  }

  .grid-block-left .grid:nth-child(4) {
    top: calc((100% - 40px) / 8 * 2 + 40px);
  }

  .grid-block-left .grid:nth-child(5) {
    top: calc((100% - 40px) / 8 * 3 + 40px);
  }

  .grid-block-left .grid:nth-child(6) {
    top: calc((100% - 40px) / 8 * 4 + 40px);
  }

  .grid-block-left .grid:nth-child(7) {
    top: calc((100% - 40px) / 8 * 5 + 40px);
  }

  .grid-block-left .grid:nth-child(8) {
    top: calc((100% - 40px) / 8 * 6 + 40px);
  }

  .grid-block-left .grid:nth-child(9) {
    top: calc((100% - 40px) / 8 * 7 + 40px);
  }

  .grid-block-main-content {
    left: 40px;
    top: 40px;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
  }

  .grid-block-top .grid span,
  .grid-block-left .grid span {
    font-size: 14px;
  }

  .skip-hazard-section .container-project-left .skip_risk-folder-row .col-xs-2 .skip-hazard-icon {
    width: 30px;
  }

  .vertical-alignment-helper .modal-dialog .modal-content#add-section-content .modal-body .que-body-top {
    padding-bottom: 0;
  }

  .vertical-alignment-helper .modal-dialog .modal-content#add-section-content .sec-details {
    margin-bottom: 10px;
  }

  .vertical-alignment-helper .modal-dialog .modal-content#add-section-content .upload-btn-pad {
    padding-top: 0;
  }

  .image-box .sec-image-edit {
    width: 85px;
    height: 85px;
  }

  .profile-detail-section {
    padding: 50px;
  }

  #hazard_form .container-hazard .hazard-right-bg .hazard_right-scroll {
    height: calc(100vh - 281px);
  }

  ul.n_dropdown li:not(.init) {
    padding-left: 15px;
  }

  .hazard_sno_bg {
    padding: 31px 9px;
  }

  .ra-new-pro-planner-plan {
    padding: 8px 0px 9px;
  }

  .ra-new-pro-planner-plan.skip-select-profile-grid {
    padding: 0;
  }

  .n_dropdown_top.skip-select-profile-grid a.init_key_staff {
    padding: 10px 15px;
  }

  .skip-hazard-section .container-project-left .skip_risk-folder-row .col-xs-2 {
    width: 55px;
    height: 40px;
  }

  .custom-radio-outer {
    padding: 7px 15px 15px;
  }

  .hazard_rs_msg {
    padding: 13px 15px 13px 15px;
  }

  .hazard_rs_submsg {
    padding: 5px 15px 5px 15px;
  }

  .project-top-border.container-project-right .top-sidebar li a .chat-noti {
    margin-left: 2px;
    top: 4px;
  }

  .project-top-border.container-project-right .top-sidebar li a span {
    background-size: 260px auto !important;
    background-position: 2px 11px !important;
    width: 28px;
  }

  .project-top-border.container-project-right .top-sidebar li a#project-search span {
    background-position: -54px 11px !important;
  }

  .project-top-border.container-project-right .top-sidebar li a#project-chat span {
    background-position: -114px 11px !important;
  }

  .project-top-border.container-project-right .top-sidebar li a#project-task span {
    background-position: -170px 11px !important;
  }

  .project-top-border.container-project-right .top-sidebar li a#project-user span {
    background-position: -236px 11px !important;
  }

  .hazard-countno .ra_newhazard-sno {
    font-size: 12px;
    line-height: 18px;
  }

  .user-sec-main .container-project-left>.row.margin-zero.profile-padding {
    padding-left: 70px;
    padding-right: 70px;
  }

  .invoice-container {
    padding: 0 15px;
  }

  .invice-main-container .package-details table tr th {
    padding: 8px 15px;
  }

  .invice-main-container .package-details table tr td {
    padding: 8px 15px;
  }

  .container-hazard-right .n_dropdown_top a.init_key_staff {
    padding: 4px 25px 5px 15px;
    height: 30px;
  }

  .project-ra-new-icon>span {
    display: inline-block;
    vertical-align: top;
  }

  .main-container-project .container-project-left .statment-input .statment-form img {
    display: block;
    margin: 20px auto 10px;
  }

  .container-project-grid-right .pro_grid_title {
    height: 40px;
  }

  .container-hazard-left .padding_enter_hazardmsg {
    padding-top: 20px;
  }

  .container-project-grid-right .plann-grid-right-vert-scroll {
    height: calc(100vh - 283px);
  }

  .hazard_radio {
    height: 39px;
  }

  .temp-item-sort .all-folder-block {
    line-height: 20px;
  }

  .my-photo-section .container-small-frame .project-photo-left .project-sub-photo-text {
    padding-top: 0;
  }

  .n_search_folder {
    font-size: 13px;
  }

  .stats-section .container-project-right .nav-tab-change li a {
    font-size: 12px;
  }

  .planner-folder-row .row_action_block1 {
    width: calc(100% - 500px);
  }

  .planner-folder-row .row_action_block3 {
    width: 316px;
  }

  .planner-folder-row .row_action_block3 a+a {
    margin-left: 30px;
  }

  .planner-folder-row .row_action_block2 {
    width: 175px;
  }

  .register-success-section .thankyou-block {
    margin-top: 10px;
  }

  .register-success-section .thankyou-block img {
    max-width: 80px;
  }

  .register-success-section .thankyou-block span {
    font-size: 40px;
  }

  .register-success-section .content-block {
    margin: 10px 0;
  }

  .register-success-section .content-block p {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 20px;
  }

  .register-success-section .content-block img {
    max-width: 80px;
  }

  .register-success-section .content-block .custom-btn {
    font-size: 14px;
    line-height: 20px;
    height: 40px;
    margin-bottom: 20px;
  }

  .myprofile-heading>li>a {
    font-size: 14px;
    line-height: 22px;
  }

  .user-table .pronew-tbl-cell.key-people .n_dropdown_top a.init_key_staff {
    padding-right: 30px;
  }

  .container-project-left.creat-audit-top-bar .audit-ref-title {
    max-width: 55%;
  }

  .company-detail-section .form-group.passwor-block .g-recaptcha-custom {
    transform: scale(0.8);
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
  }
}

/*
@media only screen and (max-width: 1440px) and (min-width: 1161px) {
body { font-size: 12px; }
.audit-action-row .adt-action-btn-left, .audit-action-row .adt-upload-btn-left { line-height: 20px; }
.main-menu-setion.container-fluid .top-navbar li a, .main-menu-setion.container-fluid { height: 90px; }
.top-navbar > li > a { padding: 16px 5px; }
.top-navbar > li > .active, .top-navbar > li > a:hover, .top-navbar > li > a:focus { background-size: 6px 70%; }
.top-navbar > li > a img { width: 60px; height: auto; }
.top-navbar > li > a .top-item { font-size: 14px; line-height: 22px; }
.top-navbar > li:first-child .big-menu-right img { margin-left: 3px; }
.all-folder-block a, .all-folder-block a:hover, .all-folder-block a:focus { font-size: 12px; }
.all-folder-sort { font-size: 12px; line-height: 18px; }
.hazard-add-new-control > a { font-size: 12px; }
.ra-page-title { font-size: 14px; line-height: 24px; }
.file-icon.in-folder-top { padding-top: 20px; padding-bottom: 10px; }
.file-name { font-size: 14px; }
.folder-right-side-bar .in-folder-bottom { margin-bottom: 20px; padding-bottom: 20px; }
.file-info { font-size: 12px; }
.risk-folder-name { font-size: 14px; }
.risk-folder-box1 .list-date-right { font-size: 12px; }
.action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links .link-blox1 a { font-size: 11px; }
.action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links .link-blox1.add-to-caart-switch { font-size: 11px; }
.action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links .link-blox1 span.link-box-icon { background-size: 500px auto; background-position: 5px 0px; }
.action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links .link-blox1 span.link-box-icon.notification { background-position: -89px 0px; }
.action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links .link-blox1 span.link-box-icon.access-right { background-position: -24px 0px; }
.action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links .link-blox1 span.link-box-icon.edit { background-position: -121px 0px; }
.action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links .link-blox1 span.link-box-icon.download { background-position: -57px 0px; }
.action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links .link-blox1 span.link-box-icon.delete { background-position: -213px 0px; }
.action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links .link-blox1 span.link-box-icon.inner-links { background-position: -182px 0px; }
.action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links .link-blox1 span.link-box-icon.review { background-position: -151px 0px; }
.action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links .link-blox1 span.link-box-icon.unlink { background-position: -269px 0px; }
.action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links .link-blox1 span.link-box-icon.link { background-position: -242px 0px; }
.action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links .link-blox1 span.link-box-icon.checked { background-position: -325px 0px; }
.action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links .link-blox1 span.link-box-icon.question { background-position: -296px 0px; }
.action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links .link-blox1 span.link-box-icon.move { background-position:-354px 0px;  }
.action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links .link-blox1 a.request-review-reminder span.link-box-icon { background-position:-151px 0px;  }
.ra-page-title > img { width: 30px; }
.risk-folder-icon { padding-top: 27px; width: 30px; }
.add-email-btn, .savexit-btn { font-size: 14px; line-height: 20px; }
.risk-edit-control { font-size: 14px; }
.access-per .ra-page-title { font-size: 14px; line-height: 20px; }
.access-per .ra-page-title > img { margin-top: 2px; }
.ra-access-navigate .col-md-1.col-lg-1 a .back-arrow-width { width: 12px; margin-top: 5px; margin-bottom: 5px; }
.pro_title_new { font-size: 14px; }
.skip-hazard-name, .h_textarea, .hazz_textarea { font-size: 14px; }
.skip-hazard-section .container-project-left .skip_risk-folder-row .col-xs-10 { line-height: 18px; }
.hazard_checking, .hazard_check-right { font-size: 14px; line-height: 22px; }
.container-hazard-right .n_dropdown_top a.init_key_staff { font-size: 14px; }
.pro_detail_head, .assessment-blockmsg { font-size: 14px; }
.pro_detail_shead { font-size: 12px; }
.risk-single-folder .col-xs-2.folder-left-pad { width: 40px; }
.risk-single-folder .col-xs-10.risk-folder-name { width: calc(100% - 40px); }
.project_img_heading { font-size: 14px; }
.item-sort-list { font-size: 14px; line-height: 22px; }
.state-tabs>li>a  { font-size: 14px; line-height: 24px; }
.action-stat-title { font-size: 14px; line-height: 22px; }
.action-link-stat > a img { width: 20px; }
.sticky-table-outer table th { font-size: 14px; }
.sticky-table-outer table td { font-size: 14px; line-height: 20px; }
.myprofile-heading >li > a { font-size: 14px; line-height: 20px; }
.pro-con-left1, .pro-con-left2, .pro-cont-right1, .pro-cont-right2, .profile-plan, .pro-user-text { font-size: 14px; }
.table_user_heading { font-size: 14px; line-height: 22px; }
.user-plan-cont, .user-plan-content { font-size: 14px; }
.invice-main-container .package-details table tr th { font-size: 14px; }
.invice-main-container .package-details table tr td { font-size: 13px; }
.invoice-top-heading h2 { font-size: 16px; }
.adt-form-block { padding: 10px 5px; }
.yes-user-text, .not-user-text { font-size: 14px; line-height: 22px; }
.pro-grp-sub-heading { font-size: 14px; }
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img { width: 30px; }
.risk-statment-row > div .ms-tem-actions .col-sm-6 { height: 32px; margin-top: -16px !important; }
.assessment-list-row .risk-folder-box1 .risk-single-folder.col-sm-5 .col-xs-2 { width: 40px; }
.assessment-list-row .risk-folder-box1 .risk-single-folder.col-sm-5 .col-xs-2 img { width: 30px; padding-top: 22px; padding-bottom: 22px; }
.assessment-list-row .risk-folder-box1 .risk-single-folder.col-sm-5 .col-xs-10 { width: calc(100% - 40px); }
.assessment-list-row .risk-folder-box1 .risk-single-folder.col-sm-5 .col-xs-10 a.assemssment-name-link { font-size: 14px; line-height: 20px; }
.invice-right-container .package-box ul.recurring-payment-info-box li label { width: 135px; }

}*/

@media (max-width : 1366px) {
  .project-ra-new-icon {
    padding-top: 11px;
    padding-bottom: 9px;
  }

  .ra-new-pro-planner-plan {
    padding: 10.5px 0px 12px;
  }

  .ra-new-pro-planner-plan.skip-select-profile-grid {
    padding: 0;
  }

  .skip-fav-hazard img {
    width: 14px;
  }

  .profile-detail-section {
    padding: 30px;
  }

  #hazard_form .container-hazard .hazard-right-bg .hazard_right-scroll {
    max-height: 100%;
  }

  .hazard_padding {
    padding: 20px;
  }

  .hazard-img-btn-section .btn-section .hazard-local-icon {
    width: calc(50% - 5px);
  }

  .open-info>.open-info3 {
    margin-right: 0;
  }

  .open-info>.open-info2 {
    margin-right: 10px;
    max-width: calc(100% - 150px);
  }

  .project-name-section .container-project-right#TaskUsers .notification-bg .user-header {
    padding: 7px 15px;
  }

  .project-name-section .container-project-right .user-outer {
    top: 39px;
  }

  .project-name-section .container-project-right .user-outer .selectedUserForTasksDiv .col-lg-2 .user-icon-img {
    margin-top: 2px;
  }

  .selectedGroupForTasksDiv .col-lg-2 .user-icon-img {
    margin-top: 2px;
    width: 20px;
  }

  .selectedUserFolderForTasksDiv .col-lg-2 .user-icon-img {
    margin-top: 1px;
    width: 17px;
  }

  .project-name-section .container-project-right .user-outer .selectedUserForTasksDiv .col-lg-2,
  .selectedGroupForTasksDiv .col-lg-2,
  .selectedUserFolderForTasksDiv .col-lg-2 {
    width: 24px;
  }

  .project-name-section .container-project-right .user-outer .selectedUserForTasksDiv .col-lg-10,
  .selectedGroupForTasksDiv .col-lg-10,
  .selectedUserFolderForTasksDiv .col-lg-10 {
    width: calc(100% - 24px);
  }

  .project-name-section .container-project-right#TaskUsers .user-section {
    height: 41px;
  }

  .project-name-section .container-project-right#TaskUsers .user-section a .user-section-left,
  .project-name-section .container-project-right#TaskUsers .user-section a .user-section-group,
  .project-name-section .container-project-right#TaskUsers .user-section a .user-section-right {
    height: 38px;
    padding: 11px 5px;
  }

  .project-name-section .container-project-right .user-outer {
    top: 45px;
    max-height: calc(100% - 45px);
  }

  .selectedGroupForTasksDiv .col-lg-2 img {
    width: 22px;
    margin-top: 1px;
  }

  .project-name-section .container-project-right .notificationDiv .notifi-header {
    height: 41px;
  }

  .project-name-section .container-project-right .notificationDiv .UserNotificationContainer {
    top: 41px;
    height: calc(100% - 41px);
  }

  .hazard_sno_bg {
    padding: 23px 9px;
  }

  .n_followup-date .new_project_dd,
  .container-hazard-right .n_dropdown_top a.init_key_staff {
    font-size: 14px;
  }

  .grid-block-main-content .grid-block {
    position: absolute;
    left: 0;
    top: 0;
  }

  .grid-block-main-content .grid-block+.grid-block {
    top: calc(100% / 8)
  }

  .grid-block-main-content .grid-block+.grid-block+.grid-block {
    top: calc(100% / 8 * 2)
  }

  .grid-block-main-content .grid-block+.grid-block+.grid-block+.grid-block {
    top: calc(100% / 8 * 3)
  }

  .grid-block-main-content .grid-block+.grid-block+.grid-block+.grid-block+.grid-block {
    top: calc(100% / 8 * 4)
  }

  .grid-block-main-content .grid-block+.grid-block+.grid-block+.grid-block+.grid-block+.grid-block {
    top: calc(100% / 8 * 5)
  }

  .grid-block-main-content .grid-block+.grid-block+.grid-block+.grid-block+.grid-block+.grid-block+.grid-block {
    top: calc(100% / 8 * 6)
  }

  .grid-block-main-content .grid-block+.grid-block+.grid-block+.grid-block+.grid-block+.grid-block+.grid-block+.grid-block {
    top: calc(100% / 8 * 7)
  }

  .grid-block-main-content .grid-block+.grid-block+.grid-block+.grid-block+.grid-block+.grid-block+.grid-block+.grid-block+.grid-block {
    top: calc(100% / 8 * 8)
  }

  .risk-folder-row .risk-folder-box1 .risk-folder-box1 a.change-folder-name {
    float: right;
  }

  input[type="text"],
  input[type="email"],
  textarea,
  select {
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
  }

  .hazard_sno_bg {
    padding: 0;
    position: relative;
  }

  .hazard_sno_bg .hazard-sno {
    border: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    position: absolute;
    width: 20px;
    height: 20px;
    line-height: 18px;
    left: 50%;
    top: 50%;
    margin: -10px 0 0 -10px;
    font-size: 14px;
  }

  .adt-form-block {
    padding: 10px 0;
  }

  .audit-back-link {
    padding-left: 0;
  }

  .audit-page-title {
    padding-left: 30px;
  }

  #datepickerTask.datepickerTask.dateInput {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
  }

  .all-folder-section .ra-main-folder-block .risk-edit-folder .risk-folder-box1 .col-md-5.risk-single-folder .col-xs-2 {
    width: 60px;
    padding-left: 5px;
  }

  .all-folder-section .ra-main-folder-block .risk-edit-folder .risk-folder-box1 .col-md-5.risk-single-folder .col-xs-10 {
    width: calc(100% - 60px);
  }

  .all-folder-section .ra-main-folder-block .risk-edit-folder .risk-folder-box1 .col-md-5.risk-single-folder .col-xs-10 .form-group {
    margin-bottom: 0;
  }

  .ra-statment-action-btn .col-sm-6 {
    margin-top: -25px;
  }

  .assessment-list-row.audit-list-row .risk-folder-box1 .risk-single-folder.col-sm-7 a img {
    width: 22px !important;
    top: 16px;
  }

  .assessment-list-row.audit-list-row .r-delete-hover .fa-trash-o {
    font-size: 20px !important;
    margin-left: -8px !important;
    top: 17px !important;
  }

  #checklist-section-list.checklist-container .risk-folder-row .col-sm-7.risk-single-folder {
    width: calc(100% - 280px);
  }

  #checklist-section-list.checklist-container .risk-folder-row .risk-folder-box1.risk-single-folder a img {
    top: 10px;
  }

  #checklist-section-list.checklist-container .risk-folder-row .risk-folder-box1.risk-single-folder a .fa-trash-o {
    top: 12px;
  }

  #checklist-section-list.checklist-container .all-folder-block {
    padding-top: 9px !important;
  }

  #taskAddModal .modal-btn-padding2-new .btn {
    height: 30px;
    font-size: 14px;
  }

  .planner-folder-row.std-user-planner-row .row_action_block1 {
    width: calc(100% - 170px);
  }

  .container-project.top-actio-bar.access-per .container-project-left .ra-page-title span {
    padding-top: 4px;
  }

  .risk-folder-row-sort .risk-folder-row .risk-folder-box1 .risk-single-folder .col-xs-2 {
    width: 40px;
  }

  .risk-folder-row-sort .risk-folder-row .risk-folder-box1 .risk-single-folder .col-xs-10 {
    width: calc(100% - 40px);
  }

  .all-folder-section .ra-main-folder-block .risk-edit-folder .risk-folder-box1 .col-md-5.risk-single-folder .col-xs-2 {
    width: 40px;
  }

  .all-folder-section .ra-main-folder-block .risk-edit-folder .risk-folder-box1 .col-md-5.risk-single-folder .col-xs-10 {
    width: calc(100% - 40px);
  }

  .hazard-containe .risk-folder-row-hazard .risk-hazard-box1 .risk-single-hazard.col-md-2 a .hazard-edit-div {
    padding-top: 24px;
    font-size: 14px;
    line-height: 18px;
    margin-top: -20px;
  }

  .hazard-containe .risk-folder-row-hazard .risk-hazard-box1 .risk-single-hazard.col-md-2 a .hazard-edit-div img {
    position: absolute;
    width: 20px;
    height: auto;
    top: 0;
    left: 50%;
    margin-left: -10px;
  }

  .hazard-containe .risk-folder-row-hazard .risk-hazard-box1 .risk-single-hazard.col-md-2 a .hazard-edit-div i {
    position: absolute;
    width: 20px;
    height: auto;
    top: 0;
    left: 50%;
    margin-left: -10px;
    font-size: 20px;
  }

  .hazard-containe .risk-folder-row-hazard .risk-hazard-box1 .risk-single-hazard.col-md-2 a .hazard-edit-div i:before {
    position: initial;
    top: 0;
  }

  .wrapper-dropdown-5 .dropdown li.edit_hover_class .temdrop-text {
    width: 100%;
    white-space: normal;
  }

  .audit-question-section#checklist-section-list.checklist-container .risk-folder-row .risk-folder-box1.risk-single-folder a {
    min-height: 56px;
  }

  /*.audit-question-section#checklist-section-list.checklist-container .risk-folder-row .col-sm-7.risk-single-folder { display: block; }*/
  .dropableArea .task-box li .n_parent-div {
    padding: 10px 25px;
    float: left;
    width: 100%;
    overflow: hidden;
  }

  .dropableArea .task-box li .n_parent-div .open-task1-bg-gape {
    float: left;
    width: 100%;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    margin: 0;
  }

  .dropableArea .task-box li .n_parent-div .open-task-heading {
    padding: 0;
    font-size: 16px;
    line-height: 22px;
  }

  .dropableArea .task-box li .n_parent-div .open-task-text {
    padding: 0;
  }

  .dropableArea .task-box li .n_parent-div .open-info {
    padding: 15px 0px 0px;
  }

  .open-info>.open-info1 {
    width: 96px;
  }

  .open-info>.open-info2 {
    max-width: calc(100% - 136px);
  }

  .open-info>.open-info1 .open-icon-margin {
    margin-top: 0;
  }

  .open-info>.open-info1 .n_due_date {
    padding-top: 0;
  }

  .audit-question-section #section-list .risk-folder-row .tem-sort-icon>a {
    padding-top: 0 !important;
  }

  .audit-question-section #section-list .risk-folder-row .risk-temp-name {
    margin-top: 0 !important;
  }

  #checklist-section-list.checklist-container.audit-question-section .checklist-question-row .risk-single-folder .col-xs-11 {
    padding-top: 0 !important;
  }

  .assessment-list-row .risk-folder-box1 .risk-single-folder.col-sm-7 a {
    padding-left: 0;
    padding-right: 0;
    font-size: 8px;
  }

  .risk-file-name .ra-follow-upd {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  /* .main-container-project .container-project-left .statment-list .col-xs-6 a.ms-custom-hazard-remove {
    width: 18px !important;
    height: 18px !important;
  } */

  .planner_right_bg .plann-right-vert-scroll {
    height: calc(100vh - 480px);
  }

  .user-sec-main .container-project-left>.row.margin-zero.profile-padding {
    padding-left: 30px;
    padding-right: 30px;
  }

  .update-profile-right-inner .logo-btn-section .profile-change-logo-btn {
    font-size: 14px;
    line-height: 20px;
    padding: 7px 30px 8px;
  }

  .user-sec-main .profile-close-btn {
    font-size: 14px;
    line-height: 20px;
    padding: 7px 30px 8px;
  }

  .container-hazard.skip-next-container .n_dropdown_top .n_dropdown li {
    padding: 5px 10px 5px;
  }

  .container-hazard.skip-next-container .additional-likli-bg .n_dropdown_top .n_dropdown li {
    padding: 5px 10px 5px;
  }

  .container-hazard.skip-next-container .n_dropdown_top a.init_key_staff {
    padding-top: 4px;
    padding-bottom: 6px;
  }

  .container-hazard.skip-next-container .AdditionalLiklihoodList .n_dropdown_top a.init_key_staff {
    padding-top: 3px;
    line-height: 20px;
  }

  .container-hazard.option-container .n_dropdown_top .n_dropdown li {
    padding: 5px 15px 5px;
  }

  .container-hazard.option-container .n_dropdown_top a.init_key_staff {
    padding-top: 6px;
  }

  .risk-folder-row.link-folder-row .risk-folder-box1 {
    min-height: 66px;
  }

  .risk-folder-box1 {
    display: flex;
  }

  .risk-folder-box1 .risk-single-folder {
    display: flex;
    justify-content: flex-start;
  }

  .risk-folder-box1 .risk-single-folder a.border-right-ra:last-child {
    border-right: none;
  }

  .risk-folder-row {
    min-height: 1px;
  }

  .all-folder-section .all-folder-row .col-sm-10.mac-small {
    width: 720px;
    padding-left: 0;
  }

  .all-folder-section .all-folder-row .col-sm-2.mac-small {
    width: calc(100% - 720px);
  }

  .main-container-project.all-folder-section .all-folder-row .col-md-3.all-folder-block a.inner-folder-arrow img {
    width: 12px;
    margin-right: 0px;
  }

  .main-container-project.all-folder-section .all-folder-row .col-md-6.all-folder-block a.inner-folder-arrow img {
    width: 12px;
    margin-right: 0px;
  }

  .main-container-project.all-folder-section .all-folder-row .col-md-3.all-folder-block a.inner-folder-arrow-copy img {
    width: 12px;
    margin-right: 0px;
  }

  .ms-header-outer-row .risk-single-folder .tem-sort-icon {
    display: -moz-box;
    display: -webkit-box;
    display: box;
    box-align: center;
    -moz-box-align: center;
    -webkit-box-align: center;
  }

  .ms-template-section#template-data .ms-header-outer-row .risk-single-folder .risk-temp-name {
    padding-top: 0;
    display: -moz-box;
    display: -webkit-box;
    display: box;
    box-align: center;
    -moz-box-align: center;
    -webkit-box-align: center;
  }

  .all-folder-section .risk-folder-name {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  #projectContainer .risk-folder-box1 .risk-single-folder {
    display: block;
  }

  .risk-folder-row.risk-edit-folder .risk-folder-box1 {
    min-height: 76px;
  }

  .risk-folder-row a.ra-arrow-bg img {
    width: 24px !important;
  }

  .risk-folder-row .risk-folder-box1 .risk-folder-box1 a .fa-trash-o {
    position: absolute;
    left: 50%;
    top: 12px;
    margin: 0 0 0 -7px;
    display: block;
    width: 20px;
    height: auto;
    line-height: 20px;
  }

  .risk-folder-row .risk-folder-box1 .risk-folder-box1 a.inner-folder-arrow {
    padding: 5px;
  }

  .risk-folder-row a {
    vertical-align: middle;
  }

  .ra-arrow-bg {
    min-width: 60px !important;
  }

  .r-delete-hover .fa-trash-o {
    font-size: 18px;
    line-height: 20px;
  }

  .risk-folder-row .risk-folder-box1 .risk-folder-box1 a .fa-trash-o {
    top: 17px;
  }

  .assessment-list-row .risk-folder-box1 .risk-single-folder.col-sm-7 a i:before {
    top: -2px;
    margin-top: 0;
  }

  .upload-hazard-image-sec .statment-form img {
    max-width: 230px;
    max-height: 230px;
    width: auto;
    height: auto;
  }

  .stats-section .container-project-right .stats_graph_padding {
    padding: 10px 10px;
  }

  .stats-section .container-project-right .tab-content .padding-risk-type_wb,
  .stats-section .container-project-right .tab-content .padding-risk-type {
    padding: 12px 10px;
  }

  .planner-date,
  .planner-folder-row .row_action_block2 .planner-date {
    font-size: 12px;
    line-height: 20px;
  }

  .planner_row_icon {
    font-size: 12px;
  }

  .audit-action-row .adt-action-btn {
    min-width: 130px;
    padding: 10px;
  }

  .invice-main-container .package-details {
    height: calc(100vh - 440px);
  }

  .iframe-payment.invice-main-container .package-details {
    height: calc(100vh - 258px);
  }

  .invice-main-container .package-details table tr th {
    padding: 5px 15px;
    font-size: 12px;
    line-height: 20px;
  }

  .invice-main-container .package-details table tr td {
    padding: 5px 15px;
    font-size: 12px;
    line-height: 18px;
  }

  .package-details-total {
    padding: 3px 30px;
    min-height: 110px;
  }

  .package-details-total table tr td {
    font-size: 13px;
    line-height: 18px;
    color: #000;
    padding: 4px 0;
  }

  .package-details-total table tr.total td {
    font-size: 15px;
    line-height: 18px;
  }

  .invice-main-container .package-details table tr th,
  .invice-main-container .package-details table tr td {
    height: 30px;
  }

  .n_search_folder {
    font-size: 12px;
  }

  .profile-tables .groupserach-text .form-control {
    line-height: 19px;
  }

  .template-header-right-img ul {
    padding: 0 10PX;
  }

  _::-webkit-full-page-media,
  _:future,
  :root .inner-action a span.req-rev-counter,
  :root .inner-action a span.cart-counter {
    line-height: 26px;
  }

  .company-detail-section .heading009 {
    height: 44px;
  }

  .company-detail-section .heading009 h2 {
    font-size: 16px;
  }

  .company-detail-section .detail-container {
    height: calc(100% - 44px);
    top: 44px;
    padding: 10px 15px 0;
  }

  .company-detail-section .detail-container .sub-heading009 h2 {
    font-size: 14px;
    line-height: 20px;
  }

  .company-detail-section .form-control {
    height: 34px;
  }

  .company-detail-section .file-select .file-select-button {
    width: 100px;
    height: 34px;
    padding: 7px 2px;
  }

  .company-detail-section .file-select .file-select-name {
    width: calc(100% - 107px);
    padding: 8px 10px;
    height: 34px;
  }

  .company-detail-section .custom-btn {
    height: 34px;
    font-size: 14px;
  }

  .container-hazard-right .n_dropdown_top a.init_key_staff {
    padding-left: 10px;
  }

  .pro-con-left1,
  .pro-cont-right1 {
    font-size: 14px;
  }

  .profile-detail-section .pro-con-left2 {
    font-size: 14px;
  }

  .right-side-profile .my-account-detail-block .profile-row-bg .col-lg-8.col-sm-7.col-md-8 {
    width: 120px;
  }

  .right-side-profile .my-account-detail-block .profile-row-bg .col-lg-8.col-sm-7.col-md-8 .plan-sub-text {
    font-size: 12px;
    line-height: 16px;
    padding: 8px 0px 8px 10px;
  }

  .right-side-profile .my-account-detail-block .profile-row-bg .col-lg-4.col-sm-5.col-md-4 {
    width: calc(100% - 120px);
  }

  .right-side-profile .my-account-detail-block .profile-row-bg .col-lg-4.col-sm-5.col-md-4 .plan-text-right {
    font-size: 12px;
    line-height: 16px;
    font-weight: 300;
    padding: 8px 0px 8px 0px;
  }

  .plan-downgrade-warning {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .profile-detail-section-new .plan-downgrade-warning {
    position: relative;
    width: calc(100% + 60px);
    margin: -40px 0 20px -30px;
  }

  .ele-text {
    padding-left: 20px;
  }

  .company-detail-section .form-group.passwor-block .g-recaptcha-custom {
    transform: scale(0.75);
    -moz-transform: scale(0.75);
    -webkit-transform: scale(0.75);
  }

  .bottom-custom-radio {
    padding-left: 10px;
  }

  #shared-header-form .header-row .header-col {
    width: 25%;
  }
}

@media (max-width : 1299px) {
  .action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links .link-blox1 {
    width: 76px;
  }
}

@media (max-width : 1279px) {

  /* .pro_mgrew_frame { width: 160px; height: 160px; margin-top: 30px; } */
  .upload-hazard-box .pro_mgrew_frame {
    width: auto;
    height: auto;
    margin-top: 0;
  }

  .pro_mgrew_frame img {
    max-width: 100%;
  }

  .main-container-project .pro_new_padding,
  .new_pro_bottom_bg,
  .main-container-project .new_pro_bottom_bg {
    padding-left: 20px;
    padding-right: 20px;
  }

  .container-project-grid-right .n_dropdown_top a.init_key_staff {
    padding: 10px 15px;
  }

  .file-icon.in-folder-top {
    padding-top: 15px;
  }

  .folder-right-side-bar .in-folder-bottom {
    padding-bottom: 15px;
    margin-bottom: 15px;
  }

  .file-info {
    font-size: 12px;
    line-height: 16px;
    padding: 0 10px;
  }

  .folder-right-side-bar .padding-inndash {
    padding-top: 10px;
  }

  .single .pickmeup .pmu-instance .pmu-day-of-week *,
  .single .pickmeup .pmu-instance .pmu-days * {
    padding: 5px 0 !important;
  }

  .chat-noti>.chat-noti-no {
    top: 0;
    padding-left: 0;
    padding-top: 0;
    line-height: 16px;
  }

  /*#add-review-signature-content .r-button, #add-review-signature-content .r-btn { padding: 0 10px 2px; font-size: 14px; line-height: 32px;height: 34px; }*/
  .top-actio-bar .library-list-div.select-profile,
  .top-actio-bar .ra-ms-select.select-profile {
    width: calc(50% - 15px);
    /* font-family: 'Segoe UI'; */
  }

  #header_form .form-control {
    padding: 4px 12px 7px;
  }

  /*.top-actio-bar .library-list-div.select-profile #template_name { width: 100%; }*/
  .top-actio-bar .ra-ms-select.select-profile .risk-hazard-edit {
    height: 30px;
    font-size: 12px;
    padding: 0 5px !important;
  }

  .container-project.top-actio-bar .select-profile {
    width: calc(50% - 15px);
    /* font-family: 'Segoe UI'; */
    font-size: 12px;
  }

  .container-project.top-actio-bar.left-block-border .ra-method-tem-title+.col-sm-8.col-md-8 {
    max-width: 540px;
    float: right;
  }

  .container-project.top-actio-bar.left-block-border .ra-method-tem-title+.col-sm-8.col-md-8 .wrapper-dropdown-5,
  .container-project.top-actio-bar.left-block-border .ra-method-tem-title+.col-sm-8.col-md-8 .n_dropdown_top {
    width: calc(50% - 15px);
    max-width: calc(50% - 15px);
  }

  .container-project.top-actio-bar .select-profile .risk-hazard-edit {
    padding: 5px 35px 5px 5px;
    height: 30px;
    font-size: 12px;
  }

  .planner_bg+.project-top-border.container-project-right .planner-plan {
    padding-bottom: 11px;
    padding-top: 9px;
  }

  .user-sec-main .user-table .au-edit-tb {
    font-size: 14px;
  }

  .all-folder-block a {
    max-width: calc(100% - 60px);
  }

  .all-folder-block a.inner-folder-arrow {
    max-width: 100%;
  }

  .top-actio-bar .library-list-div {
    height: 30px;
  }

  .top-actio-bar .control-height {
    height: 30px !important;
  }

  .action-links-outer .risk-folder-box1.dis-flex .action-links-main {
    width: 40px;
    padding: 0;
    z-index: auto;
  }

  .action-links-outer.header-edit-mode .risk-folder-box1.dis-flex .action-links-main {
    width: 80px;
  }

  .action-links-outer.header-edit-mode .risk-folder-box1.dis-flex .action-links-main a.change-ms-header-name {
    width: 100%;
  }

  .action-links-outer .risk-folder-box1.dis-flex .action-links-main span.small-action-span {
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 10px;
    top: 50%;
    margin: -12px 0 0 0;
    background-image: url("../../../img/front/inner-page/dots-toggle.png");
    background-repeat: no-repeat;
    background-size: 15px auto;
    background-position: center;
  }

  .action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links {
    display: none;
    position: absolute;
    width: 100%;
    min-width: 200px;
    top: 50%;
    height: auto;
    background: #ccc;
    z-index: 11;
    margin-top: 12px;
    right: 10px;
    border: 1px solid rgba(0, 0, 0, .15);
  }

  .action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links.up {
    top: auto;
    bottom: 50%;
    margin: 0 0 20px 0;
  }

  .action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links .link-blox1 {
    width: 100%;
    border-left: none;
    border-bottom: 1px solid #fff;
    float: left;
  }

  .action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links .link-blox1:last-child {
    border-bottom: none;
  }

  .action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links .link-blox1 a {
    position: inherit;
    padding: 8px 10px;
    min-height: 1px !important;
  }

  .action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links .link-blox1 span.link-box-icon {
    display: none;
  }

  .action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links a {
    display: block;
    float: left;
    width: 100%;
    padding: 6px 10px;
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    margin: 0;
    text-align: left;
    border-right: none;
  }

  .action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links a:last-child {
    border-bottom: none;
  }

  .action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links a img {
    width: 16px;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    position: initial;
    margin: 0;
  }

  .action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links a div {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 20px);
    font-size: 12px;
    line-height: 16px;
    padding-left: 8px;
  }

  .action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links a i {
    width: 16px;
    font-size: 16px;
    line-height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 0;
    padding-left: 3px;
    position: initial;
  }

  .action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links a .fa-trash-o:before {
    position: initial;
    top: 0;
  }

  .action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links a.inner-folder-arrow {
    display: none;
  }

  .action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links .link-blox1.add-to-caart-switch {
    padding: 6px 7px 7px 10px;
    justify-content: flex-start;
    text-align: left;
    display: block;
    font-size: 11px;
  }

  .action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links .link-blox1.add-to-caart-switch .switch {
    position: relative;
    left: 0;
    top: 0;
    margin: 0;
    float: right;
  }

  .dropableArea .task-box {
    height: calc(100vh - 274.2px);
  }

  .project-ra-new-icon {
    padding-top: 12px;
  }

  .risk-folder-box1 .list-date-right {
    font-size: 12px;
    right: 40px;
  }

  .top-actio-bar .library-list-div.tem-drop-pad {
    margin-top: 7px;
  }

  .container-project.top-actio-bar .top-action-search {
    padding-top: 7px;
  }

  .invice-right-container .package-box ul li span {
    width: 100%;
  }

  .action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links .link-blox1.add-to-caart-switch .slider:before {
    width: 14px;
    height: 14px;
  }

  .action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links .link-blox1.add-to-caart-switch .custom-btn {
    float: left;
    width: 70px;
    height: 24px;
    padding: 2px 0 2px;
    bottom: 4px;
    left: 10px;
    line-height: 16px;
  }

  .stats-section .container-project-right .nav-tab-change li a {
    font-size: 10px;
  }

  .stats-section .container-project-right .tab-content .n_search_folder span.cancel-email-report {
    left: 5px;
  }

  .template-header-right-img ul {
    padding: 0;
  }

  .template-header-right-img ul li {
    padding: 0 5px;
  }

  .template-header-right-img ul li.header-cust-img img {
    /* width: calc(100% - 16px); */
  }

  .stats-section .container-project-right .tab-content .n_search_folder span.cancel-email-report {
    left: 10px;
    width: 15px;
    height: 15px;
  }

  .user-sec-main .profile-edit-btn {
    max-width: 120px;
  }

  .planner-folder-row .row_action_block3 {
    width: 272px;
  }

  .planner-folder-row .row_action_block3 a+a {
    margin-left: 20px;
  }

  .planner-folder-row .row_action_block3 a {
    margin-left: 0;
  }

  .planner-folder-row .row_action_block2 {
    width: 150px;
  }

  .planner-folder-row .row_action_block1 {
    width: calc(100% - 430px);
  }

  .invice-right-container .proceed-payment-outer .custom-btn {
    font-size: 14px;
    padding: 0 5px 3px;
  }

  .myprofile-heading>li>a {
    font-size: 12px;
    line-height: 16px;
    padding: 0 5px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .pro-table-scroll.order-history-tbl-cls {
    overflow-x: auto;
  }

  .container-project-left.creat-audit-top-bar .audit-ref-title {
    max-width: 45%;
  }

  .container-project-left.creat-audit-top-bar .checklist-question-head-title span {
    display: none;
  }

  .company-detail-section .form-group.passwor-block .g-recaptcha-custom {
    transform: scale(0.66);
    -moz-transform: scale(0.66);
    -webkit-transform: scale(0.66);
  }

  .industry-library-right .top-logo {
    padding: 20px 5px;
  }

  .template-page-outer #checklist-section-list.checklist-container .risk-folder-row .col-sm-7.risk-single-folder {
    width: calc(100% - 30px);
  }

}


@media (max-width : 1160px) {
  .risk-folder-row .risk-folder-box1 .risk-folder-box1 a {
    font-size: 10px;
    padding-left: 0;
    padding-right: 0;
    line-height: 20px;
  }

  .container-project-left .select-profile,
  .container-project-left .wrapper-dropdown-5 {
    width: calc(50% - 15px);
  }

  .container-fluid .adt-option-bg .n_icon-box {
    width: calc(100% - 20px) !important;
  }

  .container-project.top-actio-bar .container-project-left .ra-page-title {
    padding-left: 30px;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .ra-page-title>img {
    width: 24px;
  }

  .ra-page-title>span {
    font-size: 14px;
    padding-left: 4px;
  }

  .top-actio-bar .control-height {
    height: 30px !important;
    font-size: 12px;
  }

  .container-project.top-actio-bar.left-block-border {
    min-height: 42px;
  }

  .top-navbar>li>a {
    padding: 15px 5px;
  }

  .top-navbar>li>.active,
  .top-navbar>li>a:hover,
  .top-navbar>li>a:focus {
    background-size: 4px 70%;
  }

  .top-navbar>li>a img {
    width: 50px;
    height: auto;
  }

  .top-navbar>li>a .top-item {
    font-size: 12px;
    line-height: 14px;
  }

  .top-navbar>li:first-child .big-menu-right img {
    margin-left: 3px;
  }

  .all-folder-sort {
    font-size: 12px;
  }

  .hazard-add-new-control>a {
    padding: 12px 8px;
    font-size: 11px;
  }

  .key-people .hazard-add-new-control>a {
    line-height: 16px;
    height: 34px;
    padding: 9px 10px;
  }

  .main-container-project.all-folder-section .all-folder-row .col-md-3.all-folder-block a.inner-folder-arrow {
    padding-left: 15px !important;
  }

  .all-folder-block a>span {
    font-size: 12px;
  }

  .all-folder-row .all-folder-block {
    font-size: 12px;
  }

  .all-folder-row .top-row-padding {
    padding-top: 5px;
  }

  .all-folder-sort {
    padding-right: 9px;
  }

  .main-container-project .ra-main-folder-block {
    top: 34px;
    max-height: calc(100% - 34px);
  }

  .folder-left-pad {
    padding-left: 0;
  }

  .risk-folder-icon {
    width: 24px;
  }

  .risk-folder-name {
    font-size: 13px;
    padding-left: 0;
  }

  .ra-follow-upd {
    font-size: 12px;
  }

  .risk-folder-row {
    min-height: 68px;
  }

  .file-icon.in-folder-top {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .file-icon.in-folder-top img {
    max-width: 34px;
  }

  .file-name {
    font-size: 13px;
  }

  .r-delete-hover .fa-trash-o {
    line-height: 15px;
  }

  .project-ra-new-icon {
    padding-left: 20px;
  }

  .project-ra-new-icon .project-ra-icon-width {
    width: 22px;
  }

  .main-container-project .container-project-left .margin-zero.pro_new_padding {
    padding-left: 15px;
    padding-right: 15px;
  }

  .n_dropdown_top a.init_key_staff {
    padding: 3px 10px 6px;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 30px;
  }

  .assessment_date_heading {
    padding-left: 10px;
    font-size: 12px;
  }

  .new_project_dd {
    padding-left: 10px;
    font-size: 12px;
  }

  .ra-new-pro-planner-plan {
    padding: 7px 5px 9px;
  }

  #pdfScreen .ra-new-pro-planner-plan {
    padding-top: 11px;
    padding-bottom: 11px;
  }

  .skip-select-profile-grid.ra-new-pro-planner-plan.n_dropdown_top {
    padding-left: 0;
    padding-right: 0;
  }

  .my-photo-section .pro_phot_padding {
    padding-left: 0;
    padding-right: 0;
  }

  .project_img_heading {
    font-size: 14px;
    padding-left: 15px;
    padding-right: 10px;
  }

  .my-photo-section .pro_phot_padding .container-frame {
    padding: 0;
  }

  .pro_mbwhite_frame {
    margin-top: 15px;
  }

  .pro_mbwhite_frame img {
    max-width: 90%;
    max-height: 90%;
  }

  .ra_project_icon_width {
    width: 30px;
    padding-top: 20px;
  }

  .ra_project-icon {
    padding-bottom: 15px;
  }

  .limited_project_name {
    font-size: 17px;
    line-height: 24px;
    padding-bottom: 0;
  }

  .project_name-info {
    font-size: 13px;
    line-height: 22px;
  }

  .pro_frame_padding {
    padding: 0px 0px 10px 0px;
  }

  /*.grid-layout-section { height: calc(100vh - 214px);  }*/
  .container-project-grid-right .plann-grid-right-vert-scroll {
    max-height: 100%;
  }

  .container-project-grid-right {
    width: 30%;
  }

  .container-project-grid-left {
    width: 70%;
  }

  .pro_grid_title {
    padding: 0;
  }

  .hazard_checking,
  .hazard_check-right {
    font-size: 14px;
    line-height: 20px;
  }

  .hazard_sno_bg {
    height: 74px;
    padding: 26px 9px;
  }

  .white-btn-width {
    padding-top: 7px;
  }

  .plan_project_title {
    padding: 7px 0px 10px;
    font-size: 14px;
  }

  .container-hazard-right .n_dropdown_top a.init_key_staff,
  ul.n_dropdown li:not(.init) {
    padding-left: 10px;
    font-size: 12px;
    line-height: 16px;
    padding-top: 8px;
  }

  .skip-select-profile-grid.ra-new-pro-planner-plan.n_dropdown_top a.init_key_staff {
    padding: 10px 10px;
  }

  .hazard_rs_text {
    font-size: 12px;
  }

  .hazard_rs_msg {
    padding: 5px 15px 10px 15px;
    font-size: 12px;
    line-height: 16px;
  }

  .custom-radio-outer {
    padding: 7px 15px 7px;
  }

  .custom-radio label {
    font-size: 12px;
  }

  .hazard_rs_submsg {
    padding: 7px 15px 10px 15px;
    font-size: 12px;
  }

  .option-container .container-hazard-right {
    height: calc(100vh - 198px);
  }

  .option-container .container-hazard-left {
    height: calc(100vh - 198px);
  }

  .access-per .top-action-search,
  .access-per .access-action {
    padding-top: 7px;
  }

  .top-actio-bar .library-list-div {
    padding: 5px 35px 5px 5px;
    height: 30px;
    font-size: 12px;
  }

  .risk-edit-control {
    font-size: 14px;
  }

  .risk-single-folder>.col-xs-2 {
    padding-left: 0;
  }

  .skip-hazard-section .container-project-left .skip_risk-folder-row .col-xs-2 .skip-hazard-icon {
    left: 15px;
  }

  .project-top-border.container-project-right .top-sidebar li a {
    background-position: 13px 11px !important;
  }

  .project-top-border.container-project-right .top-sidebar li a#project-search {
    background-position: -45px 11px !important;
  }

  .project-top-border.container-project-right .top-sidebar li a#project-chat {
    background-position: -105px 11px !important;
  }

  .project-top-border.container-project-right .top-sidebar li a#project-task {
    background-position: -161px 11px !important;
  }

  .project-top-border.container-project-right .top-sidebar li a#project-user {
    background-position: -226px 11px !important;
  }

  .ra-statment-action-btn .col-sm-6 {
    margin-top: -20px;
  }

  #taskAddModal .taskCloseBtn {
    margin-right: -15px;
  }

  #section-list .risk-folder-row {
    min-height: 1px;
  }

  #section-list .risk-folder-row .tem-sort-icon>a {
    padding-top: 4px !important;
  }

  #section-list .risk-folder-row .risk-temp-name {
    margin-top: 0 !important;
  }

  #section-list .risk-folder-row .col-sm-5.risk-single-folder a {
    padding-top: 10px !important;
    padding-bottom: 4px !important;
  }

  .audit-question-section#checklist-section-list.checklist-container .risk-folder-row .risk-folder-box1.risk-single-folder a {
    padding-top: 33px !important;
  }

  .audit-question-section#checklist-section-list.checklist-container .risk-folder-row .risk-folder-box1.risk-single-folder .right-action-links .link-blox1 a {
    padding-top: 10px !important;
  }

  .ms-template-section .risk-folder-row {
    min-height: 64px;
  }

  .ms-template-section .risk-folder-row:hover .risk-single-folder.risk-folder-box1 a {
    min-height: 64px;
    padding-top: 12px;
    padding-bottom: 2px;
  }

  .all-folder-section .all-folder-row .col-sm-10.mac-small {
    width: 600px;
  }

  .all-folder-section .all-folder-row .col-sm-2.mac-small {
    width: calc(100% - 600px);
  }

  /*30-12-18*/
  .main-menu-setion.container-fluid {
    /* height: 84px; */
  }

  .main-menu-setion.container-fluid .top-navbar li a {
    /* height: 84px; */
  }

  .skip-next-container .container-hazard-left,
  .skip-next-container .pro-hazard-right-scroll {
    height: calc(100vh - 198px);
  }

  .option-container .container-hazard-left,
  .option-container .container-hazard-right {
    height: calc(100vh - 198px);
  }

  #hazard_form .container-hazard .pro-hazard-right-scroll {
    height: calc(100vh - 198px);
  }

  .sticky-table-outer {
    height: calc(100vh - 251px);
  }

  tbody div.n_group_tbl_height {
    height: calc(100vh - 400px);
  }

  .stats-section .container-project-left::after {
    height: calc(100vh - 181px);
  }

  .user-sec-main .container-project-left,
  .user-sec-main .container-project-right {
    height: calc(100vh - 240px);
  }

  .container-grid .my-photo-section .pro_phot_padding.photo-sec {
    padding: 15px 15px;
  }

  .my-photo-section .ra_my_photo_scroll_left {
    max-height: calc(100% - 115px) !important;
  }

  .payment_right_bg.payment-right-scroll {
    height: calc(100vh - 198px);
  }

  .dropableArea .task-box {
    height: calc(100vh - 243px);
  }

  .project-name-section .container-project-right#TaskUsers {
    height: calc(100vh - 201px) !important;
  }

  .main-container-project .container-project-left .statment-input {
    height: calc(100vh - 279px);
  }

  .stats-section .container-project-right .n_email_right {
    height: calc(100vh - 198px);
  }

  .stats-section .container-project-right .status-bg-table {
    height: calc(100vh - 198px);
  }

  .all-folder-section .ra-main-folder-block .risk-edit-folder .risk-folder-box1 .col-md-5.risk-single-folder {
    min-height: 66px;
  }

  .risk-folder-row.risk-edit-folder .risk-folder-box1 {
    min-height: 66px;
  }

  .risk-folder-row-sort .risk-folder-row .risk-folder-box1 .risk-single-folder .col-xs-2 {
    width: 30px;
    min-height: 64px;
  }

  .risk-folder-row-sort .risk-folder-row .risk-folder-box1 .risk-single-folder .col-xs-10 {
    width: calc(100% - 30px);
    padding-left: 10px;
  }

  .all-folder-section .ra-main-folder-block .risk-edit-folder .risk-folder-box1 .col-md-5.risk-single-folder .col-xs-2 {
    width: 30px;
    padding-left: 0;
    padding-right: 0;
  }

  .all-folder-section .ra-main-folder-block .risk-edit-folder .risk-folder-box1 .col-md-5.risk-single-folder .col-xs-10 {
    width: calc(100% - 30px);
  }

  .assessment-list-row .risk-folder-box1 .risk-single-folder.col-sm-5 .col-xs-2 {
    width: 30px;
    padding-left: 0;
    padding-right: 0;
  }

  .assessment-list-row .risk-folder-box1 .risk-single-folder.col-sm-5 .col-xs-2 .risk-file-icon {
    width: 24px;
    padding-top: 24px;
  }

  .assessment-list-row .risk-folder-box1 .risk-single-folder.col-sm-5 .col-xs-2 .risk-file-name {
    padding-left: 5px;
  }

  .assessment-list-row .risk-file-name {
    padding-top: 12px;
  }

  .assessment-list-row .risk-file-name a.assemssment-name-link {
    font-size: 14px;
  }

  .planer-top-csvsection .form-control {
    width: 125px;
  }

  .custom-tooltip-new.right {
    max-width: 250px;
  }

  .custom-tooltip-new,
  .custom-tooltip-new.tooltip-16 {
    max-width: 300px;
  }

  .custom-tooltip-new.tooltip-11 {
    margin-top: -77px;
  }

  .custom-tooltip-new p {
    padding: 10px 10px 14px;
    font-size: 14px;
    line-height: 20px;
  }

  .custom-tooltip-new h2 {
    padding: 10px 10px;
    font-size: 14px;
    line-height: 20px;
  }

  .custom-tooltip-new.tooltip-4 {
    margin-right: 180px;
  }

  .custom-tooltip-new.tooltip-5 {
    margin-top: -90px;
  }

  .custom-tooltip-new.tooltip-6 {
    margin-top: -105px;
    left: calc(80% - 300px) !important;
  }

  .custom-tooltip-new.tooltip-7 {
    margin-top: -85px;
  }

  .custom-tooltip-new.tooltip-8 {
    margin-top: -105px;
  }

  .custom-tooltip-new.tooltip-9 {
    margin-top: -130px;
  }

  .custom-tooltip-new.tooltip-10 {
    margin-top: -70px;
  }

  .other-hazards .custom-tooltip-new.next-tooltip {
    margin-top: -70px;
  }

  .custom-tooltip-new.tooltip-13,
  .custom-tooltip-new.tooltip-14,
  .custom-tooltip-new.tooltip-15 {
    margin-top: -107px;
  }

  .custom-tooltip-new.tooltip-15 {
    margin-left: 40px;
  }

  .custom-tooltip-new.tooltip-16 {
    margin-top: -170px;
  }

  .custom-tooltip-new.tooltip-17 {
    margin-top: -80px;
  }

  .container-project-left .wrapper-dropdown-5 {
    width: 150px;
  }

  .all-hazard-sec .container-project-left #dd2.wrapper-dropdown-5 {
    width: calc(50% - 15px);
  }

  .container-project-left .n_dropdown_top {
    width: 150px;
  }

  .audit-action-row .adt-action-btn {
    min-width: 100px;
    padding: 10px 8px;
  }

  .custom-dropdown-btn .wrapper-dropdown-5 {
    width: 150px;
  }

  .custom-dropdown-btn .n_dropdown_top {
    width: 150px;
  }

  .top-actio-bar.left-block-border .custom-dropdown-btn .wrapper-dropdown-5,
  .top-actio-bar.left-block-border .custom-dropdown-btn .n_dropdown_top {
    width: calc(50% - 15px);
  }

  .top-navbar-bg.container-fluid .col-sm-4 {
    width: 260px;
  }

  .top-navbar-bg.container-fluid .col-sm-8 {
    width: calc(100% - 260px);
  }

  .top-navbar-bg.container-fluid .n_dropdown_top a.init_key_staff {
    padding: 4px 30px 4px 10px;
  }

  .wrapper-dropdown-5 .dropdown li.edit_hover_class div {
    opacity: 1;
    visibility: visible;
  }

  .custom-dropdown-btn .n_dropdown_top .n_dropdown-outer .n_dropdown li.checklist-template div {
    opacity: 1;
    visibility: visible;
  }

  .container-project-right .add-sign-btn a.custom-btn {
    font-size: 12px;
  }

  .company-detail-section .file-select .file-select-button {
    width: 100%;
  }

  .company-detail-section .file-select .file-select-name {
    width: 100%;
    margin-top: 3px;
    text-align: center;
    padding: 8px 5px;
  }

  .container-project-right .n_dropdown_top a.init_key_staff {
    padding-left: 10px;
    font-size: 12px;
  }

  .container-project-right ul.n_dropdown li:not(.init) {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
  }

  .container-project-right .assessment_date_heading {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
  }

  .container-project-right .new_project_dd {
    font-size: 12px;
  }

  .stats_graphs_row>li {
    height: 64px;
    position: relative;
  }

  .stats_graphs_row>li a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
  }

  #stat-email-form .email-report-form .n_dropdown_top .n_dropdown li.selectOption {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
    line-height: 20px;
  }

  .planner-folder-row .row_action_block3 a .img-planner-icon {
    width: 20px;
  }

  .planner-folder-row .row_action_block3 a .img-planner-icon-sh {
    width: 20px;
  }

  .planner-folder-row .row_action_block3 .r-delete-hover .fa-trash-o {
    font-size: 20px;
  }

  .stat-actions .col-sm-4,
  .stat-actions .col-sm-6 {
    width: calc(100% - 420px);
  }

  .stat-actions .stat-link-block {
    width: 420px;
  }

  .invice-right-container .package-box ul.recurring-payment-info-box li label {
    width: 100%;
  }

  .key-people .table_user_heading {
    height: 34px;
    line-height: 16px;
  }

  .user-table .pronew-tbl-cell.key-people {
    width: 220px;
  }

  .user-table .pronew-tbl-cell .n_dropdown_top {
    width: 230px;
  }

  .wrapper-dropdown-5 .dropdown li.edit_hover_class div {
    width: 50px;
    margin-top: 3px !important;
  }

  .wrapper-dropdown-5.library-list-div .dropdown li a {
    width: calc(100% - 50px);
  }

  .wrapper-dropdown-5 .dropdown li.edit_hover_class div img {
    width: 24px;
    padding: 4px;
  }

  .wrapper-dropdown-5 .dropdown li.edit_hover_class div img+img {
    margin-left: 0;
  }

  .custom-dropdown-btn .n_dropdown_top .n_dropdown-outer .n_dropdown li.checklist-template a {
    width: calc(100% - 50px);
    font-size: 12px;
  }

  .custom-dropdown-btn .n_dropdown_top .n_dropdown-outer .n_dropdown li.checklist-template div {
    width: 50px;
    margin-top: -3px;
  }

  .custom-dropdown-btn .n_dropdown_top .n_dropdown-outer .n_dropdown li.checklist-template div img {
    width: 24px;
    padding: 4px;
  }

  .custom-dropdown-btn .n_dropdown_top .n_dropdown-outer .n_dropdown li.checklist-template div img+img {
    margin-left: 0;
  }

  .custom-dropdown-btn .n_dropdown_top .checklist_template {
    font-size: 12px;
  }

  .company-detail-section .form-group .terms-box-left {
    width: 100%;
    margin-bottom: 10px;
  }

  .company-detail-section .terms-btn {
    width: 100%;
  }

  .company-detail-section#login-section .form-group .custom-btn {
    height: auto;
  }

  .all-folder-section .ra-main-folder-block .risk-edit-folder .risk-folder-box1 .col-md-7.risk-single-folder a.change-folder-name {
    padding-top: 7px;
    padding-bottom: 6px;
  }

  .company-detail-section .form-group.passwor-block .g-recaptcha-custom {
    transform: scale(0.54);
    -moz-transform: scale(0.54);
    -webkit-transform: scale(0.54);
  }

  .template-fields-outer .adt-form-block .form-group {
    width: calc(50% - 4px);
  }

  .template-fields-border:before {
    display: none;
  }

  .template-fields-border:after {
    left: calc(50% - 11px);
  }

  #shared-header-form .header-row .header-col {
    width: 33.33%;
  }

  .skip-hazard-section .container-project-left .skip_risk-folder-row span.hazard-updated-flag {
    padding-left: 9px;
  }
}

@media (max-width : 1024px) {
  .r-delete-hover .fa-trash-o {
    font-size: 18px;
  }

  .wrapper-dropdown-5.active .dropdown {
    right: 0 !important;
  }

  .assessment-list-row.audit-list-row .r-delete-hover .fa-trash-o {
    top: 14px !important;
  }

  .pro-hazard-right-scroll .hazard_rs_text {
    padding: 10px 10px 6px;
  }

  .pro-hazard-right-scroll .additional-likli-bg .hazard_rs_text {
    padding: 10px 0 8px;
  }

  .planner_bg+.project-top-border.container-project-right .planner-plan {
    padding-bottom: 14px;
    padding-top: 13px;
  }

  .hazard-img-btn-section .btn-section {
    width: 200px;
  }

  .hazard-img-btn-section .n-ra-hazard-icon {
    width: calc(100% - 204px);
  }

  #taskAddModal #datepickerTask.datepickerTask.dateInput {
    width: calc(100% + 15px) !important;
  }

  .ms-template-section .ms-header-outer-row .risk-single-folder.risk-folder-box1 a {
    min-height: 50px !important;
  }

  .ms-template-section .risk-folder-row:hover .risk-single-folder.risk-folder-box1 a {
    width: 33.33%;
  }

  .ms-template-section .ms-header-outer-row .risk-single-folder .col-md-1 {
    width: 40px;
    padding-left: 0;
  }

  .hazard_check-right a.add_more {
    float: right;
    margin-top: -2px;
  }

  /* .open-info > .open-info2 { width: calc(100% - 40px); max-width: 100%; }  For date is splite next line*/
  .dropableArea .task-box li .n_parent-div .open-info {
    padding-top: 5px;
  }

  .open-info>.open-info3,
  .open-info>.open-info2 {
    margin-top: 10px;
  }

  .open-info>.open-info1 {
    margin-top: 7px;
  }

  .open-info>.open-info3 .danger_padding {
    padding-top: 2px;
  }

  .open-info>.open-info2 .n_due_date {
    line-height: 20px;
  }

  .projectTextHeading .moveTOAllProject {
    margin-right: 0;
  }

  .ms-template-section .risk-folder-row {
    min-height: 52px;
  }

  #checklist-section-list.main-container-project.checklist-container.audit-question-section .container-project-left .section-list {
    height: calc(100% - 42px);
  }

  .multiselect-native-select .multiselect {
    padding-top: 0;
  }

  .container-project.stats-section .container-project-left {
    width: 70%;
  }

  .container-project.stats-section .container-project-right {
    width: 30%;
  }

  .user-sec-main .profile-upgrade-btn {
    height: 32px;
    padding: 7px 15px 7px 15px;
    font-size: 14px;
  }

  .plan-type-section .form-box {
    min-height: calc(100vh - 281px);
  }

  .sticky-table-outer table th {
    font-size: 14px;
    line-height: 20px;
  }

  .risk-folder-row .risk-folder-box1 .risk-folder-box1 a .fa-trash-o {
    margin-left: -5px;
  }

  .container-project.stats-section .wrapper-dropdown-5 {
    margin-right: 15px;
    margin-top: 3px;
  }

  .all-folder-section .hazard-add-new-control>a {
    padding: 10px 8px 9px;
  }

  .main-container-project.all-folder-section .all-folder-row .all-folder-sort {
    padding-top: 11px;
  }

  .action-links-outer .risk-folder-box1.dis-flex .col-sm-5.risk-single-folder .risk-folder-name>span {
    max-width: calc(100% - 170px);
    display: block;
  }

  .my-photo-section .container-small-frame .project-photo-left .project-sub-photo-text {
    padding-top: 3px;
  }

  .checkout-cart-outer {
    height: calc(100vh - 231px);
  }

  .checkout-cart-outer.specification-open {
    height: calc(100vh - 335px);
  }

  /*.order-history-tbl .order-history-tbl-cls { max-height: calc(100vh - 260px) }*/
  .stats-section .container-project-right .nav-tab-change li a {
    font-size: 10px;
  }

  .new_pro_bottom_bg .new-pro-cancel1-btn,
  .new_pro_bottom_bg .new-pronext-btn {
    min-width: 110px;
  }

  .stats-section .container-project-right .n_email_right {
    height: calc(100vh - 227px);
  }

  .stats-section .container-project-right .status-bg-table {
    height: calc(100vh - 227px);
  }

  .audit-action-row .adt-action-btn {
    min-width: 100px;
  }

  .topbar-new .company-dropdown {
    width: 170px;
  }

  .topbar-new .upgrade-section a.upgrade-btn {
    padding: 5px 12px;
  }

  .topbar-new .welcome-txt {
    max-width: 110px;
  }

  .topbar-new .company-dropdown {
    margin-right: 8px;
  }

  .topbar-new .upgrade-section {
    margin-right: 0;
  }

  .inner-top-navbar .logo-text {
    font-size: 18px;
  }

  #pdfIframe {
    overflow-y: scroll;
  }

  .planner_bg .col-lg-2.planner-icon-outer {
    width: 55px;
  }

  .planner_bg .col-lg-10.planner-icon-outer {
    width: calc(100% - 55px);
  }

  .ra-top-alert-section p {
    font-size: 12px;
  }

  .ra-top-alert-section .ra-switch-toggle {
    right: 10px;
  }

  .user-table .pro-new-tbl-wo-border,
  .group-table .pro-new-tbl-wo-border,
  .group-table .pro-new-tbl-head-cell {
    padding-left: 10px !important;
  }

  .group-table .pronew-tbl-cell-last,
  .group-table .pronew-tbl-cell {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  #checklist_template_name {
    width: calc(100% - 34px);
  }

  .stat-actions .col-sm-4,
  .stat-actions .col-sm-6 {
    width: calc(100% - 350px);
    padding-right: 5px;
    padding-left: 5px;
  }

  .stat-actions .stat-link-block {
    width: 350px;
    padding-left: 0;
    padding-right: 0;
  }

  #projectDetailScreen .ra-new-pro-planner-plan {
    padding-top: 11px;
    padding-bottom: 11px;
  }

  .container-project-right .payment_right_title {
    padding-top: 13px;
    padding-bottom: 13px;
  }

  .white-btn-width {
    padding-top: 9px;
  }

  #UserUpdateProfileForm .profile-assissment {
    height: 30px;
  }

  .container-project-left.creat-audit-top-bar .audit-ref-title {
    max-width: 40%;
  }

  .container-project-left.creat-audit-top-bar .checklist-section-head-title {
    width: auto;
    max-width: 160px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
  }

  .company-detail-section .heading009 h2 {
    font-size: 14px;
  }

  .company-detail-section .post-code .form-control {
    width: 100%;
    min-width: 1px;
  }

  .company-detail-section .custom-btn {
    width: 100%;
    min-width: 1px;
    padding: 0 10px;
  }

  .user-sec-main .container-project-left>.row.margin-zero.profile-padding {
    padding-left: 15px;
    padding-right: 15px;
  }

  .profile-detail-section-new .plan-downgrade-warning {
    width: calc(100% + 30px);
    margin-left: -15px;
  }

  .profile-add-group .ele-total-border .groupsearchnot {
    font-size: 14px !important;
    padding-left: 0;
  }

  .right-side-profile .my-account-detail-block .profile-row-bg {
    float: left;
    width: 100%;
    padding: 5px 10px;
  }

  .right-side-profile .my-account-detail-block .profile-row-bg .col-lg-8.col-sm-7.col-md-8 {
    width: 100%;
  }

  .right-side-profile .my-account-detail-block .profile-row-bg .col-lg-8.col-sm-7.col-md-8 .plan-sub-text {
    padding: 0;
  }

  .right-side-profile .my-account-detail-block .profile-row-bg .col-lg-4.col-sm-5.col-md-4 {
    width: 100%;
  }

  .right-side-profile .my-account-detail-block .profile-row-bg .col-lg-4.col-sm-5.col-md-4 .plan-text-right {
    padding: 0;
  }

  .industry-library-right .industry-detail ul li label {
    width: 100%;
  }

  .industry-library-right .industry-detail ul li span {
    width: 100%;
    margin-left: 0;
  }

  .data-body .all-hazard-sec.industry-top-hazard .col-sm-4 {
    width: calc(100% - 280px);
  }

  .data-body .all-hazard-sec.industry-top-hazard .col-sm-8 {
    width: 280px;
  }

  .plan-type-section .adt-form-block .adt-label {
    font-size: 12px;
    line-height: 16px;
    word-break: break-word;
  }

  .plan-type-section .adt-form-block .adt-label ex {
    font-size: 10px;
  }
}

@media (max-width : 991px) {
  .user-sec-main .container-project-left>.row.margin-zero.profile-padding .col-lg-6 {
    padding-right: 0;
  }
}

@media (max-width : 960px) {
  .myprofile-heading-menu>li>a {
    padding: 8px 40px;
    border-bottom: 1px solid #bbb;
  }
  /* .myprofile-heading-menu > li {
    flex: 0 0 30%;
  } */
  .risk-folder-row .risk-folder-box1 .risk-folder-box1 a {
    font-size: 8px;
  }

  .container-fluid .adt-option-bg .n_icon-box {
    width: calc(100% - 20px) !important;
  }

  .pro_detail_shead {
    font-size: 10px;
    line-height: 18px;
  }

  .pro_detail_head {
    font-size: 12px;
    line-height: 20px;
  }

  .container-project.ipadWidth .container-project-left {
    width: 75%;
  }

  .container-project.ipadWidth .container-project-right {
    width: 25%;
  }

  .project-top-border.container-project-right .top-sidebar li a {
    background-size: 220px auto !important;
    background-position: 16px 11px !important;
  }

  .project-top-border.container-project-right .top-sidebar li a#project-search {
    background-position: -34px 11px !important;
  }

  .project-top-border.container-project-right .top-sidebar li a#project-chat {
    background-position: -83px 11px !important;
  }

  .project-top-border.container-project-right .top-sidebar li a#project-task {
    background-position: -132px 11px !important;
  }

  .project-top-border.container-project-right .top-sidebar li a#project-user {
    background-position: -187px 11px !important;
  }

  #searchDueDate {
    width: 100% !important;
    margin-left: 0 !important;
    float: right;
  }

  .single .pickmeup .pmu-instance .pmu-day-of-week *,
  .single .pickmeup .pmu-instance .pmu-days * {
    padding: 5px 0 !important;
    font-size: 11px;
  }

  .chat-noti>.chat-noti-no {
    line-height: 14px;
  }

  .assessment-list-row .risk-folder-box1 .risk-single-folder.col-sm-7 a {
    font-size: 7px;
    padding-top: 41px;
    padding-left: 0;
    padding-right: 0;
  }

  .assessment-list-row .risk-folder-box1 .risk-single-folder.col-sm-7 a img {
    top: 17px;
  }

  .assessment-list-row .risk-folder-box1 .risk-single-folder.col-sm-7 a i {
    top: 19px;
    font-size: 17px;
  }

  .risk-folder-row a.assemssment-name-link {
    font-size: 13px;
  }

  .assessment-list-row .risk-folder-box1 .risk-single-folder.col-sm-5 .col-xs-2 .risk-file-icon {
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .risk-folder-row-sort .risk-folder-row .risk-folder-box1 .risk-single-folder .col-xs-2 {
    padding-right: 0;
    width: 30px;
  }

  .profile-detail-section .pro-con-left2,
  .profile-detail-section .pro-con-left2-dot {
    padding: 0;
  }

  .container-project.planner_bg .myprofile-heading {
    height: 80px;
    position: relative;
  }

  .container-project.planner_bg .myprofile-heading:after {
    position: absolute;
    left: 0;
    top: 50%;
    height: 1px;
    width: 100%;
    z-index: 1;
    content: "";
    background: #bbb;
  }

  .container-project.planner_bg .myprofile-heading li {
    width: 33.33%;
  }

  .container-project.planner_bg .container-project-right .profile-plan {
    height: 80px;
    padding-top: 24px
  }

  .user-sec-main .container-project-left,
  .user-sec-main .container-project-right {
    height: calc(100vh - 280px);
  }

  .assessment-list-row .risk-file-name {
    padding-top: 10px;
  }

  .planer-top-csvsection .custom-btn {
    min-width: 100px;
    margin-left: 8px;
  }

  .planer-top-csvsection span {
    font-size: 12px;
    margin-left: 5px;
  }

  .planer-top-csvsection .form-control {
    width: 100px;
    background-size: 18px auto;
    padding-right: 28px;
    padding-left: 6px;
    font-size: 12px;
    margin-left: 5px;
  }

  .order-history-tbl .order-history-tbl-cls table tr th,
  .order-history-tbl .order-history-tbl-cls table tr td {
    font-size: 11px;
  }

  /*.order-history-tbl .order-history-tbl-cls { max-height: calc(100vh - 346px) }*/
  .template-header-right-img ul li {
    width: 50%;
  }

  #folder-assessment-list .all-folder-row .col-sm-4.col-lg-4.col-md-4 {
    width: 185px;
    display: inline-block;
    padding-right: 0;
  }

  #folder-assessment-list .all-folder-row .col-sm-8.col-lg-8.col-md-8 {
    width: calc(100% - 185px);
    display: inline-block;
  }

  #folder-assessment-list .all-folder-row .col-sm-4.col-lg-4.col-md-4 .inner-folder-arrow {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: calc(100% - 44px);
  }

  .stat-actions .action-stat-title {
    font-size: 12px;
    padding-left: 8px;
    padding-top: 16px;
  }

  .stat-actions .action-stat-title a img {
    margin-top: -2px;
  }

  .planner_bg .col-lg-2.planner-icon-outer {
    width: 55px;
  }

  .planner_bg .col-lg-10.planner-icon-outer {
    width: calc(100% - 55px);
  }

  .top-navbar-bg.container-fluid .col-sm-4 {
    width: 235px;
    padding-right: 0;
  }

  .top-navbar-bg.container-fluid .col-sm-8 {
    width: calc(100% - 235px);
    padding-left: 0;
  }

  .topbar-new .welcome-txt {
    max-width: 90px;
  }

  .topbar-new .company-dropdown {
    width: 120px;
  }

  .topbar-new .upgrade-section {
    margin-right: 8px;
  }

  .top-navbar-bg.container-fluid .inner-action>a {
    margin-left: 0;
  }

  .invoice-discount .dicount-form .card-input {
    width: 250px;
  }

  .ra-top-alert-section .wrapper p {
    padding: 0 200px;
    line-height: 16px;
  }

  .ra-top-alert-section {
    padding: 5px 5px;
  }

  .my-photo-section .ra_my_photo_scroll_left {
    max-height: calc(100% - 132px) !important;
  }

  .adt-action-col .adt-action-btn {
    min-width: 100px;
  }

  .hazard-containe .item-sort-list {
    width: calc(100% - 390px);
  }

  .hazard-containe .hazard-add-control-btn {
    width: 390px;
    padding-left: 0;
  }

  .payment_right_title {
    font-size: 11px;
    line-height: 20px;
  }

  .custom-btn.add-inustry-hazard,
  .custom-btn.export-hazard {
    font-size: 10px;
  }

  .company-detail-section .form-group.passwor-block .g-recaptcha-custom {
    transform: scale(0.4);
    -moz-transform: scale(0.4);
    -webkit-transform: scale(0.4);
  }

  .ra-main-folder-block .risk-folder-row {
    min-height: 1px;
  }

  .ra-main-folder-block .assessment-list-row .risk-file-name {
    padding-top: 4px;
  }

  .custom-tooltip-new.tooltip-4 {
    margin-right: 150px;
  }

  .hazard-containe .industry-hazard-section .item-sort-list {
    width: 100%;
  }

  #shared-header-form .header-row .header-col {
    width: 50%;
  }

}

@media (max-width : 1024px) and (min-width : 768px) {
  .ra-new-pro-planner-plan {
    min-height: 36px;
  }

  .project-key-medium,
  .project-add-last {
    padding: 0;
  }

  .n_lib-text {
    padding-top: 25px;
  }

  .hazard-img-btn-section .btn-section .hazard-local-icon .custom-btn {
    font-size: 14px;
    line-height: 20px !important;
  }

  .r-delete-hover .fa-trash-o {
    line-height: 19px;
  }

  .notifi-header {
    font-size: 12px;
  }

  .project-top-border .arrange-row-right ul li {
    font-size: 14px;
  }

  .project-name-section .user-section-left,
  .project-name-section .user-section-group,
  .project-name-section .user-section-right {
    font-size: 12px;
  }

  .user-bg,
  .user-bg:hover,
  .user-bg.active {
    padding-left: 10px;
    padding-bottom: 0;
  }

  .user-bg .user-icon-img {
    width: 15px;
  }

  .user-bg .right-user {
    padding-left: 0;
    padding-right: 20px;
  }

  .selectedGroupForTasksDiv .col-lg-2 img {
    width: 18px;
  }

  .selectedUserFolderForTasksDiv .col-lg-2 .user-icon-img {
    width: 15px;
  }

  .user-bg a.expandFolder {
    position: absolute;
    right: 0;
    top: 0px;
  }

  /* .top-actio-bar .library-list-div { float: left; } */
  .risk-folder-icon {
    padding-top: 24px;
  }

  .n_followup-date .new_project_dd {
    font-size: 12px;
  }

  .group-right-color ul.n_dropdown li:not(.init) {
    height: auto;
    padding-bottom: 5px;
  }

  .access-per .access-action {
    font-size: 12px;
  }

  .access-per .access-action .ar-update-access-btn {
    line-height: 28px;
    padding: 0 10px 2px;
  }

  .form-group #RiskAssesmentDate {
    padding: 5px 12px 7px;
  }

  .audit-edit-section .form-control {
    padding: 5px 12px 7px;
  }

  .r-delete-hover .fa-trash-o {
    line-height: 18px;
    height: 16px;
    position: relative;
    width: 18px;
  }

  .r-delete-hover .fa-trash-o:before {
    position: absolute;
    left: 0;
    top: 3px;
  }

  .planner-folder-row .row_action_block3 .r-delete-hover .fa-trash-o:before {
    position: inherit;
    top: 0;
  }

  .ra-new-pro-planner-plan.skip-select-profile-grid .n_dropdown li:not(.init) {
    padding-left: 10px !important;
  }

  .main-container-project .container-project-left .header-list {
    height: calc(100% - 44px);
    top: 44px;
  }

  .temp-statment-title {
    font-size: 14px;
    line-height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left: 0;
    padding-right: 0;
  }

  .assessment-list-row .risk-folder-box1 .risk-single-folder.col-sm-7 a i:before {
    top: 5px;
  }

  #section-list .risk-folder-row .col-sm-5.risk-single-folder a .fa-trash-o:before {
    top: -4px;
  }

  #checklist-section-list.checklist-container .checklist-question-row .risk-single-folder .col-xs-11.risk-temp-name {
    padding-top: 0;
  }

  .risk-folder-row.checklist-question-row {
    min-height: 1px;
  }

  #checklist-section-list.checklist-container .risk-folder-row.checklist-question-row .risk-folder-box1.risk-single-folder a {
    padding-top: 10px;
    padding-bottom: 5px;
  }

  .single .pickmeup .pmu-instance .pmu-prev img {
    margin: 9px 0 0 0 !important;
    width: 8px;
    display: block;
  }

  .single .pickmeup .pmu-instance .pmu-next img {
    margin: 9px 0 0 0 !important;
    width: 8px;
    display: block;
    float: right;
  }

  .planner-reset-data .plann-vert-scroll .planner-edit-row+.row.margin-right-fifteen {
    margin-right: 5px;
  }

  .plann-right-vert-scroll .planner_right_text {
    padding: 8px 10px 8px 10px;
  }

  .main-container-project.all-folder-section .all-folder-row .col-sm-2.top-row-padding {
    padding-top: 10px !important;
  }

  #hazard_form .container-hazard .container-hazard-left {
    height: calc(100vh - 227px);
  }

  #hazard_form .container-hazard .pro-hazard-right-scroll {
    height: calc(100vh - 227px);
  }

  .project-icon>span {
    font-size: 16px;
    line-height: 30px;
    padding-left: 10px;
    display: inline-block;
    vertical-align: top;
  }

  .project-name-section .container-project-right#TaskUsers .user-section a .user-section-left,
  .project-name-section .container-project-right#TaskUsers .user-section a .user-section-group,
  .project-name-section .container-project-right#TaskUsers .user-section a .user-section-right {
    height: 40px;
    padding: 12px 5px;
  }

  .project-name-section .container-project-right#TaskUsers .user-section {
    height: 43px;
  }

  #taskAddModal .taskCloseBtn {
    margin-right: -10px;
  }

  .all-folder-row .top-row-padding {
    padding-top: 10px;
  }


}

@media (max-width : 768px) {
  .myprofile-heading-menu>li>a {
    padding: 8px 10px;
  }
  .ra-new-pro-planner-plan {
    min-height: 35px;
  }

  .all-folder-section .all-folder-row .col-sm-2.top-row-padding {
    width: 100px;
    padding-right: 0;
  }

  .all-folder-sort {
    font-size: 10px;
    padding-right: 4px;
  }

  .r-delete-hover .fa-trash-o {
    line-height: 14px;
  }

  .risk-folder-row .risk-folder-box1 .risk-folder-box1 a.ra-arrow-bg img {
    width: 8px !important;
    height: auto;
  }

  .risk-folder-row .risk-folder-box1 .risk-folder-box1 a .fa-trash-o:before {
    padding-top: 7px;
  }

  .project-top-border.container-project-right .top-sidebar li a {
    background-position: 11px 11px !important;
    width: 100%;
  }

  .project-top-border.container-project-right .top-sidebar li a#project-search {
    background-position: -39px 11px !important;
  }

  .project-top-border.container-project-right .top-sidebar li a#project-chat {
    background-position: -89px 11px !important;
  }

  .project-top-border.container-project-right .top-sidebar li a#project-task {
    background-position: -136px 11px !important;
  }

  .project-top-border.container-project-right .top-sidebar li a#project-user {
    background-position: -191px 11px !important;
  }

  .project-name-section .container-project-right#notification .notificationDiv {
    height: calc(100vh - 229px) !important;
  }

  .project-name-section .container-project-left .project-scroll-first {
    height: calc(100vh - 275.6px) !important;
  }

  .skip-ra .project-add-last .n_grid_add,
  .skip-ra .project-key-medium .n_grid_key,
  .container-project-grid-right .project-add-last .n_grid_add,
  .container-project-grid-right .project-opacity-left .n_grid_opacity,
  .container-project-grid-right .project-key-medium .n_grid_key {
    padding: 3.4px 0;
  }

  .assessments-req-bg-withborder {
    padding: 3px 0px 3px 0;
  }

  .option-container .border-right-per-involved {
    height: calc(100vh - 292px);
  }

  .r-delete-hover .fa-trash-o {
    height: 10px;
  }

  .r-delete-hover .fa-trash-o:before {
    top: -8px;
  }

  .adt-action-btn-left.custom-statement,
  .adt-commnet-col .adt-upload-btn-left {
    padding-left: 12px;
    padding-right: 12px;
  }

  .main-container-project .container-project-left .statment-input {
    height: calc(100vh - 300px);
  }

  /*#edit-header + .container-project-right.folder-right-side-bar { height: calc(100vh - 227px) !important; }*/
  .assessment-list-row .risk-folder-box1 .risk-single-folder.col-sm-7 a i:before {
    top: -1px;
  }

  #section-list .risk-folder-row .col-sm-5.risk-single-folder a .fa-trash-o:before {
    top: -12px;
  }

  .plus_round_padding {
    padding-top: 11px;
  }

  .hazard_check-right a.add_more {
    float: right;
    margin-top: -1px;
  }

  .container-project-left.projectHeading.allProjectHeading .project-icon {
    height: auto;
  }

  .allProjectHeading .projectTextHeading {
    height: 41px;
  }

  .hazard-containe .risk-folder-row-hazard .risk-hazard-box1 .risk-single-hazard.col-md-2 a .hazard-edit-div i {
    top: 3px;
  }

  .main-container-project.hazard-containe .container-project-left .display-flex.margin-zero {
    top: 42px;
    max-height: calc(100% - 42px);
  }

  .r-planner-delete .fa-trash-o {
    font-size: 20px;
  }

  .user-sec-main .container-project-left .pro-view-row-left {
    width: 75%;
  }

  .user-sec-main .container-project-left .pro-view-row-right {
    width: auto;
  }

  .user-sec-main .pro-view-row-right .n_view_groups>a {
    padding-left: 0;
  }

  .all-folder-section .all-folder-row .col-sm-10.mac-small {
    width: 544px;
  }

  .all -folder-section .all-folder-row .col-sm-2.mac-small {
    width: calc(100% - 544px);
    padding-right: 0;
  }

  .all-folder-section .all-folder-row .col-sm-10.text-right {
    width: calc(100% - 190px);
    padding-left: 0;
  }

  .all-folder-section .all-folder-row .col-sm-2.top-row-padding {
    width: 190px;
    padding-right: 0;
  }

  .n_search_folder {
    font-size: 10px;
  }

  .topbar-new .company-dropdown {
    width: 120px;
  }

  .audit-action-row .adt-action-btn {
    min-width: 70px;
    padding: 10px 8px;
  }

  .pro-view-row .pro-view-row-right .n_view_user,
  .pro-view-row .pro-view-row-right .n_view_groups {
    margin-left: 8px;
    padding-left: 8px;
  }

  .pro-view-row .pro-view-row-right .n_view_user {
    margin-left: 0;
  }

  .plan-padding .pro-plan-edit-btn {
    padding: 8px 20px 6px;
  }

  .main-container-project.all-folder-section .all-folder-row .all-folder-sort {
    padding-top: 13px;
  }

}

@media (max-width: 441px) {
    .myprofile-heading-menu>li>a {
        padding: 8px 0;
    }
}

/* iPad Mini in portrait & landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
  .container-project.top-actio-bar.access-per .container-project-left .ra-page-title {
    width: calc(100% - 300px);
  }

  .container-project.top-actio-bar.access-per .container-project-left .access-action {
    width: 300px;
  }

  #addReviewSreenContent .modal-body .que-body-top .r-btn,
  #addReviewSreenContent .modal-body .que-body-top .r-button {
    font-size: 13px;
    height: 34px;
  }

  .controls-sections .left-controls01 {
    width: 39px;
  }

  .tem-drop-pad.wrapper-dropdown-5 .dropdown {
    width: calc(100% + 2px) !important;
    right: -1px !important;
  }

  .tem-drop-pad.wrapper-dropdown-5 .dropdown li a {
    padding-left: 5px;
    padding-right: 5px;
  }

  #template-data .temp-item-sort .top-row-padding {
    padding-top: 10px !important;
  }

  .ra-statment-action-btn .col-sm-6 {
    margin-top: -34px;
  }

  .ms-header-outer-row .tem-sort-icon>a {
    padding-top: 0 !important;
  }

  .ms-header-outer-row .risk-tem-icon {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .ms-template-section#template-data .ms-header-outer-row .risk-single-folder .risk-temp-name {
    padding-top: 0;
  }

  .access-per .ra-page-title>img {
    margin-top: 2px;
  }

  .dropableArea .task-box li .n_parent-div .open-task-heading {
    padding: 0;
    font-size: 13px;
    line-height: 16px;
  }

  .checkout-specific .invice-main-container {
    height: calc(100vh - 97px);
  }

  .main-container-project .container-project-left .statment-input {
    height: calc(100vh - 307px);
  }

  .stats-section .container-project-right .nav-tab-change li a {
    padding: 16px 2px;
  }

  .invice-right-container .package-box {
    min-height: calc(100% - 208px);
  }

  .planner_right_bg .plann-right-vert-scroll {
    height: calc(100vh - 424px);
  }

  .single .pickmeup .pmu-instance .pmu-years *,
  .single .pickmeup .pmu-instance .pmu-months * {
    padding: 4px !important;
    line-height: 30px !important;
  }

  .container-grid .my-photo-section .pro_phot_padding.photo-sec .project_img_heading {
    padding-left: 8px;
  }

  .container-project-grid-right .plann-grid-right-vert-scroll .LibraryHazard .ui-draggable {
    width: 80px;
  }
}

/* iPad Mini in landscape only */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
  .assessment-list-row .risk-folder-box1 .risk-single-folder.col-sm-7 a img {
    margin-left: -13px;
  }

  .user-table tbody tr td.pronew-tbl-cell-last {
    padding: 8px 10px !important;
  }

  .user-sec-main .user-table .au-edit-tb {
    padding: 8px 10px;
  }

  .hazard-containe .risk-folder-row-hazard .risk-hazard-box1 .risk-single-hazard.col-md-2 a .hazard-edit-div i {
    top: 0;
  }

  .n_dropdown_top.skip-select-profile-grid a.init_key_staff {
    padding: 11px 10px;
  }

  .access-per .access-action {
    line-height: 28px;
  }

  .assessment-list-row .risk-file-name a.assemssment-name-link {
    font-size: 13px;
    line-height: 22px;
  }

  .skip-next-container .container-hazard-left,
  .skip-next-container .pro-hazard-right-scroll {
    height: calc(100vh - 227px);
  }

  .option-container .container-hazard-left,
  .option-container .container-hazard-right {
    height: calc(100vh - 227px);
  }

  .sticky-table-outer {
    height: calc(100vh - 280px);
  }

  tbody div.n_group_tbl_height {
    height: calc(100vh - 430px);
  }

  .all-folder-row .all-folder-block.top-row-padding {
    padding-top: 10px !important;
  }

  /* .main-container-project .container-project-left .statment-list {
    height: calc(100vh - 370px);
  } */

  body.keyboardOpen {
    overflow: inherit;
    margin-top: 20px;
  }

  body.TabletkeyboardOpen.keyboardOpen {
    margin-top: 0;
  }

  .planner_bg .plan_type {
    padding-top: 13px;
  }

}

/* iPad Mini in portrait only */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

  .container-project.main-container-project .project-nheight,
  .container-project.main-container-project .work_desc_height {
    padding-left: 5px;
    padding-right: 5px;
  }

  .user-table .pro-new-tbl-head-cell,
  .user-table .pronew-tbl-cell,
  .user-table .pro-new-tbl-wo-border {
    padding-left: 10px !important;
  }

  .user-table .pronew-tbl-cell-last {
    padding: 8px 10px !important;
  }

  .user-sec-main .user-table .au-edit-tb {
    padding: 8px 10px !important;
  }

  .open-info>.open-info1 {
    width: 80px;
  }

  .open-info>.open-info2 {
    max-width: calc(100% - 40px);
  }

  #header-list .main-container-project#header-list .container-project-left {
    height: calc(100vh - 227px) !important;
  }

  .skip-next-container .container-hazard-left,
  .skip-next-container .pro-hazard-right-scroll {
    height: calc(100vh - 227px);
  }

  .option-container .container-hazard-left,
  .option-container .container-hazard-right {
    height: calc(100vh - 227px);
  }

  .sticky-table-outer {
    height: calc(100vh - 280px);
  }

  tbody div.n_group_tbl_height {
    height: calc(100vh - 430px);
  }

  .invice-right-container .proceed-payment-outer .custom-btn {
    font-size: 12px;
  }

  .invice-right-container .package-box {
    min-height: calc(100% - 245px);
  }

  .profile-add-group .ele-total-border .total-user-text {
    padding-top: 9px;
  }

  .planner_bg .plan_type {
    padding-top: 14px;
  }

}


/* ----------- iPad Pro ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {

  body {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
  }

  .main-container-project .ra-main-folder-block {
    max-height: calc(100% - 60px);
  }

  .project-name-section .container-project-left .project-scroll-first {
    height: calc(100vh - 300px) !important;
  }

  .container-project.ra-access-section .risk-folder-icon {
    padding-bottom: 0;
  }

  .info_type_pro {
    padding: 5px;
  }

  span.multiselect-native-select .btn-group .multiselect {
    padding: 0 35px 0 5px;
  }

  #searchBox span.multiselect-native-select .btn-group .multiselect {
    padding-top: 5px;
  }

  #searchBox #searchDueDate {
    padding: 3px 6px 5px;
    /* font-family: 'Segoe UI'; */
  }

  #searchBox .modal-body .modal2-bottom-btn .btn-primary {
    padding: 6px 10px 8px;
    font-size: 11px;
  }

  #template-data .temp-item-sort .add-new-hazard #add-header-top-link {
    padding: 13px 10px !important;
    width: 100%;
    max-width: 150px;
    font-size: 12px;
  }

  #template-data .temp-item-sort .all-folder-block {
    padding-top: 10px !important;
  }

  .ms-header-outer-row.header-edit-mode .risk-single-folder.risk-folder-box1 .change-ms-header-name {
    width: 100% !important;
  }

  #myModal3 .addProjectCancel,
  #myModal3 .submitproject {
    font-size: 12px;
    height: 34px;
    padding-top: 6px;
    padding-bottom: 7px;
  }

  .main-container-project .container-project-left .statment-input.upload-hazard-box {
    height: calc(100vh - 324px);
  }

  #myCanvas .image-canvas .annotate-undo,
  #myCanvas .image-canvas .annotate-redo {
    float: left;
    margin-left: -9px;
  }

  .audit-question-section#checklist-section-list.checklist-container .risk-folder-row .risk-folder-box1.risk-single-folder a .fa-trash-o {
    height: 18px;
    top: 10px;
  }

  .audit-question-section#checklist-section-list.checklist-container .risk-folder-row .risk-folder-box1.risk-single-folder a .fa-trash-o:before {
    top: 0;
    margin-top: 0;
    left: 2px;
  }

  .assessment-list-row .risk-folder-box1 .risk-single-folder.col-sm-7 a {
    padding-top: 50px;
  }

  .assessment-list-row .risk-folder-box1 .risk-single-folder.col-sm-7 a img {
    top: 20px;
  }

  .assessment-list-row .risk-folder-box1 .risk-single-folder.col-sm-7 a.review-ra img,
  .assessment-list-row .risk-folder-box1 .risk-single-folder.col-sm-7 a.sign-off-ra img,
  .assessment-list-row .risk-folder-box1 .risk-single-folder.col-sm-7 a.request-review img,
  .assessment-list-row .risk-folder-box1 .risk-single-folder.col-sm-7 a.review-ms img,
  .assessment-list-row .risk-folder-box1 .risk-single-folder.col-sm-7 a.sign-off-ms img {
    top: 22px;
  }

  .assessment-list-row .risk-folder-box1 .risk-single-folder.col-sm-7 a i {
    top: 24px;
  }

  /*.main-container-project.ms-template-section .container-project-left { height: calc(100vh - 255px) !important; }
#template-data.ms-template-section .risk-folder-row .risk-folder-box1 .risk-folder-box1 a  { min-height: 56px; }*/
  .hazard-containe .risk-folder-row-hazard .risk-hazard-box1 .risk-single-hazard.col-md-2 a .hazard-edit-div i {
    top: 2px;
  }

  .stats-section .container-project-right.audit-stat-right .tab-content .paddig-sicon-text {
    height: calc(100vh - 442px);
  }

  .main-container-project .container-project-left .statment-input {
    height: calc(100vh - 338px);
  }

  /* .main-container-project .container-project-left .statment-list {
    height: calc(100vh - 341px);
  } */

  .wrapper-dropdown-5 .dropdown li.edit_hover_class div {
    opacity: 1;
    visibility: visible;
  }

  .custom-dropdown-btn .n_dropdown_top .n_dropdown-outer .n_dropdown li.checklist-template div {
    opacity: 1;
    visibility: visible;
  }

  .container-grid .my-photo-section .pro_phot_padding.photo-sec .project_img_heading {
    padding-left: 0px;
  }

  .container-project-grid-right .plann-grid-right-vert-scroll .LibraryHazard .ui-draggable {
    width: 80px;
  }

}


/* Portrait */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
  .r-delete-hover .fa-trash-o {
    line-height: 16px !important;
    display: inline-block;
    width: 20px;
    height: 21px;
  }

  .r-delete-hover .fa-trash-o:before {
    margin-top: 2px;
  }

  .risk-folder-row .risk-folder-box1 .risk-folder-box1 a.inner-folder-arrow {
    margin-top: 10px;
  }

  .ra-arrow-bg {
    min-width: 10px !important;
  }

  .ra-new-pro-planner-plan {
    padding: 8px 0px 9px;
  }

  .grid-layout-section {
    height: calc(100vh - 244px);
  }

  .container-project-grid-right .plann-grid-right-vert-scroll {
    height: calc(100vh - 284px);
  }

  .skip-ra .project-add-last .n_grid_add,
  .skip-ra .project-key-medium .n_grid_key,
  .container-project-grid-right .project-add-last .n_grid_add,
  .container-project-grid-right .project-opacity-left .n_grid_opacity,
  .container-project-grid-right .project-key-medium .n_grid_key {
    height: 60px;
  }

  .project-name-section .container-project-left .project-scroll-first {
    height: calc(100vh - 263px) !important;
  }

  .project-name-section .container-project-right#notification .notificationDiv {
    height: calc(100vh - 220px) !important;
  }

  .projectTextHeading .project-icon {
    padding-top: 9px;
  }

  .projectTextHeading .plus_round_padding {
    padding-top: 13px;
  }

  #searchBox .search-box {
    padding: 0 8px;
  }

  .close-btn-task {
    margin-right: -12px;
  }

  #searchBox .modal2-content .modal-bg-right .close-btn-task {
    margin-right: -5px;
  }

  .project-name-section .container-project-right#TaskUsers {
    height: calc(100vh - 226px) !important;
  }

  .projectTextHeading {
    height: 40px;
  }

  .dropableArea .task-box {
    height: calc(100vh - 274.4px);
  }

  #datepickerTask.datepickerTask.dateInput {
    width: calc(100% + 18px) !important;
    margin-left: -18px !important;
  }

  .project-top-border .n_lib-text {
    padding-top: 30px;
  }

  .project-key-medium .n_grid_key,
  .project-opacity-left .n_grid_opacity,
  .project-add-last .n_grid_add {
    background-position-y: 9px;
  }

  .main-container-project .ra-main-folder-block {
    max-height: calc(100% - 38px);
  }

  .project-name-section .container-project-right .notificationDiv {
    height: calc(100vh - 226px) !important;
  }

  .main-container-project .container-project-left .statment-input {
    height: calc(100vh - 309px);
  }

  .planner-folder-row .row_action_block2 {
    width: 160px;
    padding-right: 20px;
  }

  .planner-folder-row .row_action_block3 {
    width: 290px;
  }

  .planner-folder-row .row_action_block1 {
    width: calc(100% - 458px);
  }

  .assessment-list-row .risk-folder-box1 .risk-single-folder.col-sm-7 a i {
    top: 14px;
    font-size: 16px;
    margin-left: -7px;
  }

  .main-container-project .container-project-left .statment-input.upload-hazard-box {
    height: calc(100vh - 305px);
  }

  #template-data.ms-template-section .risk-folder-row .risk-folder-box1 .risk-folder-box1 a {
    min-height: 52px !important;
    padding-top: 28px !important;
  }

  #template-data .risk-folder-row .risk-folder-box1 .risk-folder-box1 a .fa-trash-o {
    top: 5px;
  }

  .main-container-project.hazard-containe .container-project-left .display-flex.margin-zero {
    top: 42px;
    max-height: calc(100% - 42px);
  }

  .planner_right_bg .plann-right-vert-scroll {
    height: calc(100vh - 430px);
  }

  .chat-noti>.chat-noti-no {
    top: 0;
    padding-left: 0;
    padding-top: 0;
    line-height: 14px;
    font-size: 9px;
  }

  .stats_templete.edit-mode .col-sm-8.stats-follow input.stats-follow {
    padding-left: 5px;
    font-size: 12px;
  }

  .skip-next-container .container-hazard-left,
  .skip-next-container .pro-hazard-right-scroll {
    height: calc(100vh - 227px);
  }

  .option-container .container-hazard-left,
  .option-container .container-hazard-right {
    height: calc(100vh - 227px);
  }

  tbody div.n_group_tbl_height {
    height: calc(100vh - 428px) !important;
  }

  .stats-section .container-project-right .tab-content .paddig-sicon-text {
    height: calc(100vh - 517px);
  }

  .stats-section .container-project-right .n_email_right {
    height: calc(100vh - 227px);
  }

  .sticky-table-outer {
    height: calc(100vh - 280px);
  }

  .stats-section .container-project-right .status-bg-table {
    height: calc(100vh - 227px);
  }

  .order-history-tbl .order-history-tbl-cls {
    max-height: calc(100vh - 302px);
  }

  .stats-section .container-project-right .stats_graph_padding {
    min-height: calc(100vh - 392px);
  }

  .hazard-containe .risk-folder-row-hazard .risk-hazard-box1 .risk-single-hazard.col-md-10 {
    padding: 10px 15px;
  }

  .container-project-left .select-profile,
  .container-project-left .wrapper-dropdown-5 {
    width: calc(50% - 15px);
  }

}

/* Landscape */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  .main-container-project .ra-main-folder-block {
    top: 32px;
  }

  .audit-edit-section .checklist-field-divs,
  .audit-edit-section .adt-option-bg {
    height: calc(100vh - 340px);
  }

  .parent-question.main-div .adt-row-bg .adt-que-bg {
    height: calc(100vh - 340px);
  }

  .main-container-project .container-project-left .statment-input.upload-hazard-box {
    height: calc(100vh - 338px);
  }

  .container-project.top-actio-bar.left-block-border .ra-method-tem-title {
    padding-top: 10px;
  }

  .custom-question-div .checklist-date-input {
    height: calc(100vh - 340px);
  }

  .access-per .access-action .all-folder-sort {
    display: inline-block;
    vertical-align: top;
  }

  .access-per .ra-page-title {
    line-height: 28px;
  }

  .access-per .ra-page-title {
    width: 50% !important;
  }

  .access-per .access-action {
    width: 50% !important;
  }

  .wrapper-dropdown-5 .dropdown {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  #searchBox .modal3-user-icon {
    width: 22px;
  }

  #searchBox span.multiselect-native-select .btn-group .multiselect {
    padding-top: 0;
  }

  .planner_right_bg .plann-right-vert-scroll {
    height: calc(100vh - 509px);
  }

  #profile-body .user-sec-main .ra-select-profile {
    padding-left: 18px !important;
  }

  .user-sec-main .edit-parent-row .pronew-tbl-btn .au-edit-tb {
    padding: 0 20px !important;
    border-color: transparent !important;
  }

  .skip-next-container .container-hazard-left,
  .skip-next-container .pro-hazard-right-scroll {
    height: calc(100vh - 258px);
  }

  #hazard_form .container-hazard .pro-hazard-right-scroll {
    height: calc(100vh - 258px);
  }

  #hazard_form .container-hazard.skip-next-container .container-hazard-left,
  #hazard_form .container-hazard.skip-next-container .container-hazard-right {
    height: calc(100vh - 258px);
  }

  .main-container-project.all-folder-section .all-folder-row .col-sm-2.top-row-padding {
    padding-top: 9px !important;
  }

  .stats-section .container-project-right .status-bg-table .stats-question-list-right {
    top: 52px;
    max-height: calc(100% - 52px);
  }

  /*page height*/
  .main-container-project.hazard-containe .container-project-left {
    height: calc(100vh - 258px);
  }

  .sticky-table-outer {
    height: calc(100vh - 309px);
  }

  .stats-section .container-project-right .status-bg-table {
    height: calc(100vh - 258px);
  }

  .grid-layout-section {
    height: calc(100vh - 274px);
  }

  .container-project-grid-right .plann-grid-right-vert-scroll {
    height: calc(100vh - 314px);
  }

  .stats-section .container-project-right .n_email_right {
    height: calc(100vh - 258px);
  }

  .order-history-tbl .order-history-tbl-cls {
    max-height: calc(100vh - 338px);
  }

  tbody div.n_group_tbl_height {
    height: calc(100vh - 458px);
  }

  .profile-add-group .ele-total-border .groupsearchnot {
    padding: 0;
  }

  .temp-item-sort .item-sort-list {
    padding-left: 37px;
  }

  .custom-question-div .adt-que-bg {
    height: calc(100vh - 337px);
  }

  .all-user-list .mgroup-section {
    height: 120px;
    margin-top: 8px;
    margin-bottom: 8px;
  }

  .risk-single-folder.icon-name .risk-folder-icon {
    width: 24px;
    padding-top: 29px;
  }

  .risk-edit-folder .risk-single-folder .risk-folder-icon {
    width: 24px;
    padding-top: 29px;
  }


}

@media (min-width : 1280px) {
  .action-links-outer .risk-folder-box1.dis-flex .action-links-main .right-action-links {
    display: flex !important;
  }
}


@media (max-width : 1160px) and (min-width : 960px) {
  body.TabletkeyboardOpen .top-navbar-bg {
    height: 0px;
    overflow: hidden;
  }

  body.TabletkeyboardOpen .main-container-project .container-project-left {
    height: calc(100vh - 46px) !important;
  }

  body.TabletkeyboardOpen .main-container-project .container-project-right {
    height: calc(100vh - 46px) !important;
  }
}

/*******Date 07/09/2019 **************/
.importstatement-selected {
  background-color: #fc3;
}

#import-statement-list .ra-hazard-controls {
  border: none !important;
}


.custom-field {
  background: none !important;
  cursor: all-scroll;
}

.hazard-blue-bg {
  background-color: #1c79d7;
}

.hazard-grey-bg {
  background-color: #666;
}

.hazard-blue-bg .item-sort-list,
.hazard-grey-bg .item-sort-list {
  color: #FFFFFF;
}


/****************** Date 27/04/2021 ******************/
#select-procore-folder-list-popup .modal-body {
  padding: 0;
  max-height: calc(100vh - 100px);
  overflow-y: auto;
}

#select-procore-folder-list-popup ul {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}

#select-procore-folder-list-popup ul li {
  float: left;
  width: 100%;
  padding: 15px 0;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  border-bottom: 1px solid #e6e6e6;
  /* font-family: 'Segoe UI'; */
  align-items: center;
  justify-content: center;
  list-style: none;
}

#select-procore-folder-list-popup ul li .procore-folder-options {
  float: left;
  width: auto;
  max-width: calc(100% - 50px);
  cursor: pointer;
  padding-left: 15px;
}

#select-procore-folder-list-popup ul li span.dropdown-arrow {
  float: right;
  width: 30px;
  rotate: -90deg;
  height: 20px;
  background-image: url("../../../img/front/taskmanager/temp-down-arrow.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px auto;
  cursor: pointer;
  margin: 0 13px 0 0;
}

.right-sync-section {
  width: 15%;
  display: none;
}

.bank-invoice {
  position: relative;
  width: 100%;
  float: left;
  text-align: center;
  border-top: 1px solid #b6b6b6;
  padding-top: 30px;
  margin-top: 20px;
  position: relative;
}

#bank-invoice-btn::before {
  content: "OR";
  display: inline-block;
  text-align: center;
  font-weight: bold;
  margin-bottom: 20px;
  position: absolute;
  top: -10px;
  left: 50%;
  background: #e6e6e6;
  width: 40px;
  margin-left: -20px;
}

#submit_bank {
  display: inline-block;
  vertical-align: middle;
  margin-left: 6px;
  padding: 3px 25px 3px;
}

.bacs-sec {
  background-color: #1b79d7;
  color: white;
  text-align: left;
  padding: 15px;
  width: calc(100% - 100px);
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.custom-payment-section #paypal-button {
  padding-top: 42px !important;
}

.rate-public-library {
  width: 18px;
}

.display-non-flex {
  display: inline !important;
}

.external-folder-name {
  float: left;
  padding-left: 10px;
  cursor: pointer;
}

.external-folder-icon {
  display: inline;
  width: 24px;
}

.maintence-head {
  background-color: rgb(0, 173, 238);
  color: rgb(255, 255, 255);
  padding: 5px 0;
  position: fixed;
  text-align: center;
  width: 100%;
  z-index: 1000;
}


.cookies-block {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 99999991;
  height: auto;
  padding: 15px 0;
  background: #1969ad;
  background: -moz-linear-gradient(left, #1969ad 0, #1583e2 100%);
  background: -webkit-linear-gradient(left, #1969ad 0, #1583e2 100%);
  background: linear-gradient(to right, #1969ad 0, #1583e2 100%);
}

.cookies-block .cookies-cnt {
  float: left;
  width: calc(100% - 100px);
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  padding: 6px 0 0 0;
}

.cookies-block .cookies-cnt a {
  display: inline-block;
  vertical-align: top;
  color: #fff;
  text-decoration: none;
  opacity: .5;
  cursor: pointer;
}

.cookies-block .cookies-cnt a:hover {
  color: #fff;
  opacity: 1;
}

.cookies-block .cookies-btn {
  float: left;
  width: 100px;
}

.cookies-block .cookies-btn a.custom-btn {
  float: right;
  width: auto;
  padding: 6px 15px;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  outline: 0;
  background-color: #333;
}

.cookies-block .cookies-close {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  text-decoration: none;
  background-image: url(../../../img/front/inner-page/close-btn.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 16px auto;
}

.cookies-block .container {
  display: flex;
}

.pmu-not-in-month {
  pointer-events: none;
  cursor: pointer;
}

.top-navbar-bg .inner-action>a.support-head i.fa-support {
  width: 18px;
  height: 18px;
  position: static;
  background-image: url(../../../img/front/inner-page/support.png);
  background-size: 17px auto;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 4px;
}

.top-navbar-bg .inner-action>a.support-head {
  padding: 0 22px;
  width: auto;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
}
.support-nav {
    position: absolute;
    background: #000;
    top: 38px;
    display: none;
    left: 8px;
    border: 3px solid #fc3;
    border-radius: 10px;
}
.support-nav ul {
    padding: 4px 10px;
    font-weight: bold;
}
.support-nav ul li {
    border-bottom: 1px solid #5c5c5c;
    padding: 5px 0;
    min-width: 180px;
    list-style: none;
}

.support-nav ul li:last-child {
  border-bottom: none;
}
.support-nav ul li a{
  color: #fff;
}

.support_header{
	justify-content: space-between;
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
}
.search_bar input[type="text"] {
    border: 1px solid;
    width: 100%;
    padding: 5px 15px;
    height: 40px;
    border-radius: 7px;
}

.remove-ms-field-option{
  float: left;
  width: 24px;
  height: 34px;
  font-size: 16px;
  line-height: 34px;
  color: #000;
  text-align: right;
}
.opcity-check-section {
  width: 10%;
  text-align: center;
  float: left;
  display: flex;
  justify-content: center;
  flex-flow: column;
  height: 52px !important;
  padding-left: 25px;
}

.opcity-check-section img {
  width: 20px;
  height: 20px;
}

#dd2 {
  display: none;
}

@media (max-width : 767px) {
  #dd2 {
    display: block;
  }
  .topbar-new .company-dropdown {
    width: 90px;
  }
}
@media (max-width : 1200px) {
  /* .topbar-new .upgrade-section a.upgrade-btn {
    position: relative;
    color: transparent;
  }
  .topbar-new .upgrade-section a.upgrade-btn::after {
    content: "UP";
    color: black;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    color: #ffffff;
    padding: 5px 0;
  } */
  .topbar-new .company-dropdown {
    width: 90px;
  }
  .inner-top-navbar {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .site-logo {
    margin-top: 20px;
  }
  .logo-text {
    padding-top: 0;
  }
  .inner-top-navbar>div {
    display: block;
  }
  .inner-top-navbar>div>a {
    display: block;
  }
  .top-navbar-bg .inner-action>a.support-head{
    padding: 0 7px;
  }
  .top-navbar-bg .inner-action>a.support-head i.fa-support {
    margin-right: 2px;
  }
  .top-navbar-bg .inner-action>a.support-head .support-label{
    display: none;
  }
  .welcome_txt{
    display: none;
  }
  .btn.btn_module_type {
    padding: 5px;
  }
}

.statement-img-preview-list {
  float: left;
  width: 100%;
  padding: 5px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: flex-start;
}

.statement-img-preview-list span {
  flex: 1 1 200px;
  max-width: 48%;
  aspect-ratio: 1 / 1;
  border: 2px solid #333;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  max-height: 250px;
}

.statement-img-preview-list span img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.likehoodsMatrixModel_dropHeaderDiv{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100vh;
  background-color: #00000085;
}
.likehoodsMatrixModel_dropHeaderSubDiv{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height:max-content;
  background: white;
  width: 450px;
  overflow: hidden;
}
.likehoodsMatrixModel_dropHeaderSubDiv li{
  display: block !important;
  background: white;
  padding: 10px;
  border-bottom: 1px solid lightgray;
  color: black;
}
.likehoodsMatrixModel_dropHeaderSubDiv li.selected{
  background-color: #fc3;
}
.likehoodsMatrixModel_dropHeaderSubDiv li.selected:hover{
  background-color: #fc3;
}
.likehoodsMatrixModel_dropHeader{
  height: 65px;
  background: #000;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.likehoodsMatrixModel_dropHeader p{
  margin: 0;
  margin-right: 40px;
  padding: 7px;
}
.likehoodsMatrixModel_dropX{
  position: absolute;
  top: 18px;
  right: 14px;
  cursor: pointer;
}
.likehoodsMatrixModel_dropHeaderSubDiv li:hover{
  color: #000;
  background: #f1f1f1;
}

.pdf-notification-sidebar {
  /* position: fixed;
  top: 0;
  right: 0; */
  width: 100%;
  height: 100%;
  background-color: white;
  box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
  padding: 20px;
  z-index: 9999;
  font-family: 'Segoe UI', sans-serif;
  display: flex;
  flex-direction: column;
}

.notifications-list {
  flex: 1;
  overflow-y: auto;
}

.notification-item {
  position: relative;
  background-color: #ccc;
  padding: 15px;
  border-radius: 6px;
  margin-bottom: 15px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.05);
}

.notification-date {
  font-size: 12px;
  color: #777;
  margin-bottom: 4px;
}

.notification-title {
  font-size: 18px;
  font-weight: bold;
  color: #333;
  margin-bottom: 6px;
}

.notification-message {
  font-size: 14px;
  color: #555;
  line-height: 1.5;
}

.alert-close-btn {
  position: absolute;
  top: 6px;
  right: 10px;
  font-size: 16px;
  color: #aaa;
  cursor: pointer;
  transition: color 0.2s ease;
}
.close-btn:hover {
  color: #f00;
}

.read-all-btn {
  margin-top: 10px;
  padding: 10px;
  background-color: #eee;
  border: none;
  border-radius: 5px;
  font-weight: bold;
  cursor: pointer;
  transition: background 0.3s;
}
.read-all-btn:hover {
  background-color: #ddd;
}