.portrait {
    -webkit-transform: rotate(90deg);
    -webkit-transform-origin: 480px 208px;
}
.portrait-onready {
    -webkit-transform: rotate(90deg);
    -webkit-transform-origin: 480px 208px;
}
.validation-error {
  border-color: #da3e16;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}


.validation-success {
  border-color: #15db81;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}


input.ng-dirty.ng-invalid {
  border-color: #da3e16;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

form.ng-submitted input.ng-invalid {
  border-color: #da3e16;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

input.ng-touched.ng-valid {
  border-color: #15db81;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

textarea.ng-dirty.ng-invalid {
  border-color: #da3e16;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

form.ng-submitted textarea.ng-invalid {
  border-color: #da3e16;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

textarea.ng-touched.ng-valid {
  border-color: #15db81;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

select.ng-dirty.ng-invalid {
  border-color: #da3e16;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

form.ng-submitted select.ng-invalid {
  border-color: #da3e16;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

select.ng-touched.ng-valid {
  border-color: #15db81;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.edit-detail1 {
	display:none;
}

.error-msg {
  margin: .5em 0;
  display: block;
  color: #dd4b39;
  line-height: 17px;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}
/*
.form .field .prompt.label {
  white-space: nowrap;
}

.pointing.above.label, .pointing.label {
  margin-top: 1em;
}
.pointing.label {
  position: relative;
}
.red.label, .red.labels .label {
  background-color: #d95c5c!important;
  border-color: #d95c5c!important;
  color: #fff!important;
}
.label.visible, .labels.visible .label {
  display: inline-block!important;
}
.label:last-child {
  margin-right: 0;
}
.visible.transition {
  display: block!important;
  visibility: visible!important;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.label, .labels .label {
  font-size: .8571rem;
}

.transition {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 300ms;
  animation-duration: 300ms;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
*, :after, :before {
  box-sizing: inherit;
}
*/


.label {
  display: inline-block;
  vertical-align: baseline;
  line-height: 1;
  margin: 0 .125em;
  background-color: #e8e8e8;
  border-color: #e8e8e8;
  background-image: none;
  padding: .6em .8em;
  color: rgba(0,0,0,.6);
  text-transform: none;
  font-weight: 700;
  border-radius: .2857rem;
  box-sizing: border-box;
 -webkit-transition: background .2s ease;
  transition: background .2s ease;
}


.pointing.above.label, .pointing.label {
  margin-top: 1em;
}

.pointing.label:before {
  position: absolute;
  content: '';
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 2;
  width: .6em;
  height: .6em;
  -webkit-transition: background .2s ease;
  transition: background .2s ease;
  background-color: #e8e8e8;
  background-image: none;
}
.labels .red.label:before, .red.label:before, .red.labels .label:before {
  background-color: #d95c5c!important;
}
.pointing.label {
  position: relative;
}
.red.label, .red.labels .label {
  background-color: #d95c5c!important;
  border-color: #d95c5c!important;
  color: #fff!important;
}
.label.visible, .labels.visible .label {
  display: inline-block!important;
}
.label:last-child {
  margin-right: 0;
}

.dropdown1 {
  display: inline-block;
  position: relative;
  overflow: hidden;
  height: 28px;
  width: 150px;
  background: #f2f2f2;
  border: 1px solid;
  border-color: white #f7f7f7 #f5f5f5;
  border-radius: 3px;
  @include linear-gradient(top, transparent, rgba(black, .06));
  @include box-shadow(0 1px 1px rgba(black, .08));

  &:before, &:after {
    content: '';
    position: absolute;
    z-index: 2;
    top: 9px;
    right: 10px;
    width: 0;
    height: 0;
    border: 4px dashed;
    border-color: #888 transparent;
    pointer-events: none;
  }

  &:before {
    border-bottom-style: solid;
    border-top: none;
  }

  &:after {
    margin-top: 7px;
    border-top-style: solid;
    border-bottom: none;
  }
}


/** class for error block**/
.vsr-error-box {
  top: 10%;
  bottom: 7%;
  left: 4%;
  right: 4%;
  margin: 0 auto;
  position: absolute;
  z-index: 99;

}

.vsr-error-heading {
  color: #333;
  font-weight: bold;
}

.vsr-error-text {
  font-size: 20px;
  font-weight: bold;
  color: #ff0000;
 /* #60606a*/
  top: 42%;
  left: 28%;
  margin: 0 auto;
  position: absolute;
  z-index: 99;

}


.table-error-text {
  text-align:center;
  font-size: 16px;
  font-weight: bold;
  color: #ff0000;
  z-index: 99;

}

.circle {
	border-radius: 50%;
	width: 20px;
	height: 20px;
  margin: 0 auto;
	/* width and height can be anything, as long as they're equal */
}

.watermark {
  width: 100%;
  height: 100%;
  /*display: block;
  position: absolute;
  content: "";*/
  opacity: 0.2;
  /*top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;   */
}

.last_table_row {
  background:#e4e4e4; font-weight:600; font-size:16px
}
/*.watermark::after {
  content: "";
 background:url(https://www.google.co.in/images/srpr/logo11w.png);
  opacity: 0.2;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
}*/

svg {
  font-size: 12px !important;
}



/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
svg {
  font-size: 12px !important;
}
}



/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
svg {
  font-size: 12px !important;
}
}



/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
svg {
  font-size: 10px !important;
}

svg text {
      font-size: 9px !important;
      }
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
svg {
  font-size: 12px !important;
}
}