.has-error .error,textarea.error{
    background-color: #ffdddd;
}
.has-success .valid,textarea.valid{
    background-color: #ddffdd;
}
.has-error label.error{
    background-color: #ffffff;
    color: #ff0000;
    margin-top: 10px;
}
.has-success label.error{
    background-color: #ffffff;
    color: #ff0000;
    margin-top: 10px;
}
.select-not-show-error.has-error label.error{
  display: none !important;
}
.loader {
    display: inline-block;
    position: relative;
    margin: 0px auto;
    width: 30px;
    height:30px;
  } 
  
  .circular-loader {
      -webkit-animation: rotate 2s linear infinite;
              animation: rotate 2s linear infinite;
      height: 100%;
      -webkit-transform-origin: center center;
          -ms-transform-origin: center center;
              transform-origin: center center;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      margin: auto;
    }
    
    .loader-path {
      stroke-dasharray: 150,200;
      stroke-dashoffset: -10;
      -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
              animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
      stroke-linecap: round;
    }
    
    @-webkit-keyframes rotate {
      100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
      }
    }
    
    @keyframes rotate {
      100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
      }
    }
    @-webkit-keyframes dash {
      0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0;
      }
      50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35;
      }
      100% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124;
      }
    }
    @keyframes dash {
      0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0;
      }
      50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35;
      }
      100% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124;
      }
    }
    @-webkit-keyframes color {
      0% {
        stroke: #e65540;
      }
      40% {
        stroke: #e65540;
      }
      66% {
        stroke: #e65540;
      }
      80%, 90% {
        stroke: #e65540;
      }
    }
    @keyframes color {
      0% {
        stroke: #e65540;
      }
      40% {
        stroke: #e65540;
      }
      66% {
        stroke: #e65540;
      }
      80%, 90% {
        stroke: #e65540;
      }
    }
  
  .hidden{
      display: none;
  }

  .dateHead .clock ul {
    font-size: 2.1rem;
  }

  #drop-area.highlight {
      border: 3px dashed #2e50b4;
  }
  
  
  .answerSec .rowGrid{
      justify-content: flex-start;
  }