.highlight {
    background-color: #FFCCCC;
}

.error {
  color: red !important;
  font-weight: 700 !important;
  display: block;
}

input.error, input:focus.error  {
  border-color: red;
} 
.btn-padding { margin-left: 10px;}
 
 @media (max-width: 550px) {
      .table-lined td {
         display:block;
      }
   }
   
 .button-right{
   align:right;
 }
  .button-left{
   align:left;
 }
 .recaptcha-class {
   border-top : 0px !important;
 }
 .no-border {
    border: 0px !important;
 }
 .fieldset-no {
  border: 0px;
  margin-bottom : -10px;
 }
 
 .td-no-border {
   border-top: 0px !important;
   border-bottom: 0px !important;
 }
  .td-no-border-bottom {
   border-bottom: 0px !important;
 }
   .td-no-border-top {
   border-top: 0px !important;
 }
 .text-padding {
   margin-left: 25px;
 }
 .boolean-padding {
  margin-left: 15px !important;
 }
 .text-underLine {
    text-decoration: underline;
}
.select-padding input[type="checkbox"]{
	margin-right: 10px;
}
.select-padding label {
 text-indent: 0px !important;
}
.form-text {
	margin-left: 10px;
}

    .ui-dialog .ui-dialog-titlebar {
        padding: .4em 1em;
        position: relative;
    }
    .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
        border-bottom-right-radius: 0px !important;
    }
    .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
        border-bottom-left-radius: 0px !important;
    }
    .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
        border-top-right-radius: 0px !important;
    }
    .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
        border-top-left-radius: 0px !important;
    }
    .ui-widget-header {
        border: 1px solid #aaaaaa;
        color: #222222;
        font-weight: bold;
    }
    .ui-helper-clearfix {
        min-height: 0;
    }
    .style2 {
        font-size: 16px;
    }
    .table-confim td{
      border: 0px !important;
    }
    .form-control[disabled], .form-control[readonly], fieldset[disabled] {
  
    opacity: 1;
}

@keyframes blink {
    /**
     * At the start of the animation the dot
     * has an opacity of .2
     */
    0% {
      opacity: .2;
    }
    /**
     * At 20% the dot is fully visible and
     * then fades out slowly
     */
    20% {
      opacity: 1;
    }
    /**
     * Until it reaches an opacity of .2 and
     * the animation can start again
     */
    100% {
      opacity: .2;
    }
}

.saving span {
    /**
     * Use the blink animation, which is defined above
     */
    animation-name: blink;
    /**
     * The animation should take 1.4 seconds
     */
    animation-duration: 1.4s;
    /**
     * It will repeat itself forever
     */
    animation-iteration-count: infinite;
    /**
     * This makes sure that the starting style (opacity: .2)
     * of the animation is applied before the animation starts.
     * Otherwise we would see a short flash or would have
     * to set the default styling of the dots to the same
     * as the animation. Same applies for the ending styles.
     */
    animation-fill-mode: both;
}

.saving span:nth-child(2) {
    /**
     * Starts the animation of the third dot
     * with a delay of .2s, otherwise all dots
     * would animate at the same time
     */
    animation-delay: .2s;
}

.saving span:nth-child(3) {
    /**
     * Starts the animation of the third dot
     * with a delay of .4s, otherwise all dots
     * would animate at the same time
     */
    animation-delay: .4s;
}

.table-help {
  margin-bottom: 0px !important;
}