@charset "UTF-8";
/* CSS Document */



.yesbtn{
	background-image: url(../img/medium/thumbsup.png) !important;
}
.nobtn, .thumbsdown{
	background-image: url(../img/medium/thumbsdown.png) !important;
}


.img_arrow_right,.img_arrow_right:hover{
	background-position: 30px;
    background-repeat: no-repeat;
	background-size: 30px;
	background-image: url(../img/medium/arrowright.png);
	opacity:.6;
}
.img_arrow_left, .img_arrow_left:hover {
	background-position: 30px;
    background-repeat: no-repeat;
	background-size: 30px;
	background-image: url(../img/medium/arrowleft.png);
	opacity:.6;
}
.img_solidarrow_left{
	background-position: 30px;
    background-repeat: no-repeat;
	background-size: 60px;
	background-image: url(../img/small/solid_leftarrow.png);
}

.img_addphrase{
	background-position: 30px;
    background-repeat: no-repeat;
	background-image: url(../img/small/keyboard2.png);
}

.img_speak{
	background-position: 30px;
	background-size: 55px;
    background-repeat: no-repeat;
	background-image: url(../img/medium/speak.png);
}


.img_tick{
	background-position: 30px;
	background-size: 55px;
    background-repeat: no-repeat;
	background-image: url(../img/medium/tick.png);
}


.img_thumbsup{
	background-position: 30px;
	background-size: 55px;
    background-repeat: no-repeat;
	background-color: #61bac3;
	background-image: url(../img/medium/thumbsup.png);
}
.img_thumbsdown{
	background-position: 30px;
	background-size: 55px;
    background-repeat: no-repeat;
	background-image: url(../img/medium/thumbsdown.png);
}


/* CLASSES FOR ICONS ON SETUP*/

.medium_bigtype,.medium_bigtype:hover {
	background-image: url(../img/medium/bigtype.png);
}
.medium_bigtype_selected,.medium_bigtype_selected:hover {
	background-image: url(../img/medium/bigtype_selected.png);
}


.medium_thumbsup,.medium_thumbsup_selected:hover {
  	background-image: url('../img/medium/thumbsup.png');
}
.medium_thumbsdown,.medium_thumbsdown_selected:hover {
  	background-image: url('../img/medium/thumbsdown.png');
}


.medium_ratethumbsup,.medium_ratethumbsup_selected:hover {
  	background-image: url('../img/medium/thumbsup.png');
	background-size:70%;
	background-repeat: no-repeat;
	background-position: 20px 0;
}
.medium_ratethumbsdown,.medium_ratethumbsdown_selected:hover {
  	background-image: url('../img/medium/thumbsdown.png');
	background-size:70%;
	background-repeat: no-repeat;
    background-position:20px 0;
}

.medium_pets,.medium_pets:hover {
	background-image: url(../img/medium/pet.png);
}

.tez_noimageBtn, .tez_noimageBtn:hover{
	background: #848383;
    border: solid 4px #8e8e8e;
}
.tez_backBtn{
	background-image:url("../img/arrowwhiteback.png") !important;
}
@media (max-width: 450px)  { 

}
@media (min-width: 451px) and (max-width: 768px) { 


}



/* iPhone 5 to 6+ and X ----------- */ 
@media only screen and (min-device-height: 319px) and (max-device-width: 823px) and (orientation : landscape) {

}

@media (min-width: 1024px) {

}


@media (min-width: 1200px)  { 

}


/* ipad landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
 {


}

/*iphone X portrait*/
@media only screen and (min-width : 551px) and (max-width : 600px)
{ 
	
	div.backingAddButton div.layout_cell.speakPrimaryBtn{
		padding-left:0 !important;
		text-align:center;
	}
	.board_icon{
		display:none;
	}
}

/*iphone X landscape*/
@media only screen and (min-device-width : 812px) and (max-device-height : 375px) and (orientation : landscape)
{ 


}

@media print {
    body {
        color: black; 
    }
}