/* CSS Document */

input.ng-invalid {
	border:1px solid #a81b00;
}
input.ng-dirty {
	
}
input.ng-touched.ng-invalid  {
	
}
input.ng-valid {
	
}
input.ng-touched { 
	
}
.navItem {
	width:100%;
	background-color:#3E3E3E;
	color:#fff;
	text-align:center;
	vertical-align:middle;	
	transition: background-color 0.5s;
}
.navItemSelect {
	width:100%;
	color:#fff;
	text-align:center;
	vertical-align:middle;	
	transition: background-color 0.4s;
}
.navItem:hover {
	background-color:#337ab7;
	transition: background-color 0.2s;
}
.slideText {
	width:550px; 
	right:-550px; 
	top:80px;	
}
.slideCalc {
	width:550px; 
	right:-550px; 
	top:120px;	
}
.fullBox {
	width:100%; 
	height:100%; 
	top:0px;
	left:0px; 
	display:none;
}
.textPcWidth {
	width:450px;
}
.textPhoneWidth {
	width:250px;
}
.textPcHeight {
	height:275px; 
}
.textPhoneHeight {
	height:100%; 
}


/*
	ICONS GRID 1152 x 480
*/

.redErr18{
	width:18px; height:18px;
	background: url(/images/Icons.png) -960px -264px;
}
.redErr18:hover{
	width:18px; height:18px;
	background: url(/images/Icons.png) -978px -264px;
	cursor:pointer;
}

/*------------------------------------*/
progress {
  border:2px solid #337ab7;
  border-radius:3px;
  margin:3px;
}
progress::-webkit-progress-bar {
  background-color:#fff;
  border-radius:3px;
}
progress::-webkit-progress-value {
  background-color:#337ab7;
}
progress::-moz-progress-bar {
  background-color:#fff; 
  border-radius:3px;
}
.progressBar {
	height:100%;
	width:460px;	
}
.progressBarPhone {
	width:90%;
}
progress.progressBarAM {
  border:1px solid #87074b;
  border-radius:3px;
}
progress.progressBarAM::-webkit-progress-value {
  background-color:#960853;  
}
progress.progressBarPM {
  border:1px solid #337ab7;
  border-radius:3px;
}
progress.progressBarPM::-webkit-progress-value {
  background-color:#337ab7;  
}

.slide-show {
    -webkit-transition:height linear 4s;
    -moz-transition:height linear 4s;
    -o-transition:height linear 4s;
    transition:height linear 4s;
}
.slide-show {
	height:0%;
}
.slide-show.slide-show-active {
	height:100%;
}

.rotate-45 {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.rotate-90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.rotate-180 {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.rotate-270 {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.glyphicon.fast-right-spinner {
    -webkit-animation: glyphicon-spin-r 1s infinite linear;
    animation: glyphicon-spin-r 1s infinite linear;
}
.glyphicon.normal-right-spinner {
    -webkit-animation: glyphicon-spin-r 2s infinite linear;
    animation: glyphicon-spin-r 2s infinite linear;
}

.glyphicon.slow-right-spinner {
    -webkit-animation: glyphicon-spin-r 15s infinite linear;
    animation: glyphicon-spin-r 15s infinite linear;
}

.glyphicon.fast-left-spinner {
    -webkit-animation: glyphicon-spin-l 1s infinite linear;
    animation: glyphicon-spin-l 1s infinite linear;
}

.glyphicon.normal-left-spinner {
    -webkit-animation: glyphicon-spin-l 2s infinite linear;
    animation: glyphicon-spin-l 2s infinite linear;
}

.glyphicon.slow-left-spinner {
    -webkit-animation: glyphicon-spin-l 3s infinite linear;
    animation: glyphicon-spin-l 3s infinite linear;
}
.coin {
	width:56px;
	height:56px;
	border-radius:36px;
	border-width:3px;
	padding-top:5px;
	border-style:solid;
}
.coin-border {

}
.coin-flip {
	animation: flipper 1s linear;
	-webkit-animation: flip 1s linear;
}
.check-pop {
	animation: popper 0.2s linear;
	-webkit-animation: pop 0.2s linear;
}
.box-pop {
	animation: kpop 0.2s linear;
	-webkit-animation: wpop 0.2s linear;
}

@keyframes flipper{
  0% { 
	transform: rotateY(0deg);
  }
  50% {
	transform: rotateY(180deg);
  }  
  100% { 
	transform: rotateY(0deg);
  }
}
@-webkit-keyframes flip{
  0% { 
  		-webkit-transform: rotateY(0deg); 
  	}
  50% {
	  	-webkit-transform: rotateY(180deg); 
	}  
  100% { 
  		-webkit-transform: rotateY(0deg); 
	}
}
@keyframes popper{
  0% { 
		transform: scale(1);
	}
  50% {
		transform: scale(1.5);
	}  
  100% { 
		transform: scale(1);
	}
}
@-webkit-keyframes pop{
  0% { 
  		-webkit-transform: scale(1) 
	}
  50% {
	 	 -webkit-transform: scale(1.5) 
	}  
  100% { 
  		-webkit-transform: scale(1) 
	}
}

@keyframes kpop{
  0% { 
		transform: scale(1);
	}
  50% {
		transform: scale(1.25);
	}  
  100% { 
		transform: scale(1);
	}
}
@-webkit-keyframes wpop{
  0% { 
  		-webkit-transform: scale(1) 
	}
  50% {
	 	 -webkit-transform: scale(1.25) 
	}  
  100% { 
  		-webkit-transform: scale(1) 
	}
}

@-webkit-keyframes glyphicon-spin-r {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes glyphicon-spin-r {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-webkit-keyframes glyphicon-spin-l {
    0% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes glyphicon-spin-l {
    0% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

#holder { 
	border:5px dashed #ccc; 
	width:100%; 
	min-height:128px; 
}
#holder.hover { 
	border:5px dashed #0c0; 
}
#holder img { 
	display:block; 
}
#holder p { 
	font-size:14px; 
}
.uploader progress { 
	width:100%; 
}
.uploader progress:after { 
	/*content:'%'; */
}
.fail { 
	background:#c00; 
	padding:2px; 
	color:#fff; 
}
.hidden { 
	display:none !important;
}
.showLoader {
	visibility: visible;
	opacity: 1;
}
.hideLoader {
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s 0.4s, opacity 0.4s linear;
	-webkit-animation:colorchange 0.4s infinite alternate;
	animation: popchange 0.4s linear;
}
 @-webkit-keyframes colorchange {
  0% { 
		color: #454545;
	}
  50% {
		color: #5cb85c;
	}  
  100% { 
		color: #454545;
	}
 }
 @keyframes popchange {
  0% { 
		color: #454545;
	}
  50% {
		color: #5cb85c;
	}  
  100% { 
		color: #454545;
	}
}