.calogo {
  width: 300px;
  padding-top: 6px;
}

button.btn.cancel::before {
  font-family: fontAwesome;
  content: "\f00d\00a0";
}

@media (max-width:1199.98px) {
  .calogo {
    width: 200px;
  }
}

@media (max-width:998.98px) {
  .calogo {
    width: 100px;
  }
}

.btntext {
  font-size: 18px;
}

@media (max-width:767.98px) {
  .btntext {
    font-size: 15px;
  }
}

.hide {
  display: none;
}

.questionblock {
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  margin-right: -15px;
  margin-left: -15px;
}
.first-question {
  border-top: 1px solid #000;
}
.lastquestion {
  border-bottom: 1px solid #000;
}

.question-step .steps {
  margin-bottom: 15px;
  padding-top: 15px
}

  .question-step .steps ul {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -o-justify-content: center;
    -ms-justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    list-style: none;
    padding-left: 0;
  }

  .question-step .steps li,
  .question-step .steps li.current {
    outline: none;
    -o-outline: none;
    -ms-outline: none;
    -moz-outline: none;
    -webkit-outline: none;
    position: relative;
    padding-bottom: 3px;
    padding-right: 10px;
    width: 120px;
  }

    .question-step .steps li:last-child {
      padding-right: 0;
    }

    .question-step .steps li .current-info {
      display: none;
    }

    .question-step .steps li::before {
      position: absolute;
      content: "";
      background: #e5e5e5;
      width: 168px;
      height: 6px;
      top: 20%;
      left: 47%;
    }

    .question-step .steps li:last-child::before {
      content: none;
    }

    .question-step .steps li.current::after {
      position: absolute;
      content: "";
      width: 45px;
      height: 3px;
      background: #ccc;
      top: 100%;
      left: 25%;
    }

    .question-step .steps li a {
      text-decoration: none;
      outline: none;
      -o-outline: none;
      -ms-outline: none;
      -moz-outline: none;
      -webkit-outline: none;
    }

      .question-step .steps li a .title {
        text-align: center;
      }

        .question-step .steps li a .title span {
          display: block;
          font-size: 14px;
        }

        .question-step .steps li a .title .step-icon {
          width: 50px;
          height: 50px;
          border-radius: 50%;
          -o-border-radius: 50%;
          -ms-border-radius: 50%;
          -moz-border-radius: 50%;
          -webkit-border-radius: 50%;
          background: #ccc;
          margin: 0 auto;
          position: relative;
          outline: none;
          -o-outline: none;
          -ms-outline: none;
          -moz-outline: none;
          -webkit-outline: none;
          color: #fff;
          font-size: 20px;
          padding-top: 10px;
        }

      .question-step .steps li a .step-icon i {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
      }

    .question-step .steps .partial::before,
    .question-step .steps li.partial a .step-icon,
    .question-step .steps li.partial a:active .step-icon {
      background: #ffd800;
    }


    .question-step .steps li.current a .step-icon,
    .question-step .steps li.current a:active .step-icon,
    .question-step .steps .done::before,
    .question-step .steps li.done a .step-icon,
    .question-step .steps li.done a:active .step-icon {
      background: #6eba2a;
    }

    .question-step .steps li.current a .step-icon,
    .question-step .steps li.current a:active .step-icon {
      box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.2);
      -o-box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.2);
      -ms-box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.2);
      -webkit-box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.2);
    }

    .question-step .steps li a .step-number {
      color: #666;
      font-weight: 400;
      padding: 17px 0 8px;
    }

    .question-step .steps li a .step-text {
      color: #333;
      font-weight: 600;
      padding-bottom: 8px;
    }

.step-text {
  max-height: 45px;
  overflow: hidden;
}

.question-step .content {
  background: #359bfa;
  border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 32px 115px 23px 75px;
}

  .question-step .content h2 {
    display: none;
  }

.deleteicon {
  color: red;
  font-size: 1.5em;
  cursor: pointer;
}

.collection .child {
  outline: 1px solid; /* use instead of border */
  /*margin-top: 1px;
  margin-left: 1px;*/
}


.thead {
 /* outline: 1px solid #808080;*/ /* use instead of border */
  /*margin-top: 1px;
  margin-left: 1px;*/
  /*border-bottom: 1px;
  border-left: 1px;
  border-top: 1px;
  border-right: 1px;
  border-color: #808080;
  border-style: solid;*/
  padding: 10px;
  font-weight: 800;
  position: relative;
  float: left;
  min-height: 50px;
  background-color: #E5E5E5;
}

.tbody-title {
  /*outline: 1px solid #ccc;*/
  /*border-bottom: 1px;
  border-left: 1px;
  border-top: 1px;
  border-right: 1px;
  border-color: #808080;
  border-style: solid;*/
  padding: 10px;
  font-weight: 700;
  position: relative;
  float: left;
  min-height: 50px;
  background-color: rgba(0,0,0,.03);
}

.tbody {
  /* outline: 1px solid #808080;
  border-bottom: 1px;
  border-left: 1px;
  border-top: 1px;
  border-right: 1px;
  border-color: #808080;
  border-style: solid;*/
  padding: 10px;
  font-weight: 400;
  position: relative;
  float: left;
  min-height: 50px;
  background-color: #FFFFFE;
}
.b-left-right {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.b-left {
  border-left: 1px solid #ccc;
}
.b-right {
  border-right: 1px solid #ccc;
}
.b-bottom {
  border-bottom: 1px solid #ccc;
}
.b-top {
  border-top: 1px solid #ccc;
}
.borderlr {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.borderl {
  border-left: 1px solid #ccc;
}
.borderr {
  border-right: 1px solid #ccc;
}

.borderb {
  border-bottom: 1px solid #ccc;
}
.bordert {
  border-top: 1px solid #ccc;
}
.upload {
  display: none;
}

.center {
  text-align: center;
}

.right {
  float: right
}

.pt5 {
  padding-top: 5px;
}
.pt8 {
  padding-top: 8px;
}
.pt12 {
  padding-top: 12px;
}
.pt15 {
  padding-top: 15px;
}
.pt20 {
  padding-top: 20px;
}
.maxwidth125{
  max-width:125px;
}
.w100 {
  width: 100%;
}

.w95 {
  width: 95%;
}
.w92 {
  width: 92%
}
.w90 {
  width: 90%
}

.w85 {
  width: 85%
}

.w80 {
  width: 80%
}

.w75 {
  width: 75%
}

.w70 {
  width: 70%
}

.w65 {
  width: 65%
}

.w60 {
  width: 60%
}
.w55 {
  width: 55%
}

.w50 {
  width: 50%
}

.w45 {
  width: 45%
}

.w40 {
  width: 40%
}

.w35 {
  width: 35%
}

.w30 {
  width: 30%
}

.w25 {
  width: 25%
}

.w20 {
  width: 20%
}

.w15 {
  width: 15%;
}
.w10 {
  width: 10%;
}
.w8 {
  width: 8%;
}
.w5 {
  width: 5%;
}



.mtn-4 {
  margin-top: -4px;
}

h3 {
  margin-top: 25px;
  margin-bottom: 25px;
}

.fixedHeader-floating {
  top: 70px !important;
}

.dataTables_length {
  display: none;
}

.dataTables_filter {
  display: none;
}

.dataTables_info {
  display: none;
}

#tblData_paginate {
  display: none;
}

.dataTables_paginate {
  display: none;
}

select option:disabled {
  color: #ccc;
}

table.fullclickabletable tbody > tr {
  cursor: pointer;
}

table.modalsearchtable tbody > tr {
  cursor: pointer;
}

.lightgrey {
  background-color: #f0f0f0;
}

.darkgrey {
  background-color: #ccc;
}
.popover-header {
  margin-top: 0px !important;
}
.chklbl50 label{
  min-width:50px;
}
.chklbl100 label {
  min-width: 98px;
}
.btnDisabled{
  color:#ddd !important;
  cursor:text !important;
}
.divTitle {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  color: #333;
  font-size: 1.2em;
  font-weight: 900;
  border-bottom: solid 1px #D8D8D8;
  padding: 0px;
  margin-bottom: 20px;
}
.multiselect-container .checkbox {
 /* width: 200px;*/
  border: none;
}

.checkbox input[type="checkbox"] {
  margin-top: 4px;
}

.multiselect-div {
  margin-left: 15px;
}
.multiselect-container > li > a > label {
  padding: 3px 20px 3px 3px !important;
}
.stickyheader {
  position: sticky;
  top: 72px;
}