/* CSS Document */

input.ng-invalid {
	
}
input.ng-dirty {
	
}
input.ng-touched.ng-invalid  {
	border-color:#981D1F;
}
input.ng-valid {
	border-color:#AFAFAF;
}
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;	
}
.slideTip {
	width:550px; 
	right:-550px; 
	top:160px;	
}
.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
*/

.remove {
	background:#4B4B4B;
}
.remove:hover {
	background:#373737;
}

.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;
  height:32px;
}
.progressBar {
	width:460px;	
}
.progressBarPhone {
	width:90%;
}
.progressBarAM {
  border:1px solid #337ab7;
  border-radius:3px;
}
.progressBarPM {
  border:1px solid #960853;
  border-radius:3px;
}
.progressValueAM {
 	background-color:#337ab7;
}
.progressValuePM {
	background-color:#960853;
}

.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%;
}
.writeMes {
	background:#DCDCDC;
	color:rgba(59,59,59,1.00);
	text-decoration:none;
	cursor:pointer;	
}
.writeMes:hover {
	background:#D9EDC5;
	color:rgba(90,103,76,1.00);
	text-decoration:underline;
	transition:background linear 0.2s;
}
.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;
	}
}





.vert {
  -webkit-appearance: slider-vertical;
  height: 35vh; 
  padding:0px; 
  margin:0;
}
.vert:focus {
  outline: none;
}
.vert::-webkit-slider-runnable-track {
  width: 50px;
  height: 100%;
  cursor: pointer;
  background: #337ab7;
  border-radius: 25px;
}
.vert::-webkit-slider-thumb {
  height: 50px;
  width: 50px;
  border-radius: 25px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
}
.vert:focus::-webkit-slider-runnable-track {
  background:  #337ab7;
  border-radius: 25px;
}
.vert::-moz-range-track {
  width: 50px;
  height: 100%;
  cursor: pointer;
  background: #337ab7;
  border-radius: 25px;
}
.vert::-moz-range-thumb {
  height: 50px;
  width: 50px;
  border-radius: 25px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
}
.vert::-ms-track {
  width: 50px;
  height: 100%;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
.vert::-ms-fill-lower {
  background:#960853;
}
.vert::-ms-fill-upper {
  background: #337ab7;
}
.vert::-ms-thumb {
  height: 50px;
  width: 50px;
  border-radius: 25px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
}
.vert:focus::-ms-fill-lower {
  background: #960853;
}
.vert:focus::-ms-fill-upper {
  background: #337ab7;
}


.hori {
  -webkit-appearance: none;
  width: 256px; 
  padding:0px; 
  margin:0;
  border:0px; 
}
.hori:focus {
  outline: none;
}
.hori::-webkit-slider-runnable-track {
  width: 100%;
  height: 50px;
  cursor: pointer;
  background: #337ab7;
  border-radius: 25px;
}
.hori::-webkit-slider-thumb {
  height: 50px;
  width: 50px;
  border-radius: 25px;
  border:1px solid #337ab7;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
}
.hori:focus::-webkit-slider-runnable-track {
  background:  #337ab7;
  border-radius: 25px;
}
.hori::-moz-range-track {
  width: 100%;
  height: 50px;
  cursor: pointer;
  background: #337ab7;
  border-radius: 25px;
}
.hori::-moz-range-thumb {
  height: 50px;
  width: 50px;
  border-radius: 25px;
  background: #ffffff;
  cursor: pointer;
  border:1px solid #337ab7;
  -webkit-appearance: none;
}
.hori::-ms-track {
-webkit-appearance: none;
  width: 100%;
  height: 50px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
.hori::-ms-fill-lower {
  background:#960853;
}
.hori::-ms-fill-upper {
  background: #337ab7;
}
.hori::-ms-thumb {
  height: 50px;
  width: 50px;
  border-radius: 25px;
  background: #ffffff;
  cursor: pointer;
  border:1px solid #337ab7;
  -webkit-appearance: none;
}
.hori:focus::-ms-fill-lower {
  background: #960853;
}
.hori:focus::-ms-fill-upper {
  background: #337ab7;
}

.login {
	background:#8dc63f;
	padding:10px 15px 10px 15px;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	cursor:pointer;
}
.login:hover {
	background:#6ea425;
}
.landingContainer {
	background-image:url(/images/landing_bg.jpg);
	background-size:cover;
	background-position:center center;
	
}

.landingPoints {
	padding:20px;
}
.landingPoints li {
	font-size:16px;
	font-weight:bold;
	color:#424242;
	list-style-type: circle;
}
/*
input[type=range]:focus { 
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track { 
  height: 100%;
  width: 19px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 1px 1px 1px #50555C;
  background: #50555C;
  border-radius: 14px;
  border: 0px solid #000000;
}
input[type=range]:focus::-webkit-slider-runnable-track { 
  background: #50555C;
}
input[type=range]::-moz-range-track { 
  height: 100%; 
  width: 19px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 1px 1px 1px #50555C;
  background: #50555C;
  border-radius: 14px;
  border: 0px solid #000000;
}
input[type=range]::-ms-track {
  height: 100%;
  width: 19px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #50555C;
  border: 0px solid #000000;
  border-radius: 28px;
  box-shadow: 1px 1px 1px #50555C;
}
input[type=range]::-ms-fill-upper {
  background: #50555C;
  border: 0px solid #000000;
  border-radius: 28px;
  box-shadow: 1px 1px 1px #50555C;
}
input[type=range]:focus::-ms-fill-lower {
  background: #50555C;
}
input[type=range]:focus::-ms-fill-upper {
  background: #50555C;
}




input[type=range]::-ms-thumb {
    -webkit-appearance: none;
    border: none;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background: goldenrod;
    margin-top: -4px;
	margin-left:-20px;
}
input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background: goldenrod;
    margin-top: -4px;
	margin-left:-20px;
}
input[type=range]::-moz-range-thumb {
	-webkit-appearance: none;
    border: none;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background: goldenrod;
    margin-top: -4px;
	margin-left:-20px;
}
*/