/****
*****
***** CSS file for AdminSuite
***** Recent Modification Date: 12/09/18
***** Test Link : https://nebula.kampyle.com/dig-preview/build/index.html?digitalHost=nebula.kampyle.com&websiteId=81152&formId=18567&propertyType=website
***** 
*****
****/


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

/********************************/
/* Setting fonts */
/********************************/

/*Declaring fonts*/

@font-face {
    font-family: font1;
    src: url(https://assets.kampyle.com/clients/nebula/bunnings/bunningsfont.woff);
}
@font-face {
    font-family: font2;
    src: url(https://assets.kampyle.com/clients/nebula/bunnings/futura-heavy.woff);
}

@font-face {
  font-family: "HelveticaNeue-Bold";
  src: url("https://assets.kampyle.com/clients/nebula/bunnings/fonts/HelveticaNeueBold.eot"); /* IE9 Compat Modes */
  src: url("https://assets.kampyle.com/clients/nebula/bunnings/fonts/HelveticaNeueBold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("https://assets.kampyle.com/clients/nebula/bunnings/fonts/HelveticaNeueBold.otf") format("opentype"), /* Open Type Font */
    url("https://assets.kampyle.com/clients/nebula/bunnings/fonts/HelveticaNeueBold.svg") format("svg"), /* Legacy iOS */
    url("https://assets.kampyle.com/clients/nebula/bunnings/fonts/HelveticaNeueBold.ttf") format("truetype"), /* Safari, Android, iOS */
    url("https://assets.kampyle.com/clients/nebula/bunnings/fonts/HelveticaNeueBold.woff") format("woff"), /* Modern Browsers */
    url("https://assets.kampyle.com/clients/nebula/bunnings/fonts/HelveticaNeueBold.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

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

/********************************/
/* Page Layout */
/********************************/

/*Setting up form padding*/
.page-container{
    padding: 30px !important;
}

html{
  border: 1px solid #E0E0E0;
}

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

/********************************/
/* Adjusting Close "X" button */
/********************************/

/*Adjusting the closs "X" button*/
.close-btn-row {
  width: 27px !important;
  /* position: absolute; */
  right: 0px;
  top: 15px;
}
.close-btn-row button{
  font-size: 30px !important;
  font-weight: 100 !important;
}

legend, label, .control-label, button, span, p{
   font-family: Helvetica !important; 
}

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

/********************************/
/* Form top border colour */
/********************************/

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

/********************************/
/* LTR Scale updates */
/********************************/


.grading ul li label {
  height: 29px;
  width: 29px;
  background: #fff !important; /* background colour*/
  color: #222222 !important; /* text colour unselected */
  font-weight: 100;
  font-size: 14px;
  border: 1px solid #aaa;
  text-align: center;
  padding-top: 3px !important;
}

.isDesktop#form{
/*  margin-top: 2vh !important;*/
}

.grading ul li label:hover {
    border: 1px solid #ff5a00;
    color:#ff5a00 !important;
}

.ul-grading1to10{
  margin-top: 10px;
}

.nps-anchor-table{
  margin-top: 0px !important;
  /* margin-bottom: 10px; */
  width: 94%;
}

.nps-anchor-table .nps-anchor-td.left-anchor-id{
  float: left;
}

.nps-anchor-table .nps-anchor-td.right-anchor-td{
  float: right;
}
/*-----------------------------------------------------------------------------------*/

/********************************/
/* Radio buttons */
/********************************/
.radioul{
  list-style: none !important;
  /* margin-top: 30px !important; */
  position: relative;
  padding-inline-start: 0px;
  padding: 0px;
}

.radioButtons [type="radio"]:checked,
.radioButtons [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.radioButtons [type="radio"]:checked + label,
.radioButtons [type="radio"]:not(:checked) + label
{
    width: 100px;
    height: 40px;
    border: 1px solid #e0e0e0;
    line-height: unset !important;
    background: #fff;
    margin-right: 20px;
    cursor: pointer;
    font-weight: 400 !important;
    position: relative;
    left: 4%;
}


.radioButtons [type="radio"][value="1"] + label:after{
/*   font-family:"FontAwesome" !important; */
/*     font-weight: 400 !important; */
    font-size: 23px !important;
    content : url('https://assets.kampyle.com/clients/nebula/bunnings/thumbs_up.png') !important;
    padding-left: 7px;
/*     color:#0d5957; */
}

.radioButtons [type="radio"][value="2"] + label:after{
    font-size: 23px !important;
    content : url('https://assets.kampyle.com/clients/nebula/bunnings/thumbs_down.png') !important;
    padding-left: 7px;
    position: relative;
    top: 5px;
}


.radioButtons [type="radio"]:checked + label{
  border: 2px solid #757575;
  background-color: #E0E0E0;
}

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

/********************************/
/* TextArea and DropDown */
/********************************/

textarea.form-control{
  font-family: helvetica !important;
    font-size:16px;
}/*-----------------------------------------------------------------------------------*/

/********************************/
/* Buttons */
/********************************/
.col-sm-12.text-center.btnsCol{
  padding: 0px !important;
  text-align: center;
  /* height: 92px; */
}

/*Close Button*/
#closeBtn{
  height: 36px;
  width: 120px;
  margin-top: -30px !important;
  float: left;
  border: none;
}

#backBtn{
  height: 38px;
  width: 68px;
  margin-top: -46px !important;
  margin-bottom: 0px;
  border: none;
  margin-right: 20px;
  background-color: #ffffff !important;
  color: #00a790 !important;
}
#closeBtn:hover{
  background-color: rgb(159, 159, 164) !important;
  transition: .2s linear;
}

#submitBtn, #nextBtn{
  height: 36px;
  width: 208px;
  line-height: 0;
  font-size: 14px;
  background-color: #DA2A1B !important;
  border: 1px solid transparent !important;
  color: #FFFFFF !important;
  border-radius: 0% !important;
  /*  padding: 20px 32px;*/
  font-family: 'HelveticaNeue-Bold' !important;
  display: none;
  margin-bottom: 24px;
}

 
  /********************************/
  /* Adjusting Close "X" button */
  /********************************/
  
  /*Adjusting the closs "X" button*/
  .close-btn-row {
    width: 27px !important;
    position: relative;
    right: -24px;
    top: -25px;
    float: right;
  }
  .close-btn-row button{
    font-size: 30px !important;
    font-weight: 100 !important;
  }
  
 
  
  /*-----------------------------------------------------------------------------------*/
  
  /********************************/
 
  /*-----------------------------------------------------------------------------------*/
  
  
  .kmp_has_error {
    color: #ed0700; }
  
 
  .sectionBreak {
    height: 1px;
    border-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #c6c6c6; }
  
  
  .required {
    color: #e51b24;
    display: none; }
  
  
  
  /*Below changes are to adjust form dimensions*/
  #form{
    width: 450px;
    margin: 0 auto;
    /* position: relative; */
    /*margin-top:5%;*/
    margin-top: 6vh;
    background-color:white;
  }
  .page-container{
    width: 450px;
    height:auto !important;
  }
  #footerSection{
    width: 450px;
    position:relative !important;
    padding-right:  55px;
  }
  .btnsRow{
    float:right;
  }
  @media only screen and (min-width:960px) and (max-width: 2350px) {
        #form{
        width: 100%;
        margin: 0 auto;
        position: relative;
        margin-top:0% !important;
        background-color:white;
      }
      .page-container{
        width: 100%;
        height:auto !important;
      }
      #footerSection{
        width: 100%;
        position:relative !important;
      }
      .btnsRow{
        float:right;
      }
  }
  
  @media only screen and (min-width:801px) and (max-width: 959px) {
      #form{
        width: 100%;
        margin: 0 auto;
        position: relative;
        /* margin-top:0% !important; */
        background-color:white;
      }
      .page-container{
        width: 100%;
        height:auto !important;
      }
      #footerSection{
        width: 100%;
        position:relative !important;
      }
      .btnsRow{
        float:right;
      }
  }
  
  @media only screen and (min-width:769px) and (max-width: 800px) {
      #form{
        width: 100%;
        margin: 0 auto;
        position: relative;
        margin-top:0% !important;
        background-color:white;
      }
      .page-container{
        width: 100%;
        height:auto !important;
      }
      #footerSection{
        width: 100%;
        position:relative !important;
      }
      .btnsRow{
        float:right;
      }
  }
  
  @media only screen and (min-width:569px) and (max-width: 768px) {
      #form{
        width: 100%;
        margin: 0 auto;
        position: relative;
        margin-top:0% !important;
        background-color:white;
      }
      .page-container{
        width: 100%;
        height:auto !important;
      }
      #footerSection{
        width: 100%;
        position:relative !important;
      }
      .btnsRow{
        float:right;
      }
  }
  
  @media only screen and (min-width:481px) and (max-width: 568px) {
     #form{
        width: 100%;
        margin: 0 auto;
        position: relative;
        margin-top:0% !important;
        background-color:white;
      }
      .page-container{
        width: 100%;
        height:auto !important;
      }
      #footerSection{
        width: 100%;
        position:relative !important;
      }
      .btnsRow{
        float:right;
      }
  }
  
  
  
  @media only screen and (min-width:0px) and (max-width: 320px) {
      #form{
        width: 100% !important;
        margin: 0 auto;
        position: relative;
        margin-top:0% !important;
        background-color:white;
      }
      .page-container{
        width: 100% !important;
        height:auto !important;
      }
      #footerSection{
        width: 100%;
        position:relative !important;
      }
      .btnsRow{
        float:right;
      }
      .grading.garding5ScaleContainer{
        width: 70% !important;
      }
  }
  /*End of form dimention adjustment*/
  
  

  /*Thank You page Ends here*/
  
  @media only screen and (min-width:0px) and (max-width: 340px) {
    
  
    .page-container{
      padding: 30px !important;
    }
    #submitBtn,#closeBtn{
    /*  min-width: 9rem !important;*/
    width: 208px !important;
    }
    .grading ul li label
    {
      height: 24px;
      font-size: 1em;
    }
  
    .grading label
    {
      padding: 2px 4px 0px 2px !important;
    }
  
  .rate-area .hovered::before,
  .rate-area .clicked::before,
  .rate-area .notHovered::before,
  .rate-area label::before{
      font-size: 28px !important;
    }
    .rate-area:not(:checked) > label{
      width: 25px !important;
    }
    .grading .rate-area label{
      height: 31px !important;
    }
  
  }
  
  @-moz-document url-prefix() {
  
    .rate-area .hovered::before,
    .rate-area .clicked::before,
    .rate-area .notHovered::before,
    .rate-area label::before{
        font-size: 40px !important;
      }
  
      .grading label{
        height: 40px;
      }
  
      @media only screen and (min-width:0px) and (max-width: 340px) {
        .rate-area .hovered::before,
        .rate-area .clicked::before,
        .rate-area .notHovered::before,
        .rate-area label::before{
            font-size: 28px !important;
          }
      }
  
  }
  
  @-moz-document url-prefix(http://),url-prefix(https://) {
  scrollbar {
     -moz-appearance: none !important;
     background: rgb(0,255,0) !important;
  }
  thumb,scrollbarbutton {
     -moz-appearance: none !important;
     background-color: rgb(0,0,255) !important;
  }
  
  thumb:hover,scrollbarbutton:hover {
     -moz-appearance: none !important;
     background-color: rgb(255,0,0) !important;
  }
  
  scrollbarbutton {
     display: none !important;
  }
  
  scrollbar[orient="vertical"] {
    min-width: 15px !important;
  }
  }
  
  .page-container .fb-form-object:nth-child(2) .neb-label div label p:first-child
  {
    color: #6b5e51 !important;
    font-size: 24px !important;
    font-family: connections,Arial !important;
  }
  .page-container .fb-form-object:last-child .neb-label div label{
    color: #666666 !important;
    font-family: connections,Arial !important;
  }
  .rate-area label{
    margin-left: 0px !important;
  }
  
  /*::-webkit-scrollbar {
    display: none;;
  }*/
  
  #form
  {
    /*height: auto;*/
    /* overflow-y: auto; */
    overflow-x: hidden;
  }
  
  @media only screen and (min-width:321px) and (max-width: 480px) {
      
      #form{
        width: 100% !important;
        margin: 0 auto;
        /* position: relative; */
        margin-top:0% !important;
        background-color:white;
      }
      .page-container{
        width: 100% !important;
        height:auto !important;
      }
      #footerSection{
        width: 100%;
        position:relative !important;
      }
      .btnsRow{
        float:right;
      }
      .grading.garding5ScaleContainer{
        width: 65% !important;
      }
      .grading.garding5ScaleContainer .nps-anchor-table{
        width: 170px;
      }
  }

/*-----------------------------------------------------------------------------------*/
/*----Setting up Screen Capture----*/

#disable-screen-capture{
  position: relative;
  top: 10px;
  visibility: hidden;
  right: 20px;
}

#screen-capture{
  position: relative;
  top: 15px;
  background: transparent;
  border: none;
  padding: 0px;
}

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



#btnClose {
  /*width: 2.7rem;
  height: 2.7rem;*/
  background-color: rgba(251, 251, 251, 0);
  /*border-radius: 50%;*/
  color: #6B5E51;
  text-align: center;
  cursor: pointer;
  font-size: 4.7rem;
  border: none;
  padding: 0;
  font-weight: 900;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position:relative;
 }


body {
  /* margin-top: 48px; */
  overflow: auto;
  background-color: #f5f5f5;
  /*-ms-overflow-style: none !important;*/
  }


.kmp_has_error {
  color: #ed0700; }

.grading {
  margin-left: 0px;
  /*! margin-top: 10px; */
  }


legend {
    font-family: Helvetica !important;
  line-height: 1.428571429;
  background-color: #ffffff;
  cursor: default;
  display: inline-block;
  border-bottom: 0;
  font-size: 14px;
  margin-bottom: 4px;
  margin-left: 3.5px;
  color: #222222;
  font-weight: 100;
  }

input[type="checkbox"], input[type="radio"] {
  display: none; }

/*.grading input[type="radio"] {
  display: inline-block;
  position: fixed;
   }*/

.clip-check label {
  cursor: pointer;
  display: inline-block;
  margin-right: 15px;
  padding-left: 30px !important;
  position: relative;
  line-height: 23px;
  transition: border 0.2s linear 0s, color 0.2s linear 0s;
  /*white-space: nowrap;*/
  /* font-family: connections,Arial !important; */
  color: #666666;
  }

.clip-check label:before {
  background-color: #ffffff;
  border: 1px solid #c8c7cc;
  content: "";
  display: inline-block;
  height: 20px;
  left: 0;
  margin-right: 10px;
  position: absolute;
  width: 20px;
  border-radius: 0;
  top: 1px;
  transition: border 0.2s linear 0s, color 0.2s linear 0s; }

.clip-radio label:before {
  background-color: #ffffff;
  border: 1px solid #d0d0d0;
  content: "";
  display: inline-block;
  height: 20px;
  left: 0;
  margin-right: 10px;
  position: absolute;
  width: 20px;
  border-radius: 99px;
  bottom: 2px;
  transition: all 0.3s cubic-bezier(0.455, 0.03, 0.215, 1.33) 0s; }

.clip-radio input[type="radio"]:checked + label:before {
  border-width: 6px;
  background: #F8F8F8;
  border-color: #ffffff; }

.clip-radio input[type="radio"]:checked + label:before {
  background: #e51b24; }

.clip-radio label:after {
  border: 1px solid #c8c7cc;
  content: "";
  display: inline-block;
  height: 20px;
  left: 0;
  margin-right: 10px;
  position: absolute;
  width: 20px;
  border-radius: 99px;
  bottom: 2px;
  transition: all 0.3s cubic-bezier(0.455, 0.03, 0.215, 1.33) 0s; }

.checkbox.clip-check {
  padding-left: 0;
  /*margin-right: 10px;*/
  margin-left: 0;
  margin-top: 0px;
  margin-bottom: 8px;
  padding-top: 5px;
  padding-left: 2px; }

.vertical.checkbox .checkbox.clip-check{
  display: block;
  float: none;
}

.clip-check input[type="checkbox"]:checked + label:after {
  color: #fff;
  content: "\f00c";
  font-family: "FontAwesome"; }

.clip-check label:after {
  display: inline-block;
  font-size: 11px;
  height: 20px;
  left: 4px;
  position: absolute;
  top: 0px;
  transition: border 0.2s linear 0s, color 0.2s linear 0s;
  width: 19px;
  }

.clip-check input[type="checkbox"]:checked + label:before, .clip-check input[type="radio"]:checked + label:before {
  /*border-color: rgb(237, 139, 38) !important;
  background-color: rgb(237, 139, 38) !important;*/
  border-color: #ff5a00 !important;
  background-color: #ff5a00 !important;
}

textarea {
  resize: none;
  padding: 4px 4px 0 4px; }

div#footerSection {
  width: 100%;
  position: absolute;
  padding-bottom: 0px;
  background-color: #F5F5F5;
  /* border-left: 1px solid  #757575; */
  /* border-right: 1px solid  #757575; */
  /* border-bottom: 1px solid  #757575; */
  }

.page-container {
  padding: 60px;
  overflow-x: hidden;
  padding-bottom:  10px;
  /* border-top: 1px solid #757575; */
  /* border-left: 1px solid #757575; */
  /* border-right: 1px solid #757575; */
}

legend {
  margin-left: 0px;
  margin-bottom: 16px !important;
  }

button#closeBtn {
    margin-right: 5px;
    background-color: #ffffff !important;
    color: #00a790 !important;
    display: none;
  }

.row {
  /* margin-bottom: 10px !important; */
  padding-top: 5px;
  }

.sectionBreak {
  height: 1px;
  border-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #c6c6c6; }



.required {
  color: #e51b24;
  display: none; }

.form-control{
  font-size: 12px;
    font-family: 'HelveticaNeue-Bold' !important;
  width: 93%;
  margin-left: 3.5%;
  margin-right: 3%;
}

textarea{
  height: 144px !important;
}



/*Below changes are to adjust form dimensions*/
#form{
  /* width: 450px; */
  /* margin: 0 auto; */
  /* position: relative; */
  /*margin-top: 6%;*/
  margin-top: 6vh;
  background-color: #f5f5f5;
  /* margin-bottom: 24px; */
}
.page-container{
  width: auto;
  height:auto !important;
  padding: 0 !important;
  background-color: #F5F5F5;
  /* margin-top: 24px; */
  /* margin-bottom: 48px; */
}
#footerSection{
  width: 450px;
  position:relative !important;
  padding-right:  55px;
}
.btnsRow{
  float:right;
  width: 100% !important;
  /* height: 60px; */
}


/*5Star Rating scale!*/

.rate-area.numbers label{
  /* background: url("svg_star_off.svg"); */
  /* background-repeat: no-repeat; */
  border: 1px solid #d4d4d4 !important;
  border-radius: 25px;
  font-size: 14px !important;
  text-align: center;
  padding-top: 3% !important;
  margin-right: 5px;
}


.rate-area:not(.numbers) label{
  background: url("svg_star_off.svg");
  background-repeat: no-repeat;
  font-size: 0px !important;
  margin-right: 5px;
}

.rate-area:not(.numbers) .clicked,
.rate-area:not(.numbers) .clicked.on.notHovered{
    background: url("svg_star_on.svg");
    background-repeat: no-repeat;
}

.rate-area:not(.numbers) .hovered{
    background: url("svg_star_hover.svg");
    background-repeat: no-repeat;    
}

.rate-area:not(.numbers) .clicked.notHovered{
    background: url("svg_star_off.svg");
    background-repeat: no-repeat;
}


.rate-area.numbers .clicked,.rate-area.numbers .clicked.on.notHovered{
/*     background: url("svg_star_on.svg"); */
    background-color: #ff5a00 !important;
    color: #fff !important;
/*     background-repeat: no-repeat; */
}

.rate-area.numbers .hovered{
/*     background: url("svg_star_hover.svg"); */
/*     background-repeat: no-repeat; */
    color: #fff !important;;
    background-color: #ff5a00;
}

.rate-area.numbers .clicked.notHovered{
/*     background: url("svg_star_off.svg"); */
/*     background-repeat: no-repeat; */
    background-color: #fff !important;
    color: #000 !important;
}



.borderDark::before{
  background: url("svg_star_off.svg");
  background-repeat: no-repeat;
}
.borderLightAll ~ label::before{
  background: url("svg_star_off.svg");
  background-repeat: no-repeat;
}


.rate-area {
  margin-top: -8px !important;
  float: left !important;
  border-style: none !important;
}

.rate-area:not(:checked) > input {
  position: fixed !important;
  /*top: -9999px !important;*/
  clip: rect(0,0,0,0) !important;
}

.rate-area:not(:checked) > label {
  /*float: right !important;*/
  /*width: 1.7em !important;*/
  width: 29px !important;
  /* padding: 0 .1em !important; */
  overflow: hidden !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  /* font-size: 175% !important; */
  line-height: 1.2 !important;
  color: #000;
  height: 29px;
}

.rate-area > label:hover{
/*   background-color: inherit !important; */
}

.rate-area > label{
  /* border: none !important; */
  margin-bottom: 0px;
}
ul[class*="rate-area"]{
  padding-left: 0px !important;
  height: 35px;
}

.rate-area{
  margin-bottom: 0px !important;
  margin-top: 0px !important;
}

/***** CSS Magic to Highlight Stars on Hover *****/



.grading ul li input:checked + label, .grading ul li label.hovered, .grading ul li label.on{
  background: #ff5a00 !important;
  border: 1px solid #aaa;
  color: #ffffff !important;
}

.grading ul li label.on.notHovered{
  background: #ffffff !important;
  color: #000000 !important;
}

#kampyleLogoDiv{
  display: none;
}

/* New CSS */
.li-nps, .li-grading0to10 {
  display: inline-block;
  width: 8.4%;
}

.li-grading1to10{
  display: inline-block;
  width: 9.5%
}

.ul-nps, .ul-grading0to10, .ul-grading1to10{
  padding-left: 0px;
  margin-bottom: 0px;
}

.datepicker label{
  display: block;
}

.datepicker input{
  width: 100%;
}



/* Allegro CSS Starts here */


.neb-content span,label,
.nps-anchor-table{
    font-family: 'HelveticaNeue-Bold' !important;
    color: #222222;
    font-weight: 100;
}

.form-group, #IntroContainer,
.fb-form-object.ng-scope.imageComponent{
  /* margin-bottom: 25px !important; */
}


.radioButtons.form-group{
  /* margin-top: -17px; */
}

.nps-anchor-table{
  font-size: 11px;
}

.radioul li:not(:last-child){
  /* margin-bottom: 5px */
}

.horizontal .radioul .radioli{
  display: inline-block;
  margin-right: 20px;
}

.radioul li:last-child label,.radioul{
  margin-bottom: 0px;
}

.img-responsive.inline-block.image{
  /* max-width: 125px; */
  display: inline-block;
}

.neb-content.ng-scope.labelContainer p strong span span{
  font-weight: 900 !important;
}

.powerBySection{
  display:none;
}

.screen-capture{
  display: none;
  padding-left: 10px;
}

.page-container.container > :last-child{
  padding-bottom: 0px;
  margin-bottom: 36px !important;
}

.form-group .date label{
  /*display:block;*/
}

.control-label:not(.control-label-small){
  font-weight: 400 !important;
  font-size: 17px;
  color: #595959 !important;
  text-align: center;
  width: 100%;
  background-color: #F5F5F5
}

#datepicker{
  width:100%;
  border: 1px solid #ddd;
  line-height: 2;
  padding-left: 10px;
  background: #ffffff;
}

.page-container > :not(.imageComponent):nth-child(2){
  /* margin-top: 25px; */
  margin-bottom: 12px;
}

#btnClose:focus{
  outline: none;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .imageThankYouPageInner img{
    max-width: 420px !important;
  }
}

select{
  -webkit-appearance: none;
}

.page-container > :not(.imageComponent):nth-child(2) fieldset{
  width: 100%;
}

#backBtn{
  /* display: none !important; */
}

#thankyou{
  padding-bottom: 0px;
   margin-bottom: unset !important;
}

#disable-screen-capture.visibilityUnset{
  visibility: visible !important;
}

.datepicker table tr td.active.active,
.datepicker table tr td.active:hover{
  background-color: #ff5a00 !important;
  background-image: linear-gradient(to bottom,#ff5a00,#ff5a00) !important;
}

.isDesktop ~ .datepicker-dropdown.datepicker-orient-top{
    margin-top: 50px;
}
.isDesktop ~ .datepicker-dropdown.datepicker-orient-bottom{
    margin-top: 55px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .isDesktop ~ .datepicker-dropdown.datepicker-orient-top{
    margin-top: 0px;
  }
  .isDesktop ~ .datepicker-dropdown.datepicker-orient-bottom{
    margin-top: 0px;
  }
}

.btn:focus{
  outline: none;
}

#form:not(.isDesktop) #page_2 ~ #footerSection .btnsRow #closeBtn + #backBtn,
#form:not(.isDesktop) #page_2 ~ #footerSection .btnsRow  #closeBtn{
  width: 64px;
}

body::-webkit-scrollbar {
    width: 10px;
    background-color: #f5f5f5;
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;
}

body::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}
.close-btn-row{
  display: none;
}

.neb-label p{
  font-family: 'HelveticaNeue-Bold' !important;
  font-size: 16px;
  font-weight: bolder;
  margin-top: 24px;
  margin-bottom: 0px !important;
}

.radioul{
  text-align: center;
  margin-left: 19px;
}

.radioli{
  display: inline-block;
}

:focus{
  outline: unset !important;
}

.imageThankYouPageInner{
  text-align: center;
}

.ThankYouPageText h4 span{
  font-family: 'HelveticaNeue-Bold' !important;
  font-size: 16px !important
}

.imageThankYouPageInner:after{
/*     font-family: "FontAwesome" !important; */
/*     font-weight: 400 !important; */
    font-size: 45px !important;
    content: url('https://assets.kampyle.com/clients/nebula/bunnings/green_tick.png') !important;
    padding-left: 7px;
/*     color: #0d5957; */
    height: 20px;
    text-align: center;
}




/* Additional changes */
.radioButtons{
  margin-bottom: 14px !important;
}

 @media only screen and (max-width: 600px){
   body{
     background-color: unset;
   }
 }