/* -----Custom classes----- */

body {
  font-family: "Montserrat", arial;
  background-color: #fdf9f9;
}

.row {
  margin: 0px;
}

.Rectangle {
  width: 100%;
  height: 6.5px;
  background-color: #ad2626;
}

.bg_img {
  background-image: url("../img/buildings-498198-1280.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
}

.buildings-498198_1280 {
  width: 1118px;
  height: 650px;
  object-fit: contain;
}

.Bitmap {
  width: 286.6px;
  height: 68.8px;
  object-fit: contain;
  margin: 20px;
  margin-top: 8%;
}

.Life {
  font-family: "Montserrat", arial;
  font-size: 48px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  margin: 20px;
}

.Better---Faster---Ch {
  font-family: "Montserrat", arial;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  margin: 20px;
  margin-top: 40px;
}

.Rectangle-2 {
  width: 226px;
  height: 47px;
  background-image: linear-gradient(to bottom, #ef881b -37%, #f9b44e);
  text-align: center;
  border-radius: 20px;
  padding: 12px;
  margin: 20px;
  border: none;
  font-family: "Montserrat", arial;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}

.Fire-Safety-Director {
  font-family: "Montserrat", arial;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  padding: 20px;
  padding-bottom: 252px;
}

.Easy-Do-It-Yourself {
  font-family: "Montserrat", arial;
  font-size: 38px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #383c43;
  margin: 20px;
  margin-top: 5%;
}

.Your-building-gets-a {
  font-family: "Montserrat", arial;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #203e6b;
  margin-bottom: 3%;
}

.A-Detailed-Guide-to {
  font-family: "Montserrat", arial;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: normal;
  text-align: center;
  color: #203e6b;
}

.coldetails .col-lg-4 {
  text-align: center;
  padding: 1% 5%;
}

.coldetails .col-lg-4 img {
  margin-bottom: 20px;
}

.NOTE-CUSTOMIZED-B {
  font-family: "Montserrat", arial;
  font-size: 9px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  text-align: center;
  color: #646b75;
  margin-bottom: 4%;
}

.BETTER {
  font-family: "Montserrat", arial;
  font-size: 22px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.86;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}

.better_rect {
  width: 332px;
  height: 160px;
  background-image: linear-gradient(
    to bottom,
    rgba(220, 111, 111, 0),
    #d53434 78%
  );
}

.Mask {
  /* background-color: #d53434; */
  background-color: #db2322;
  border-radius: 23px;
  border: 15px solid #fff;
  padding: 0;
}
.Online-videos-do-th {
  font-family: "Montserrat", arial;
  font-size: 11px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.45;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}

.better_li {
  padding: 8%;
  margin-bottom: 0;
  padding-top: 0px;
}

.better_li li {
  padding: 5px;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.45;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}

.fasterMask {
  background-color: #ee863d;
  border-radius: 23px;
  border: 15px solid #fff;
  padding: 0;
}

.cheaperMask {
  background-color: #ae2424;
  border-radius: 23px;
  border: 15px solid #fff;
  padding: 0;
}

.betterFasterRow {
  width: 100%;
  margin: 0 auto;
}

.betterFasterRow .col-4 {
  display: flex;
}

.betterFasterRow .col-lg-4 img {
  width: 100%;
}

footer {
  background-color: #322b2b;
  padding: 2%;
  color: #fff;
  width: 100%;
}

.Higher-Fire-Life-Saf {
  font-family: "Avenir", sans-serif;
  font-size: 11px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
}

.Contact-supporthigh {
  font-family: "Avenir", sans-serif;
  font-size: 15px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.55;
  letter-spacing: normal;
  color: #ffffff;
}

.Contact-supportmail {
  line-height: 2.64;
  color: #ebe09a;
}

.Contact-supporthigh-para {
  line-height: 1.36;
  font-size: 11px;
}

.footer_seperator {
  border-top: solid 1px #ffffff;
  opacity: 0.22;
}

.emergencyplan {
  background-color: #c8c8c8;
  margin: 0;
  padding: 6% 0%;
}

.Emergency-Plans-Bu {
  font-family: "Montserrat", arial;
  font-size: 38px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: right;
  color: #17385c;
}

.For-buildings-in-the {
  font-family: "Montserrat", arial;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.57;
  letter-spacing: normal;
  text-align: right;
  color: #1e1e1e;
  margin: 10% 0%;
}

.btn_getstarted {
  background-image: linear-gradient(to bottom, #ef881b -37%, #f9b44e);
  color: #fff;
  padding: 10px 40px;
  border-radius: 16px;
  border: unset !important;
  float: right;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
}

.InstantCert .instantCert_getstarted {
  padding: 5% 15px;
}

.InstantCert .btn_getstarted {
  float: left;
}

.img_emergencyplan {
  width: 100%;
}

.Copyright-2019-Hi {
  font-family: "Avenir", sans-serif;
  font-size: 11px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
  margin: 1% 0px;
}

.footerlogo {
  width: 150px;
  margin-bottom: 3%;
}

footer ul {
  list-style: none;
  font-size: 11px;
  padding-inline-start: 0;
}

footer ul li {
  padding: 5px 0px;
}

.architecture-1515475_1920 {
  width: 100%;
}

.login_bg_img {
  width: 100%;
  display: inline-block;
  position: relative;
  background-size: contain;
  background: url("../img/architecture-1515475-1920.png") top center no-repeat;
  margin: 0 auto;
  text-align: center;
}
.login_bg_img:after {
  display: block;
  content: "";
}

.container_bg {
  background-color: #fdf9f9;
}

.inner_wrapper {
  top: 20%;
  bottom: 0;
  right: 0;
  left: 0;
  color: black;
  text-align: center;
  margin-top: 20%;
  border: solid 0.5px #999999;
  background-color: #fffdfd;
  margin: 0 auto;
  width: 80%;
  margin-bottom: 10%;
  border-radius: 8px;
}
.Log-In {
  font-family: "Montserrat", arial;
  font-size: 38px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #383c43;
}

.Please-enter-your-cr {
  font-family: "Montserrat", arial;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #203e6b;
  margin: 5% 0%;
  margin-bottom: 10%;
}

.log_input {
  text-align: left;
}

.Email-Address,
.Password {
  font-family: "Montserrat", arial;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.69;
  letter-spacing: normal;
  color: #203e6b;
  margin-bottom: 0;
}

.log_inputbox {
  border: solid 1px #787c88;
  background-color: #fdfaf9;
  height: 52px;
}

.login_box {
  padding: 10% 20%;
}

.forgotpass {
  font-size: 11px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #4178f0;
}

.btn_login {
  background-image: linear-gradient(to bottom, #ef881b -37%, #f9b44e);
  width: 100%;
  color: #fff;
  text-align: center;
  padding: 2%;
  border-radius: 16px;
  border: unset;
  font-weight: bold;
  font-size: 18px;
  margin: 5% 0%;
}

.mb0 {
  margin-bottom: 0px;
}

.Not-registered-yet {
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #454545;
}

.reg_here {
  color: #4178f0;
}

#forgotpass_div {
  display: none;
}

.Is-This-Still-Your-C {
  font-size: 38px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #383c43;
  margin: 3%;
}

.Building-Address {
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.69;
  letter-spacing: normal;
  text-align: center;
  color: #203e6b;
}

.addressDetails {
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.69;
  letter-spacing: normal;
  text-align: center;
  color: #203e6b;
}

.btn_yes {
  width: 212px;
  height: 52.4px;
  background-image: linear-gradient(to bottom, #ef881b -37%, #f9b44e);
  border-radius: 16px;
  border: unset;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  margin: 3%;
}

.btn_no {
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #493c2b;
  width: 211.5px;
  height: 52.4px;
  border: solid 2px #e48d39;
  border-radius: 16px;
}

.stillAdd_modal .modal-body {
  padding: 10%;
}

.login_a {
  color: #fff;
  text-decoration: underline;
}

.login_a:hover {
  color: #f6a63e;
}

.buildInfo_header {
  background-color: #ad2626;
  margin: 0;
  padding: 1%;
}

.buildInfo_header img {
  width: 161px;
}

.builinfo_body .heading {
  font-family: "Montserrat", arial;
  font-size: 38px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #383c43;
  padding-top: 5%;
}

.builinfo_body .bi_subheading {
  font-family: "Montserrat", arial;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #203e6b;
  margin: 2%;
}

.formheader {
  padding: 3% 5%;
}

.formheader h3 {
  font-family: "Montserrat", arial;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: normal;
  color: #ad2626;
  border-bottom: solid 1px #d59898;
  padding-bottom: 5px;
}

.input_lbl {
  font-family: "Montserrat", arial;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.69;
  letter-spacing: normal;
  color: #203e6b;
  margin-bottom: 0;
}

.btn_enter {
  width: 350px;
  height: 52.4px;
  background-image: linear-gradient(to bottom, #ef881b -37%, #f9b44e);
  border-radius: 16px;
  border: unset;
  font-weight: bold;
  font-size: 18px;
  color: #fff;
  margin-top: 3% !important;
}

.a_btn_enter {
  width: 290px;
  height: 52.4px;
  background-image: linear-gradient(to bottom, #ef881b -37%, #f9b44e);
  border-radius: 16px;
  border: unset;
  font-weight: bold;
  font-size: 18px;
  color: #fff !important;
  margin-top: 2% !important;
  display: inline-block;
  padding: 14px;
  cursor: pointer;
}

.a_btn_edit {
  width: 290px;
  height: 52.4px;
  border-radius: 16px;
  font-weight: bold;
  font-size: 18px;
  margin-top: 2% !important;
  display: inline-block;
  padding: 14px;
  cursor: pointer;
}

.center {
  text-align: center;
}

.padzero {
  padding: 0px;
}

.confirmationHeader {
  text-align: center;
}

#info_confirmation {
  padding: 3% 10%;
}

.ans_inputbox {
  padding: 0;
  border: unset;
  margin-bottom: 5%;
  background: transparent !important;
}

.ans_inputbox:focus {
  box-shadow: unset !important;
}

.Is-Your-Information {
  font-family: "Montserrat", arial;
  font-size: 38px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #383c43;
  margin: 3%;
  margin-bottom: 5%;
}

.btn_edit {
  width: 350px;
  height: 52.4px;
  background-color: #fff;
  border-radius: 16px;
  border: solid 2px #e48d39;
  font-weight: bold;
  font-size: 18px;
  color: #493c2b;
  margin: 2%;
}

#info_confirmation .input_lbl {
  margin-bottom: 0;
}

.fsdNavbar,
.adminNavbar {
  background-color: #4c2a2a !important;
  padding: 15px 0;
}

.fsdNavbar .navbar-nav .nav-link,
.adminNavbar .navbar-nav .nav-link {
  font-family: "Montserrat", arial;
  font-size: 13px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
}

.fsdNavbar .nav-item {
  padding: 0 2%;
}

.adminNavbar .nav-item {
  padding: 0 1%;
}

.fsdDash_header {
  text-align: center;
}

.fsdDash_header h3 {
  font-size: 38px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #383c43;
  margin: 3%;
}

.fsdDash_header h4 {
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #203e6b;
  margin-bottom: 3%;
}

.fsdD_Thumbnails {
  padding: 2% 5%;
}

.fsdD_Thumbnails .fsdcol {
  box-shadow: 0 2px 11px 0 rgba(137, 46, 46, 0.2);
  background-image: linear-gradient(286deg, #c52b2b 20%, #ad2626 80%);
  padding: 2% 3%;
  border-radius: 5px;
}
.fsdD_Thumbnails .firedrillcol {
  box-shadow: 0 2px 11px 0 rgba(137, 46, 46, 0.2);
  background-image: linear-gradient(291deg, #fab44f 20%, #ef881b 80%);
  padding: 2% 3%;
  border-radius: 5px;
}
.fsdD_Thumbnails .flwwardcol {
  box-shadow: 0 2px 11px 0 rgba(137, 46, 46, 0.2);
  background-image: linear-gradient(110deg, #9a3939 17%, #d84949 93%);
  padding: 2% 3%;
  border-radius: 5px;
}

.fsdD_Thumbnails .eplancol {
  box-shadow: 0 2px 11px 0 rgba(137, 46, 46, 0.2);
  background-image: linear-gradient(107deg, #4c2a2a 13%, #792f2d 87%);
  padding: 2% 3%;
  border-radius: 5px;
  margin-top: 1%;
}

.fsdD_Thumbnails .boccupantcol {
  box-shadow: 0 2px 11px 0 rgba(137, 46, 46, 0.2);
  background-image: linear-gradient(108deg, #e77a15 17%, #fd9d64 88%);
  padding: 2% 3%;
  border-radius: 5px;
  margin-top: 1%;
}

.fsdD_Thumbnails .trackreportcol {
  box-shadow: 0 2px 11px 0 rgba(137, 46, 46, 0.2);
  background-image: linear-gradient(286deg, #303e53 23%, #1d2834 77%);
  padding: 2% 3%;
  border-radius: 5px;
  margin-top: 1%;
}

.fsdD_Thumbnails .child-element h3 {
  font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
}

.fsdD_Thumbnails .child-element p {
  font-size: 11px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
  margin-bottom: 5px;
}

.fsdD_Thumbnails .child-element .c_date {
  width: 60px;
  height: 15px;
  background-color: #fbf29b;
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #473c3c;
  border-radius: 16px;
  padding: 2% 5%;
}

.fsdD_Thumbnails .col-lg-4 .col-lg-3 {
  text-align: center;
}

.frmndocs {
  background-image: url("../img/formsdoc_bg.png");
  background-size: contain;
  background-repeat: no-repeat;
  padding: 2%;
  padding: 5% 4%;
}

.frmndocs h4 {
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #b02727;
}

.frmndocs p {
  font-size: 11px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #3c3838;
}

.emplanbg {
  background-image: url("../img/emplanbg.png");
  background-size: contain;
  background-repeat: no-repeat;
  padding: 2%;
  padding: 5% 4%;
}

.emplanbg h4 {
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #b02727;
}

.emplanbg p {
  font-size: 11px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #3c3838;
}

.videoplayer h3 {
  font-size: 30px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #383c43;
}

.videoplayer h4 {
  font-size: 15px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #203e6b;
}
.btn_retake {
  border: solid 2px #f6ee3c;
  font-size: 13px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #eaf646;
  padding: 5px 10px;
  border-radius: 16px;
}

.testretake_alert {
  background-color: #d65050;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  margin: 0 auto;
  padding: 15px;
}

.btn_cancel {
  width: 350px;
  height: 52.4px;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #493c2b;
  border: solid 2px #e48d39;
  background-color: #fff;
  margin-top: 3% !important;
  border-radius: 16px;
}

.Our-system-has-your {
  width: 600px;
  height: 48px;
  font-family: Montserrat;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: center;
  color: #203e6b;
}

#youHaveMovedModal,
#buildNotActiveModal {
  text-align: center;
}

.buildNotActiveLBL {
  height: 47px;
  font-family: Montserrat;
  font-size: 38px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #383c43;
  margin: 3%;
}

.term_andc {
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  margin-top: 10px !important;
  width: 100%;
}

.term_andc input {
  margin-top: 2px;
}

.termsPopup h5 {
  font-family: "Montserrat", arial;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #203e6b;
  margin: 2%;
}

.termsPopup h3 {
  font-family: "Montserrat", arial;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #203e6b;
  margin: 2%;
}

.termsPopup p {
  font-family: "Montserrat", arial;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #203e6b;
  text-align: justify;
}

.scrollbar {
  float: left;
  height: 200px;
  overflow-y: scroll;
  padding: 0px 10px;
}

.force-overflow {
  min-height: 400px;
}

#style-2::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #f5f5f5;
}

#style-2::-webkit-scrollbar {
  width: 12px;
  background-color: #f5f5f5;
}

#style-2::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #d62929;
}

.custom-select {
  border: solid 1px #787c88;
  background-color: #fdfaf9;
  height: 52px;
}

.select_whattodo {
  border: solid 1px #787c88 !important;
  background-color: #fdfaf9 !important;
  height: 52px !important;
}

.btn_logout {
  border: 1px solid #ff9d35;
  padding: 5px 10px;
  border-radius: 15px;
  font-size: 13px;
  color: #ffc587;
}

.welcom_user {
  color: #ffffff;
  font-size: 16px;
  margin-right: 10px;
}

.logout_wrapper {
  text-align: right;
  float: right;
  vertical-align: middle;
  padding: 8px 0%;
}

.error {
  color: red;
  font-size: 14px;
}

.red_seperator {
  margin-bottom: 2%;
}

.declineParticipate {
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #203e6b;
  text-align: left;
}

.residential_high {
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: normal;
  color: #232323;
  text-align: left;
}

.decline_chk {
  margin-top: 2%;
}

.decline_chk .form-check-input {
  position: relative;
  margin-left: 0px;
}

.decline_chk .form-check-label {
  margin-top: 1%;
}

.whatever_chk {
  background-color: #dbd4d4;
  display: inline-block;
  width: 100%;
  height: 100%;
}

#div_checkboxes {
  margin-bottom: 3%;
}

#div_checkboxes input[type="radio"] {
  display: none;
}

#div_checkboxes input[type="radio"]:checked + .whatever_chk {
  box-shadow: 0 2px 9px 0 rgba(198, 43, 43, 0.5);
  background-color: #a12a2a;
  color: #fff;
}

.designate_me_as {
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: normal;
  text-align: center;
  color: #203e6b;
  padding: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
}

/* Tabs Card */
.tab-card {
  border: 1px solid #eee;
}

.tab-card-header {
  background: none;
}
/* Default mode */
.tab-card-header > .nav-tabs {
  border: none;
  margin: 0px;
}
.tab-card-header > .nav-tabs > li {
  margin-right: 2px;
}
.tab-card-header > .nav-tabs > li > a {
  border: 0;
  border-bottom: 2px solid transparent;
  margin-right: 0;
  color: #737373;
  padding: 2px 15px;
}

.tab-card-header > .nav-tabs > li > a.show {
  border-bottom: 2px solid #007bff;
  color: #007bff;
}
.tab-card-header > .nav-tabs > li > a:hover {
  color: #007bff;
}

.tab-card-header > .tab-content {
  padding-bottom: 0;
}

.nav.nav-tabs.card-header-tabs {
  justify-content: center;
  margin: 0px;
}

.certificationTraining {
  background-color: #ebe3e3;
  padding: 0px;
}

.certificationTraining .nav-link {
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #383c43;
  opacity: 0.47;
  padding: 30px;
}

.certificationTraining .nav-link.active {
  opacity: 1;
  background-color: transparent;
  border-bottom: 3px solid #ad2626;
}

.floor_warden_Certifi {
  font-size: 38px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #383c43;
}

/* -----------------given--------------------------- */

.fwTraining_ul {
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.11;
  letter-spacing: normal;
  color: #203e6b;
  list-style: none;
}

.fwTraining_ul li::before {
  content: "\2022";
  color: #ad2626;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.row.coldetails {
  width: 100%;
  margin: 0 auto;
}

.InstantCert {
  background-image: linear-gradient(139deg, #d3dbe3 28%, #d2e1f0 68%);
  margin-top: 5%;
}

.InstantCert img {
  width: 100%;
}

.InstantCert h3 {
  font-size: 38px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #17385c;
}

.InstantCert p {
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.57;
  letter-spacing: normal;
  color: #475365;
  margin-top: 4%;
}

.BETTER {
  font-size: 22px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.86;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  padding: 5%;
  margin: 0;
}

.completeVideo {
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: #203e6b;
}

.training_video {
  margin: 5% 0%;
}

input[type="submit"] {
  outline: none;
}

input[type="submit"],
input[type="checkbox"],
input[type="radio"] {
  cursor: pointer;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("../img/selecticon24.png") white no-repeat 98.5% !important; /* !important used for overriding all other customisations */
  background: url("../img/selecticon24.png") white no-repeat calc(100% - 10px) !important; /* Better placement regardless of input width */
}
/*For IE*/
select::-ms-expand {
  display: none;
}

.termAndC_border {
  padding: 15px;
  border: 1px solid #c5c5c5;
  border-radius: 10px;
}

.max_container {
  max-width: 1024px;
  margin: 0 auto;
}

.modal-lg {
  margin: 0 auto;
}

.buildingRegTab .nav-link h3 {
  font-family: "Montserrat", arial;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: 0.3px;
  color: #393d4f;
}

.buildingRegTab .nav-link h4 {
  font-family: "Montserrat", arial;
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: 0.3px;
  color: #393d4f;
  margin: 0px;
}

.buildingRegTab .nav-link.active h3 {
  font-family: "Montserrat", arial;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: 0.3px;
  color: #a5392d;
}

.buildingRegTab .nav-link.active h4 {
  font-family: "Montserrat", arial;
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: 0.3px;
  color: #a5392d;
  margin: 0px;
}

.buildingRegTab .nav-tabs .nav-link.active {
  border: unset !important;
  border-bottom: 4px solid #ad2626 !important;
  width: 100%;
}

.buildingRegTab .nav-item {
  width: 20%;
  display: flex;
  margin-bottom: 0px;
  border-right: 1px solid #e7d7d7;
}

.buildingRegTab .nav-item:last-child {
  border: unset;
}

.buildingRegTab {
  padding: 5% 45px;
  padding-right: 30px;
}

.buildingRegTab .nav-tabs {
  border: 1px solid #e7d7d7;
  border-radius: 5px;
}

.buildReg_header {
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: normal;
  color: #232323;
  margin: 4% 0%;
  margin-bottom: 2%;
}

.buildreg_rbtn .form-check-label {
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.69;
  letter-spacing: normal;
  color: #203e6b;
  margin-left: 1.25rem;
}

.buildRegStep1_rightpanel {
  box-shadow: 0 2px 11px 0 rgba(216, 228, 230, 0.5);
  background-color: #ffffff;
  padding: 20px;
}

.buildRegStep1_rightpanel h4 {
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #322f2e;
}

.buildRegStep1_rightpanel ul li {
  font-size: 13px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.77;
  letter-spacing: normal;
  color: #203e6b;
  margin-bottom: 20px;
}

.needHelp {
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #322f2e;
}

.ContactSupportEmail {
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.64;
  letter-spacing: normal;
  color: #322f2e;
}

.privacySecurityInBuildReg {
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #322f2e;
}

.buildRegStep1_rightpanel ul {
  list-style: none;
  padding-left: 0;
}
.buildRegStep1_rightpanel li {
  position: relative;
  padding-left: 20px;
}
.buildRegStep1_rightpanel li:before {
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  background-image: url(../img/checkcircle.png);
  background-size: cover;
  background-position: center;
  left: -12px;
  top: 20px;
  transform: translateY(-50%);
}

.annualpkg_step2 {
  box-shadow: 0 0px 8px 0 rgba(167, 174, 182, 0.15);
  text-align: center;
  padding: 25px 10px;
  padding-bottom: 15px;
  position: relative;
}

.annualpkg_step2 h3 {
  color: #312c2c;
  font-size: 22px;
  font-weight: bold;
  margin: 20px 0;
}

.annualpkg_step2 h4 {
  color: #312c2c;
  font-size: 13px;
  margin: 15px 0;
}

.annualpkg_step2 .annualfee_lbl {
  color: #312c2c;
  font-size: 13px;
  font-weight: bold;
}
.annualpkg_step2 .annualfee_amt {
  color: #312c2c;
  font-size: 20px;
  font-weight: bold;
}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
  opacity: 1 !important;
}

.tooltip .tooltiptext:before {
  content: "";
  display: block;
  position: absolute;
  top: -10px;
  left: 50px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid red;
}

.tooltip .tooltiptext:after {
  content: "";
  display: block;
  position: absolute;
  top: -9px;
  left: 50px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 500px;
  border-radius: 6px;
  padding: 5px 0;
  box-shadow: 0 2px 14px 0 rgba(209, 130, 130, 0.5);
  border: solid 1px #eb5c58;
  background-color: #ffffff;
  color: #3c3838;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: 250px;
  left: 50%;
  margin-left: -60px;
  padding: 10px 30px;
}

#pkg1.tooltiptext,
#pkg2.tooltiptext,
#pkg3.tooltiptext {
  width: 100%;
  border-radius: 0 0 6px 6px;
  padding: 5px 0;
  box-shadow: 0 0px 8px 0 #489df7;
  background-color: #ffffff;
  color: #3c3838;
  padding: 10px 30px;
}

#pkg1.tooltiptext:before {
  left: 50px;
}

#pkg1.tooltiptext:after {
  left: 50px;
}

#pkg2.tooltiptext:before {
  left: 50%;
}

#pkg2.tooltiptext:after {
  left: 50%;
}

#pkg3.tooltiptext:before {
  right: 30px;
}

#pkg3.tooltiptext:after {
  right: 30px;
}

.tooltiptext .toolheader {
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #3c3838;
  margin-top: 20px;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

.tooltextformat h3 {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 0px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.73;
  letter-spacing: normal;
  color: #3c3838;
}
.tooltextformat p {
  font-size: 11px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.73;
  letter-spacing: normal;
  color: #3c3838;
}

.emergencyPlan_tbl .plan_details h4 {
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0.33px;
  color: #312c2c;
}
.emergencyPlan_tbl .plan_details p {
  font-size: 13px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.46;
  letter-spacing: 0.33px;
  color: #312c2c;
}

.emergencyPlan_tbl .plan_amt {
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 0.33px;
  text-align: right;
  color: #312c2c;
}

.emergencyPlan_tbl td {
  padding: 5px;
}

.sameas_chkbox {
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.69;
  letter-spacing: normal;
  color: #203e6b;
}

.paymentInfo_total {
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: normal;
  color: #232323;
  margin-bottom: 30px;
}

#div_card_payment {
  margin: 25px 0%;
}

#div_card_payment img {
  width: 100%;
  border-radius: 5px;
}

#div_card_payment .whatever_chk {
  border: 1px solid #c5c5c5;
  border-radius: 5px;
}

#div_card_payment input[type="radio"] {
  display: none;
}

#div_card_payment input[type="radio"]:checked + .whatever_chk {
  border: 2px solid #489df7;
}

#div_card_payment .whatever_chk {
  background-color: transparent;
  margin-bottom: 0;
}

.emergencyRdoBtn .whatever_chk {
  background-color: transparent;
  margin-bottom: 0px !important;
}

.emergencyRdoBtn input[type="radio"]:checked + .whatever_chk {
  box-shadow: 0 0px 8px 0 #489df7;
}

.emergencyRdoBtn input[type="radio"] {
  display: none;
}

.emergencyRdoBtn .col-lg-4 {
  margin-top: 10px;
}

.ccvcode {
  font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: #2c78eb !important;
  text-decoration: underline !important;
}

#snackbar {
  visibility: hidden;
  min-width: 250px;
  margin-left: -125px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index: 1;
  left: 50%;
  top: 30px;
  font-size: 17px;
}

#snackbar.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
  from {
    top: 0;
    opacity: 0;
  }
  to {
    top: 30px;
    opacity: 1;
  }
}

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

@-webkit-keyframes fadeout {
  from {
    top: 30px;
    opacity: 1;
  }
  to {
    top: 0;
    opacity: 0;
  }
}

@keyframes fadeout {
  from {
    top: 30px;
    opacity: 1;
  }
  to {
    top: 0;
    opacity: 0;
  }
}

#loginfrm .alert {
  display: block;
  text-align: center;
  margin-top: 30px;
}

.fwTestInstruction {
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #203e6b;
  padding: 2% 0%;
}

.testQues que {
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.69;
  letter-spacing: normal;
  color: #203e6b;
}

.testQues ans ul {
  list-style: none;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.94;
  letter-spacing: normal;
  color: #203e6b;
  padding: 0px;
}

.testQues ans ul li .form-check-input {
  position: relative;
}

.mcq_options {
  padding-top: 15px;
}

input[type="checkbox"] {
  -webkit-appearance: checkbox;
}

.resultBox_wrapper {
  box-shadow: 0 2px 7px 0 rgba(168, 168, 185, 0.5);
  border: solid 0.5px #999999;
  background-color: #fffdfd;
  position: relative;
  padding: 70px 5%;
  margin: 70px auto;
  width: 420px;
  padding-bottom: 30px;
}

.resultBox_wrapper .resultBox_img {
  position: absolute;
  top: -70px;
  left: 150px;
}

.input_lbl.resultAnswers {
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.69;
  letter-spacing: normal;
  color: #203e6b;
}

.resultBox_wrapper .resultGradePass {
  background-color: #7fdfa5;
  width: 80px;
  font-size: 13px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.08;
  letter-spacing: normal;
  color: #ffffff;
  padding: 9px 23px;
  border-radius: 15px;
}
.resultBox_wrapper .resultGradeFail {
  background-color: #ff7f50;
  width: 80px;
  font-size: 13px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.08;
  letter-spacing: normal;
  color: #ffffff;
  padding: 9px 23px;
  border-radius: 15px;
}

.resultBox_wrapper .radio-inline {
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.69;
  letter-spacing: normal;
  color: #203e6b;
  margin-right: 25px;
}

.carrierLabel {
  font-size: 13px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.54;
  letter-spacing: normal;
  color: #203e6b;
}

.btn_FWCertified {
  width: 100%;
  margin: 4% 2%;
  display: block;
  text-align: center;
  background-image: linear-gradient(to bottom, #ef881b -37%, #f9b44e);
  border-radius: 16px;
  border: unset;
  font-weight: bold;
  font-size: 18px;
  color: #fff;
  padding: 5px;
}

table.emergencyPlan_tbl tr td:first-child {
  width: 23px;
}

.uploadSignature {
  border: solid 0.5px #999999;
  background-color: #fffdfd;
  text-align: center;
  padding: 5%;
}

.uploadSignature .uploadSignature_header {
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.94;
  letter-spacing: normal;
  text-align: center;
  color: #203e6b;
  margin-bottom: 0px;
}

.uploadSignature .uploadSignature_Subheader {
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: normal;
  text-align: center;
  color: #203e6b;
}

.custom-file,
.custom-file .custom-file-input,
.custom-file-label::after,
.custom-file-label {
  height: 100px !important;
  background-color: #f8f8f8;
}

.custom-file .custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse";
  display: none;
}

.custom-file-label {
  border: 2px dashed #ced4da;
  padding: 25px;
}

.dragJPEGfile {
  font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: center;
  color: #203e6b;
}

.dragJpegBrowse {
  font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: center;
  color: #4687ea;
}

.dragfileSize {
  font-size: 11px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: center;
  color: #203e6b;
}

.accountType {
  text-transform: uppercase;
  color: #fff;
  background-image: linear-gradient(to bottom, #ef881b -37%, #f9b44e);
  border-radius: 16px;
  border: unset;
  text-align: center;
  padding: 5px;
  font-weight: bold;
  margin-top: 15px;
}

#addFsdrow {
  /* float: right; */
  color: #4687ea;
  cursor: pointer;
  font-size: 19px;
}

.assignAccPermission {
  color: #ad2626;
  font-weight: bold;
  font-size: 20px;
}

.accountPermission_wrapper {
  border-bottom: solid 1px #d59898;
  padding-bottom: 5px;
  margin: 40px 0px 20px;
}

#fsdPenmission_tbl tr td {
  border: unset;
  /* width: 33.33%; */
  width: 25%;
}

#fsdPenmission_tbl .ans_inputbox {
  margin-top: 15px;
}

#fsdPenmission_tbl .custom-select,
#fsdPenmission_tbl .log_inputbox {
  margin-top: 5px;
}

.FSDbuildinfo_header {
  font-size: 20px !important;
  font-weight: bold !important;
  font-stretch: normal !important;
  font-style: normal !important;
  line-height: 1.35 !important;
  letter-spacing: normal !important;
  color: #203e6b !important;
}

.fsdHead_wrap {
  padding: 1% 0%;
  padding-top: 30px;
}

.fsd_headerMenu {
  box-shadow: 0 -3px 8px 0 rgba(167, 174, 182, 0.15);
  border: solid 1px #d8dfea;
  background-color: #ffffff;
  margin: 3% 0%;
}

.fsd_headerMenu .menuname {
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 14px;
  letter-spacing: 0.3px;
  color: #393d4f;
  text-transform: uppercase;
  padding: 15px;
}

.col-lg-2.fsd_sixmenu {
  padding: 0px;
}

.row.fsd_headerMenu img {
  float: left;
  padding-right: 10px;
  height: 28px;
}

.row.fsd_headerMenu ul {
  display: inline-flex !important;
  list-style: none !important;
  padding-left: 0;
  margin-bottom: 0;
}

.menuname.active {
  border-bottom: 4px solid #ad2626;
}

.firedoc_list img {
  float: left;
}

.firedoc_list ul {
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px !important;
}

.firedoc_list ul li {
  border-bottom: solid 1px rgba(89, 89, 89, 0.23);
  padding: 2%;
}

.firedoc_list {
  box-shadow: 0 -3px 8px 0 rgba(167, 174, 182, 0.15);
  border: solid 1px #d8dfea;
  background-color: #ffffff;
  margin-bottom: 7%;
  margin-top: 5%;
}

.firedoc_list .docname_wrapper {
  margin-left: 45px;
}

.firedoc_list .firedoc_mainlbl {
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: 0.4px;
  color: #312c2c;
}
.firedoc_list .firedoc_sublbl {
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: 0.4px;
  color: #312c2c;
}
.firedoc_list .firedoc_sublbl2 {
  font-size: 13px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.33px;
  color: #312c2c;
}

.fireDrillInstruction {
  box-shadow: 0 -3px 8px 0 rgba(167, 174, 182, 0.15);
  background-color: #f6d894;
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.24px;
  text-align: center;
  color: #312c2c;
  padding: 20px 15px;
}

.fireDrillpageWrapper {
  box-shadow: 0 -3px 8px 0 rgba(167, 174, 182, 0.15);
  border: solid 1px #d8dfea;
  background-color: #ffffff;
  padding: 10px 30px 30px 30px;
  margin: 3% 0%;
}

.fireDrillpageInner {
  background-color: #f7f9fa;
  padding: 0px 30px;
  height: 900px;
  overflow: auto;
  scrollbar-width: thin;
}

.fireDrillpageHeader {
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.4px;
  text-align: center;
  color: #312c2c;
  margin: 20px 0;
}

.HighRiseFireDrill {
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.4px;
  text-align: center;
  color: #b81d1b;
  margin-bottom: 30px;
}

.fireDrillPageContent p {
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.57;
  letter-spacing: 0.28px;
  color: #252525;
}

.fireDrillPageContent .bold {
  font-weight: bold;
  margin-top: 45px;
}

.red {
  color: #c00000;
  font-weight: 600;
}

.fireDrillPageContent table td {
  font-size: 14px;
}

.fireDrillPageContent ul li {
  margin: 10px 0px;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.57;
  letter-spacing: 0.28px;
  color: #252525;
}

input:disabled {
  cursor: not-allowed;
}

.fsdD_Thumbnails a:hover {
  text-decoration: none !important;
}

table.emergencyplanInfo_tbl td {
  padding: 10px 0px;
}

.table.emergencyplanInfo_tbl tr td:last-child {
  padding-left: 20px !important;
}

.Only-use-alternate-s {
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.57;
  letter-spacing: 0.28px;
  text-align: center;
  color: #1b6ae2;
}

.menuname a {
  color: #393d4f !important;
}

.menuname.active a {
  color: #ad2626 !important;
}

.emergencyplan_info {
  margin-bottom: 5%;
}

.emergencyplan_info img {
  width: 100%;
}

.emergencyplan_info .emergencyplan_img_caption {
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.4px;
  color: #312c2c;
  text-align: center;
  margin: 15px 0px;
}

.emergencyplan_info .emergencyplan_chk {
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.28px;
  color: #312c2c;
  text-align: center;
}

.emergencyplan_info .form-check-input {
  margin-top: 0.1rem;
}

.buildingoccupant_bg {
  background: url(../img/buildingoccupant_bg.png) no-repeat;
  background-size: cover;
  bottom: 0px;
  margin: 0 auto;
  background-position: 50%;
  padding: 40px;
}
.uploadbuildingplan_bg {
  box-shadow: 0 2px 11px 0 rgba(137, 46, 46, 0.2);
  background: url(../img/uploadbuildemergency.png) no-repeat;
  background-size: cover;
  bottom: 0px;
  margin: 0 auto;
  background-position: 50%;
  padding: 40px;
  margin-top: 5%;
}
.reviewemergency_bg {
  box-shadow: 0 2px 11px 0 rgba(137, 46, 46, 0.2);
  background: url(../img/reviewemergencyplan.png) no-repeat;
  background-size: cover;
  bottom: 0px;
  margin: 0 auto;
  background-position: 50%;
  padding: 40px;
  margin-top: 5%;
}

.BUILDING-OCCUPANTS-E {
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #b02727;
}

.Click-the-button-to {
  font-size: 11px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #3c3838;
  margin-top: 10px;
}

.EmergencyPlanQuestionnaire {
  box-shadow: 0 2px 11px 0 rgba(137, 46, 46, 0.2);
  background-image: linear-gradient(286deg, #c52b2b 20%, #ad2626 80%);
  border: solid 1px #d8dfea;
  color: #fff;
  text-align: center;
  padding: 30px;
  margin: 5% 0px;
  margin-bottom: 5%;
}

.EmergencyPlanQuestionnaire a {
  border: solid 2px #f0e2d4;
  color: #fff !important;
  padding: 5px 25px;
  border-radius: 16px;
}

.BuildingInformationForms {
  box-shadow: 0 -3px 8px 0 rgba(167, 174, 182, 0.15);
  border: solid 1px #d8dfea;
  background-image: linear-gradient(107deg, #e77a15 16%, #fd9d64 88%);
  color: #fff;
  text-align: center;
  padding: 30px;
  margin: 5% 0px;
  margin-bottom: 5%;
}

.EmailFloorWardens {
  box-shadow: 0 -3px 8px 0 rgba(167, 174, 182, 0.15);
  background-image: linear-gradient(100deg, #1d2834 50%, #303e53 107%);
  border: solid 1px #d8dfea;
  color: #fff;
  text-align: center;
  padding: 30px;
  margin: 5% 0px;
  margin-bottom: 5%;
}

.BuildingInformationForms a,
.EmailFloorWardens a {
  border: solid 2px #f0e2d4;
  color: #fff !important;
  padding: 5px 25px;
  border-radius: 16px;
}

.EmergencyPlanQuest {
  font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  margin: 20px;
}

.EmergencyPlanQuestionnaire img,
.BuildingInformationForms img {
  height: 45px;
}

.FloorWardenCOMPLIA {
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.4px;
  text-align: center;
  color: #312c2c;
}

.tbl_occCompliancetack tr:nth-child(odd) td:first-child {
  background-color: #ecf3f8;
  font-weight: 100;
}

.tbl_occCompliancetack tr:nth-child(even) td:first-child {
  background-color: #e3eaef;
  font-weight: 100;
}

.tbl_occCompliancetack tr:nth-child(odd) td:last-child {
  background-color: #e2eff7;
  font-weight: 100;
}

.tbl_occCompliancetack tr:nth-child(even) td:last-child {
  background-color: #dae6ee;
  font-weight: 100;
}

.tbl_occCompliancetack td {
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.54;
  letter-spacing: 0.28px;
  color: #252525;
  padding: 0 15px;
}
.tbl_occCompliancetack {
  margin: 4% 0;
}

.tbl_FloorWard_head1 {
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.28px;
  color: #ffffff;
  text-transform: uppercase;
}

.tbl_FloorWard_head2 {
  font-size: 9px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.21px;
  color: #2d2d2d;
  text-transform: uppercase;
}

.tbl_occCertified th {
  padding: 15px;
  border-top: unset;
}

.tbl_occCertified td {
  padding: 0 15px;
  line-height: 2.54;
  letter-spacing: 0.28px;
}

.tbl_occCertified tr:nth-child(odd) td:nth-child(even) {
  background-color: #ecf3f8;
  font-weight: 100;
}

.tbl_occCertified tr:nth-child(odd) td:nth-child(odd) {
  background-color: #e2eff7;
  font-weight: 100;
}

.tbl_occCertified tr:nth-child(even) td:nth-child(odd) {
  background-color: #dae6ee;
  font-weight: 100;
}

.tbl_occCertified tr:nth-child(even) td:nth-child(even) {
  background-color: #e3eaef;
  font-weight: 100;
}

.next.btn.btn_enter {
  display: block;
  margin: 0 auto;
}

.middleDiv {
  position: absolute;
  top: 50%;
  padding: 0 30px;
}

.floorWardenThumbnail img {
  width: 100%;
}

.floorWardenThumbnail {
  margin-top: 30px;
  padding-left: 10px;
  padding-right: 10px;
}

.annualpkg_step2 .readMore_pkg {
  color: blueviolet;
  margin-top: 15px;
}

#hideborder_pkg1 {
  height: 20px;
  background-color: #fff;
  position: absolute;
  bottom: 143%;
  bottom: -12px;
  display: block;
  width: 100%;
  left: 0px;
  z-index: 1;
}
#hideborder_pkg2 {
  height: 20px;
  background-color: #fff;
  position: absolute;
  bottom: 143%;
  bottom: -12px;
  display: block;
  width: 100%;
  left: 0px;
  z-index: 1;
}
#hideborder_pkg3 {
  height: 20px;
  background-color: #fff;
  position: absolute;
  bottom: 143%;
  bottom: -12px;
  display: block;
  width: 100%;
  left: 0px;
  z-index: 1;
}

#pkg1.hideshowPKg1,
#pkg2.hideshowPKg2,
#pkg3.hideshowPKg3 {
  display: block !important;
}

#hideborder_pkg1.hideborderPKg1,
#hideborder_pkg2.hideborderPKg2,
#hideborder_pkg3.hideborderPKg3 {
  display: block !important;
}

/* #pkg1_img::after,
#pkg2_img::after,
#pkg3_img::after {
  content: "\f055";
  font-family: FontAwesome;
} */

/* #pkg1_img.iconminus::after,
#pkg2_img.iconminus::after,
#pkg3_img.iconminus::after {
  content: "\f056";
  font-family: FontAwesome;
} */

/* ---------------for pkg accordion---------------------- */
.pkg_accordion .accordion-toggle:after {
  font-family: "FontAwesome";
  content: "\f077";
  float: left;
  left: 25%;
  position: relative;
}
.pkg_accordion .accordion-toggle.collapsed:after {
  font-family: "FontAwesome";
  content: "\f078";
  float: left;
  left: 25%;
  position: relative;
}
.accordion-opened .accordion-toggle:after {
  content: "\f054";
}

.accordion.pkg_accordion {
  border-top: 1px solid #979797;
  padding-top: 5px;
}

/*---------- vertical tab nav */

#vertical_tab_nav .tab_heading {
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.4px;
  color: #312c2c;
  margin: 25px 0px;
  margin-top: 4rem;
}

#vertical_tab_nav {
  display: block;
  width: 1024px;
  box-shadow: 0 -3px 8px 0 rgba(167, 174, 182, 0.15);
  border: solid 1px #d8dfea;
  border-radius: 5px;
}

.tabs {
  float: left;
  margin: 0px;
  padding: 0px;
  list-style: none;
  overflow: hidden;
  width: 25%;
  border-radius: 5px 0 0 5px;
  background: #555;
}

.tabs li {
  border-bottom: 1px solid #d8dfea;
  text-align: left;
  padding: 0px;
}

#vertical_tab_nav li:last-child {
  margin-bottom: 0px;
  border-bottom: 0px;
}

#vertical_tab_nav li a {
  display: block;
  text-decoration: none;
  padding: 7%;
  background: #f7f9fa;
  font-size: 13px;
  font-weight: bold;
  color: #383c43;
}

#vertical_tab_nav li a.selected {
  background: #fff;
  color: #ad2626;
}

.tab_container {
  display: block;
  background: #fff;
  width: 75%;
  min-height: 500px;
}

#vertical_tab_nav div article {
  display: none;
  margin: 0px;
  color: #555;
  padding: 10px 3% 3% 3%;
}

#vertical_tab_nav div article p {
  margin: 0px 0px 20px 0px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.57;
  letter-spacing: 0.28px;
  color: #312c2c;
}

#vertical_tab_nav .form-group-wrapper {
  margin-bottom: 2rem;
}

#vertical_tab_nav .form-group label {
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.69;
  letter-spacing: normal;
  color: #203e6b;
  margin-bottom: 2px !important;
}

@media screen and (max-width: 781px) {
  .tab_container {
    display: block;
    margin: 0 auto;
    width: 95%;
    border-top: none;
    border-radius: 0;
    box-shadow: 0px 0px 10px black;
  }
  .d_active {
    background: #fff;
  }
}

.tabs {
  display: none;
}

/* style accordion links */
.tab_drawer_heading {
  margin: 0;
  font-size: 14pt;
  color: #fff;
  text-decoration: none;
  padding: 3%;
  background: #57cac9;
  background: -webkit-linear-gradient(top, #444, #333);
  background: -moz-linear-gradient(top, #444, #333);
}

.emergencyCollapseMenu {
  padding: 0px !important;
}
.emergencyCollapseMenu li {
  list-style: none !important;
  border-bottom: unset !important;
}

.emergencyCollapseMenu li a {
  background-color: transparent !important;
  padding: 10px 10px 10px 45px !important;
}

.emergencyCollapseMenu li a:hover {
  background-color: #f7f9fa !important;
}

.card.card-body {
  padding: 0px;
}

#vertical_tab_nav input.form-control[readonly] {
  color: transparent !important;
  cursor: not-allowed !important;
  pointer-events: none;
}

#vertical_tab_nav textarea.form-control[readonly] {
  color: transparent !important;
  cursor: not-allowed !important;
  pointer-events: none;
}

.uploadBuildInfofrm_lbl {
  font-size: 15px;
  font-weight: bold;
}

.file-upload-wrapper {
  color: #4daf7c;
  height: 40px;
  position: relative;
  width: 100%;
  border: 1px solid #c5c5c5;
  border-radius: 10px;
}

.file-upload-wrapper:after {
  content: attr(data-text);
  font-size: 13px;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  padding: 10px;
  display: block;
  width: calc(100% - 90px);
  pointer-events: none;
  z-index: 20;
  height: 38px;
  color: #999;
  border-radius: 10px;
  font-weight: 300;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.file-upload-wrapper:before {
  content: "Select file";
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  height: 38px;
  background: #4daf7c;
  color: #fff;
  font-weight: 700;
  z-index: 25;
  font-size: 12px;
  line-height: 40px;
  padding: 0 5px;
  text-transform: uppercase;
  pointer-events: none;
  border-radius: 0 5px 5px 0;
  width: 90px;
}

.file-upload-wrapper .file-upload-field {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  margin: 0;
  padding: 0;
  display: block;
  cursor: pointer;
  width: 100%;
}

.file-upload-wrapper .file-upload-btn {
  width: 90px;
  font-size: 13px;
  height: 38px;
  margin: 0 !important;
  border-radius: 10px;
  position: absolute;
  z-index: 100;
  right: 0px;
  border-radius: 0 5px 5px 0px;
  display: none;
}

.iframe_bif_frms {
  pointer-events: none;
  z-index: 0;
  display: block;
  border: 1px solid #d3d3d3;
  background-color: #fff;
  border-radius: 5px;
}

.iframe_bif_frms body {
  margin: 0px !important;
}

.bifNotuploaded {
  height: 80px;
  vertical-align: middle;
  display: table-cell;
}

.build_detailsSubHead {
  margin: 30px 6px 16.6px 0.5px;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: normal;
  color: #232323;
}

.btn_finishlater {
  width: 180px !important;
  margin-left: 15px !important;
  padding: 10px !important;
}

.cellno_countrycode {
  border: solid 1px #787c88;
  background-color: #fdfaf9;
  height: 52px;
  border-right: none;
  border-radius: 0.25rem 0 0 0.25rem;
  padding: 13px 10px;
}

.event_none {
  pointer-events: none;
}

@media screen and (min-width: 480px) {
  .tab_container {
    float: left;
    padding: 10px 3% 3% 3%;
    border-radius: 0 10px 10px 0;  }
  .tabs {
    display: block;
  }
  .tab_drawer_heading {
    display: none;
  }
  article {
    padding: 0;
  }
}

/* ------------------For mobile view----------------------- */
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  .buildingRegTab .nav-link h3,
  .buildingRegTab .nav-link.active h3 {
    font-size: 12px;
  }
  .buildingRegTab .nav-link h4 {
    display: none;
  }

  .buildingRegTab .nav-link {
    padding: 5px;
  }

  .buildingRegTab {
    padding: 4% 40px;
  }}






























.wrapper {
  margin: 0 auto;
  padding: 0 1em;
  max-width: 69rem;
}
.truncate, .video-title, .single-video-title, .single-video-info {
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.video-area {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  color: #fff;
  padding: 4.5rem 0;
}
.video-column {
  float: right;
  max-width: 60%;
}
.video-player {
  background: #000;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 480px;
}
.video {
  display: block;
  cursor: pointer;
  width: 100%;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.playlist {
  float: left;
  font-size: 18px;
  font-weight: 600;
  max-width: 40%;
}
.video-header {
  background: #e60023;
  line-height: 1.5rem;
  padding: 1.5rem;
}
.video-title {
  float: left;
  margin: 0;
  width: auto;
  max-width: 75%;
}
.video-author {
  font-size: 18px;
  float: left;
  margin-left: 3rem;
}
.description {
  color: #212121;
}
.video-author a:hover {
  box-shadow: inset 0px -24px 0px #212121;
}
.video-controls {
  box-sizing: border-box;
  background: rgb(33,33,33, 0.8);
  line-height: 3rem;
  padding: 0 1.5rem;
  position: absolute;
  bottom: 0;
  -webkit-transform: translate3d(0, 3rem, 0);
          transform: translate3d(0, 3rem, 0);
  width: 100%;
  height: 3rem;
  vertical-align: middle;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}
.video-controls button {
  background: 0;
  border: 0;
  color: #fff;
  font-size: 1.5rem;
  width: 3rem;
  height: 3rem;
  vertical-align: middle;
}
.video-player:hover .video-controls {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.video-bars {
  background: rgb(33,33,33, 0.8);
  display: inline-block;
  margin: 0 1em;
  position: relative;
  width: 73%;
  height: 8px;
}
.bar-seeker,
.bar-progress,
.bar-buffer {
  position: absolute;
  height: 8px;
}
.bar-seeker {
  z-index: 1000;
}
.bar-progress {
  z-index: 100;
}
.bar-buffer {
  z-index: 10;
}
input[type=range] {
  background: transparent;
  cursor: pointer;
  -webkit-appearance: none;
  width: 100%;
}
input[type=range]::-webkit-slider-runnable-track {
  -webkit-appearance: none;
}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-ms-track {
  width: 100%;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
.bar-seeker::-ms-fill-lower {
  background: transparent;
}
.bar-seeker::-ms-fill-upper {
  background: transparent;
}
.bar-seeker::-webkit-slider-runnable-track {
  background: transparent;
  height: 8px;
  padding: 0;
}
.bar-seeker::-moz-range-track {
  background: transparent;
  height: 8px;
  padding: 0;
}
.bar-seeker::-ms-track {
  background: transparent;
  height: 8px;
  padding: 0;
}
.bar-seeker::-webkit-slider-thumb {
  background: #ff3c3c;
  border: 0;
  border-radius: 100%;
  width: 18px;
  height: 18px;
  margin-top: -4px;
}
.bar-seeker::-moz-range-thumb {
  background: #ff3c3c;
  border: 0;
  border-radius: 100%;
  width: 18px;
  height: 18px;
  margin-top: -4px;
}
.bar-seeker::-ms-thumb {
  background: #ff3c3c;
  border: 0;
  border-radius: 100%;
  width: 18px;
  height: 18px;
  margin-top: -4px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .bar-seeker {
    height: 24px;
    margin-top: -5px;
    padding: 0;
    vertical-align: middle;
  }}
input.slider-volume {
  position: absolute;
  bottom: 36px;
  right: -40px;
  width: 6rem;
  opacity: 0;
  -webkit-transform: rotate(-90deg) scaleX(0);
          transform: rotate(-90deg) scaleX(0);
  -webkit-transform-origin: left;
          transform-origin: left;
  transition: all 1s;
}
.slider-volume::-webkit-slider-runnable-track {
  background: rgb(33,33,33, 0.8);
  height: 20px;
}
.slider-volume::-moz-range-track {
  background: rgb(33,33,33, 0.8);
  height: 20px;
}
.slider-volume::-ms-track {
  background: rgb(33,33,33, 0.8);
  height: 20px;
}
.slider-volume::-webkit-slider-thumb {
  background: #ff3c3c;
  border: 0;
  width: 8px;
  height: 24px;
  margin-top: -2px;
}
.slider-volume::-moz-range-thumb {
  background: #ff3c3c;
  border: 0;
  width: 8px;
  height: 24px;
  margin-top: -2px;
}
.slider-volume::-ms-thumb {
  background: #ff3c3c;
  border: 0;
  width: 8px;
  height: 24px;
  margin-top: -2px;
}
.btn-sound:hover + .slider-volume,
.slider-volume:hover {
  opacity: 1;
  -webkit-transform: rotate(-90deg) scaleX(1);
          transform: rotate(-90deg) scaleX(1);
}
progress {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  color: rgba(255, 255, 255, 0.2);
  border: none;
  height: 8px;
  width: 100%;
}
progress::-webkit-progress-bar {
  background: transparent;
}
progress::-webkit-progress-value {
  background: transparent;
}
.bar-buffer::-webkit-progress-value {
  background: rgba(255, 255, 255, 0.2);
}
.bar-buffer::-moz-progress-bar {
  background: rgba(255, 255, 255, 0.2);
}
.bar-progress::-webkit-progress-value {
  background: #ff3c3c;
}
.bar-progress::-moz-progress-bar {
  background: #ff3c3c;
}
.bar-progress {
  color: #ff3c3c;
}
.btn-replay {
  background: none;
  border: none;
  display: none;
  color: #ff3c3c;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -110px;
  margin-top: -110px;
  font-size: 9rem;
  width: 220px;
  height: 220px;
}
.time-bubble {
  background: #61b5d9;
  border-radius: 1.5rem 1.5rem 0px;
  height: 1.5rem;
  line-height: 1.5rem;
  position: absolute;
  bottom: 3.2rem;
  left: 4.8rem;
  padding: 0.5em;
  display: none;
}
.next {
  background: #212121;
  padding: 16.5px;
  max-height: 60px;
}
/* .next-video {
  display: block;
  height: 140px;
  position: relative;
  overflow: hidden;
}
.next-video img {
  display: block;
}
.next-video::before {
  background: linear-gradient(0deg, rgb(33,33,33, 0.8) 0%, transparent 60%);
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  transition: all 0.5s;
} */
.single-video-title {
  position: absolute;
  -webkit-transform: translateY(-4.5rem);
          transform: translateY(-4.5rem);
  padding: 0.75rem 1.5rem;
  transition: all 0.5s;
}
.single-video-info {
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 400;
  padding: 0.75rem 1.5rem;
  position: absolute;
  -webkit-transform: translateY(-6.75rem);
          transform: translateY(-6.75rem);
  transition: all 0.5s;
  opacity: 0;
  width: 100%;
}
.next-video:hover .single-video-title {
  -webkit-transform: translateY(-9.75rem);
          transform: translateY(-9.75rem);
}
.next-video:hover::before {
  background: rgb(33,33,33, 0.7);
}
.next-video:hover .single-video-info {
  opacity: 1;
}
.played-video {
  -webkit-transform: scale(0);
          transform: scale(0);
  height: 0;
  width: 0;
}
.info-area {
  background: #fff;
  color: #212121;
}
.info-heading {
  color: #61b5d9;
  font-size: 3rem;
  font-weight: 300;
  text-align: center;
  margin: 4.5rem auto;
}
.clearfix:before, .wrapper:before, .video-header:before, .clearfix:after, .wrapper:after, .video-header:after {
  content: " ";
  display: table;
}
.clearfix:after, .wrapper:after, .video-header:after {
  clear: both;
}

.w100px{
  width: 100%;
}
.videoPlaylist_wrapper {
	margin-bottom: 20px;
}
.videoPlaylist_header{
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #ad2626 !important;
}

.videoPlaylist_caption{
  font-size: 11px !important;
  font-weight: 500 !important;
  color: #9f9f9f !important;
}
.videoPlaylist_url{
  font-size: 10px !important;
  font-weight: bold !important;
  color: #4a80d8 !important;
}
@-webkit-keyframes bottomSlide {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes bottomSlide {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}


.parent-container {
  display: flex;
  flex-wrap: wrap;
}

.child-element {
  flex: 1 0 calc(33.33% - 20px);
  margin: 10px;
  background-color: #ccc;
}


.dashthumbnail {
  box-shadow: 0 -3px 8px 0 rgba(167, 174, 182, 0.15);
  border: solid 1px #d8dfea;
  background-color: #ffffff;
  padding: 20px 15px;
  height: 100%;
  border-radius: 0.25rem;
  width: 100%;
}

.dashthumbnailHeader {
  font-size: 20px;
  font-weight: bold;
  color: #b02727;
}

.disabledChkBox_EPInfo{
  pointer-events: none;
  opacity: 0.5;
  cursor: not-allowed;
}