/** AserT **/

:root{
	--viewport_height:calc(var(--vh, 1vh) * 100);
}
.full_page_wrap{
	width:100vw;
	height:100vh;
	height: calc(var(--vh, 1vh) * 100);
}
.full_page_spinner_wrap_asert{
	width:100vw;
	height:100vh;
	height: calc(var(--vh, 1vh) * 100);
}
.asert_logo_spinner_in_div{
	width:inherit;
	height:inherit;
}
.asert_spinner_outer{
    width:32px;
	height:32px;
}
.asert_spinner{
    width:32px;
	height:32px;
	background-image: url("../images/asert_index_images/asert_logo_sm.png");
	background-repeat:no-repeat;
	background-position:center;
	pointer-events:none;
	-webkit-animation:spin 1s ease infinite;
    -moz-animation:spin 1s ease infinite;
    animation:spin 1s ease infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
.asert_spinner_text{
	width:auto;
	margin-top:10px;
	font-size:10px!important;
	color:#999999;
}
.breathing{
	position: absolute;
	width:100vw;
	height:100vh;
	height: calc(var(--vh, 1vh) * 100);
	background-color:#cccccc;
	opacity:1;
	z-index:-1;
	-webkit-animation: breath 3s ease infinite;
    -moz-animation: breath 3s ease infinite;
    animation: breath 3s ease infinite;
}
@keyframes breath {
	0% {background: #e8e8e8}
    50% {background: #ffffff}
    100% {background: #e8e8e8}
}

/** AserT **/

.full_page_spinner_wrap{
display:table-cell;
text-align: center;
vertical-align: middle;
height:100vh;
width:100vw;
}
.full_page_spinner_inner{
display:inline-block;
}
.modal_main_spinner_wrap{
display:table-cell;
text-align: center;
vertical-align: middle;
height:calc(100vh - 59px);
width:100vw;
}
.modal_main_spinner_inner{
display:inline-block;
width:100px;
height:100px;
}
.rstd_spinner {
display: inline-block;
position: relative;
width: 100%;
height: 100%;
min-width: 15px;
min-height: 15px;
}
.rstd_spinner div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  border: 8px solid #cccccc;
  border-radius: 50%;
  animation: rstd_spinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #cccccc transparent transparent transparent;
}
.rstd_spinner div:nth-child(1) {
  animation-delay: -0.45s;
}
.rstd_spinner div:nth-child(2) {
  animation-delay: -0.3s;
}
.rstd_spinner div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes rstd_spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


.rstd_spinner_status {
display: inline-block;
position: relative;
width: 50px;
height: 50px;
}
.rstd_spinner_status_div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  border-style: solid;
  border-width: 2px;
  border-radius: 50%;
  animation: rstd_spinner_status 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #cccccc transparent transparent transparent;
}

.rstd_spinner_status div:nth-child(1) {
  animation-delay: -0.45s;
}
.rstd_spinner_status div:nth-child(2) {
  animation-delay: -0.3s;
}
.rstd_spinner_status div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes rstd_spinner_status {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


.rstd_spinner_medium {
display: inline-block;
position: relative;
width: 50px;
height: 50px;
}

.rstd_spinner_medium_div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  border-style: solid;
  border-width: 2px;
  border-radius: 50%;
  animation: rstd_spinner_medium 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #cccccc transparent transparent transparent;
}

.rstd_spinner_medium div:nth-child(1) {
  animation-delay: -0.45s;
}
.rstd_spinner_medium div:nth-child(2) {
  animation-delay: -0.3s;
}
.rstd_spinner_medium div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes rstd_spinner_medium {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.rstd_spinner_medium_thick {
display: inline-block;
position: relative;
width: 50px;
height: 50px;
}

.rstd_spinner_medium_thick_div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  border-style: solid;
  border-width: 4px;
  border-radius: 50%;
  animation: rstd_spinner_medium_thick 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #cccccc transparent transparent transparent;
}

.rstd_spinner_medium_thick div:nth-child(1) {
  animation-delay: -0.45s;
}
.rstd_spinner_medium_thick div:nth-child(2) {
  animation-delay: -0.3s;
}
.rstd_spinner_medium_thick div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes rstd_spinner_medium_thick {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.rstd_spinner_thin {
display: inline-block;
position: relative;
width: 25px;
height: 25px;
}
.rstd_spinner_thin div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  border: 2px solid;
  border-radius: 50%;
  animation: rstd_spinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #cccccc transparent transparent transparent;
}
.rstd_spinner_thin div:nth-child(1) {
  animation-delay: -0.45s;
}
.rstd_spinner_thin div:nth-child(2) {
  animation-delay: -0.3s;
}
.rstd_spinner_thin div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes rstd_spinner_thin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.spinner_white div{ border-color: #ffffff transparent transparent transparent; }

/**** ANIMATED_TICK_ICON *****/

.load_success {
  -webkit-animation: none;
  animation: none;
  border-color:#d0a92c;
  
  transition: border 800ms ease-out;
}
.load_error {
  -webkit-animation: none;
  animation: none;
  border-color:#ff0000;
  transition: border 800ms ease-out;
}
.rstd-text-red,.rstd-hover-text-red:hover{ color:#ff0000!important }
.checkmark {
  display: block;
}
.checkmark.draw:after {
  animation-duration: 800ms;
  animation-timing-function: ease;
  animation-name: checkmark;
  transform: scaleX(-1) rotate(135deg);
}
.checkmark:after {
  opacity: 1;
  height: 25px;
  width: 12.5px;
  transform-origin: left top;
  border-right: 2px solid #8bc34a;
  border-top: 2px solid #8bc34a;
  content: '';
  left: 12px;
  top: 25px;
  position: absolute;
}

@keyframes checkmark {
  0% {
    height: 0;
    width: 0;
    opacity: 1;
  }
  20% {
    height: 0;
    width: 12.5px;
    opacity: 1;
  }
  40% {
    height: 25px;
    width: 12.5px;
    opacity: 1;
  }
  100% {
    height: 25px;
    width: 12.5px;
    opacity: 1;
  }
}

/**** ANIMATED_EXCLAMATION_ICON *****/

.animated_exclamation_icon {
  display: block;
}
.animated_exclamation_icon {
top:9px;
left:9px;
  position: absolute;
  width: 32px;
  height: 32px;
  background-color:;
}

.animated_exclamation_icon:before{
  position: absolute;
  left: 14px;
  top:24px;
  content: ' ';
  height: 4px;
  width: 4px;
  border-radius:2px;
  background-color:#ff0000;
  opacity: 1;
  transform: rotate(0deg);
  transform-origin: left top;
  animation-fill-mode: forwards;
  visibility: hidden;
}
.animated_exclamation_icon:after {
  position: absolute;
  left: 15px;
  top:4px;
  content: ' ';
  height: 16px;
  width: 2px;
  background-color:#ff0000;
  opacity: 1;
  transform: rotate(0deg);
  transform-origin: top;
}
.animated_exclamation_icon:before {
  animation-duration: 400ms;
  animation-delay: 400ms;
  animation-timing-function: ease;
  animation-name: animated_exclamation_icon_before;
}
.animated_exclamation_icon:after {
  animation-duration: 400ms;
  animation-timing-function: ease;
  animation-name: animated_exclamation_icon_after;
}
@keyframes animated_exclamation_icon_after {
  0% {
    height: 0;
    width: 0;
    opacity: 1;
  }
  100% {
    height: 32px;
    width: 2px;
    opacity: 1;
  }
}
@keyframes animated_exclamation_icon_before {
  0% {
    height: 0;
    width: 0;
    opacity: 1;
	visibility: visible;
  }
  100% {
    height: 4px;
    width: 4px;
    opacity: 1;
	visibility: visible;
  }
}

/**** ANIMATED_CLOSE_ICON *****/

.animated_close_icon {
  display: none;
}
.animated_close_icon {
  position: absolute;
  width: 28px;
  height: 28px;
}
.animated_close_icon:before{
  position: absolute;
  left: 23px;
  top:4px;
  content: ' ';
  height: 28px;
  width: 2px;
  border-top: 0px solid  #ffffff;
  border-right: 1px solid #ffffff;
  border-bottom: 0px solid #ffffff;
  border-left: 1px solid  #ffffff;
  opacity: 1;
  transform: rotate(45deg);
  transform-origin: left top;
  animation-fill-mode: forwards;
  visibility: hidden;
}
.animated_close_icon:after {
  position: absolute;
  left: 3px;
  top:5px;
  content: ' ';
  height: 28px;
  width: 0px;
  border-top: 0px solid  #ffffff;
  border-right: 1px solid #ffffff;
  border-bottom: 0px solid #ffffff;
  border-left: 1px solid  #ffffff;
  opacity: 1;
  transform: rotate(-45deg);
  transform-origin: left top;
}
.animated_close_icon:before {
  animation-duration: 400ms;
  animation-delay: 400ms;
  animation-timing-function: ease;
  animation-name: animated_close_icon_before;
}
.animated_close_icon:after {
  animation-duration: 400ms;
  animation-timing-function: ease;
  animation-name: animated_close_icon_after;
}
@keyframes animated_close_icon_after {
  0% {
    height: 0;
    width: 0;
    opacity: 1;
  }
  100% {
    height: 28px;
    width: 0px;
    opacity: 1;
  }
}
@keyframes animated_close_icon_before {
  0% {
    height: 0;
    width: 0;
    opacity: 1;
	visibility: visible;
  }
  100% {
    height: 28px;
    width: 2px;
    opacity: 1;
	visibility: visible;
  }
}

/**** CLOSE_ICON *****/

.close_mark {
  position: absolute;
  right: 32px;
  top: 32px;
  width: 32px;
  height: 32px;
  opacity: 0.5;
}
.close_mark:hover {
  opacity: 1;
}

.close_mark:before, .close_mark:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 33px;
  width: 2px;
  background-color: #000;
}
.close_mark:before {
  transform: rotate(45deg);
}
.close_mark:after {
  transform: rotate(-45deg);
}

/****

.circle_loader{
  margin-bottom: 3.5em;
  border: 4px solid rgba(0, 0, 0, 0.2);
  border-left-color: #5cb85c;
  animation: loader-spin 1.2s infinite linear;
  position: relative;
  display: inline-block;
  vertical-align: top;
  border-radius: 50%;
  width: 50px;
  height: 50px;
}
@keyframes loader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

****/