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

body{
	font-size:14px;
	font-weight:400;
}
.speechcat {
    font-size: 18px;
}
.layout_cell, .yesbtn, .nobtn, .stylebtn, .menubtn, .backtobuilder, .typebtn, .tez_setup_btn {
    font-size: 18px;
}
.layout_cell.normalType.setupscreenbutton img.layout_icon{
	height:50px;
}
.shpctr {
	font-weight:700;
}
.street, .open, .shpctr {
	font-size:14px;
}

.speakBottomLabel {
    margin-top: 0;
}
.layout_icon {
    padding-top: 20px;
}

tr{
	height:50px;
}
input{
	font-size:18px;
}
h1.speakit{
	font-size:32px;
}
label,.nocriteriaselected {
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; 
}

.nocriteriaselected{
	font-weight:500;
}
select{
	height: 40px;
    width: 75%;
	font-size: 16px;
	-moz-box-sizing: content-box;
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
	-webkit-appearance: menulist-button;
}
option{
	height:30px;
}


.bizListHeading{
	font-size: 22px;
    font-weight: 700;
	text-transform: capitalize;
}

.arrowlineRight {
    width: 20px;
    margin-left: 9px;
    position: relative;
    top: 12px;
    float: left;
}
.arrow-right {
    width: 0;
    height: 0;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    font-size: 0;
    line-height: 0;
    margin-left: 28px;
    margin-top: 7px;
}

.arrow-left {
    width: 0;
    height: 0;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    border-right: 10px solid #fff;
    font-size: 0;
    float: left;
    line-height: 0;
    margin-top: 4px;
    opacity: .7;
}
.arrowline {
    border-top: solid 10px #fff;
    width: 20px;
    margin-left: 9px;
    position: relative;
    top: 9px;
    opacity: .7;
}
.arrow-leftDark {
	width: 0;
    height: 0;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    font-size: 0;
    float: left;
    line-height: 0;
    margin-top: 4px;
	opacity:.8;
}

.arrowlineDark{
    width: 20px;
    margin-left: 9px;
    position: relative;
    top: 9px;
	opacity:.7;
}
.dfi_medType
{
	font-size:13px;
}
.dfi_largeType {
	font-size:16px;
}

.bizOption, .bizOptionSelected {
    font-size: 20px;
}

.bizHeading{
	font-size:24px;
}

.bizHeadingMargins{
	margin-left:90px;
	margin-top:50px;
}
.bizAddress,.bizNameAddress{
    margin-bottom: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.bizNamePlaceholder{
	font-size:32px;
	font-weight:800;
	text-transform: capitalize;
}

.mainbizHead{
	font-size: 36px;
    font-weight: 800;
    margin-top: 25px;
}

.supportheading{
	font-size: 24px;
}

.lastupdate{
	font-size:11px;
}

.menuIcon{
	font-size:11px;
}
h1 
{
	font-size:32px;
	font-weight:bold;
}

h2
{
	font-size:24px;
}

h3
{
	font-size:18px;
}

.navBtn {
	font-size:14px;
}


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    font-size:14px;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-size:14px;
}

::-ms-input-placeholder { /* Microsoft Edge */
    font-size:14px;
}

.menuOption, .menuOptionSelected {
    padding-top: 20px;
    padding-bottom: 20px;
}

.dfi_iconback, .dfi_searchicon{
	width:30px;
	width: 25px;
    height: 25px;
    margin-right: 10px;
    padding: 5px;
    float: left;
}



input[type="checkbox"] + label span {
    display: inline-block;
    width: 35px;
    height: 35px;
    margin-right: 20px;
    margin-left: -10px;
    cursor: pointer;
    border: solid 1px #000;
    float: left;
}

label{
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; 
	
}


input[type="checkbox"]:checked + label span {
	background-size: 30px 30px;
}



.protector{
	padding:10px 20px 10px 20px;	
	cursor:pointer;
	float:left;
}


.footer{
	font-size:12px;
}

.setupBtn, .btn, .backBtn
{
    font-size: 14px;
}


.normalType{
	font-size: 18px;
}



/* Landscape phones and down */
@media (max-width: 480px) { 
	
	body, .bizAddress,.bizNameAddress {
		font-size:16px;
	}

	.menuIcon {
    	font-size: 11px;
		margin-top: 5px;
	}
	
	ul li.menuOption, .menuOptionSelected {
		list-style: none;
		font-size: 18px;
	}

	
	label, .nocriteriaselected {
    	font-size: 18px;
	}

	
	.bizHeading{
		font-size:24px;
	}
	

	#setupContainer, #dfi_learn {
		min-width: 100%;
		max-width:100%;
	}


	.dfi_iconback, .dfi_searchicon{
		margin-left: 10px;
	}

	.nophone{
		display:none;
	}

}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 

	body, .bizAddress,.bizNameAddress {
		font-size:18px;
	}


}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 

	body, .bizAddress,.bizNameAddress {
		font-size:18px;
	}



	.mainbizHead {
		font-size: 24px;
		margin-top: 25px;
		font-weight: 800;
	}
}


/* Portrait tablet to landscape and desktop */
@media (min-width: 768px){ 

	.setupBtn, .btn, .backBtn
	{
		font-size: 18px;
	}
	
	
	.normalType{
		font-size: 18px;
	}



	::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
		font-size:18px;
	}

	:-ms-input-placeholder { /* Internet Explorer 10-11 */
		font-size:18px;
	}

	::-ms-input-placeholder { /* Microsoft Edge */
		font-size:18px;
	}

}


/* landscape  iPad*/
@media only screen and (min-device-width: 1024px) and (max-device-height: 768px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: landscape)  {
	
	body, .bizAddress,.bizNameAddress {
		font-size:18px;
	}
	

	.menuOption, .menuOptionSelected 
	{
		padding-top: 25px;
		padding-bottom: 25px;
	}
	

}

/* landscape  iPad*/
@media only screen and (min-device-width: 768px) and (max-device-height: 1024px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: landscape)  {
	
	body, .bizAddress,.bizNameAddress {
		font-size:18px;
	}
	

	.menuOption, .menuOptionSelected 
	{
		padding-top: 25px;
		padding-bottom: 25px;
	}	
	

	
}


/* Landscape ipad Pro*/

@media only screen and (min-device-width: 1366px) and (max-device-height: 1024px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: landscape)  {

	body, .bizAddress,.bizNameAddress {
		font-size:20px;
	}
	
	
	.menuOption, .menuOptionSelected 
	{
		padding-top: 25px;
		padding-bottom: 25px;
	}	

}

/* Portrait ipad Pro*/
@media only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait)  {

	body, .bizAddress,.bizNameAddress {
		font-size:20px;
	}
	
	
	.menuOption, .menuOptionSelected {
		padding-top: 25px;
		padding-bottom: 25px;
	}	
	

}



/* Large desktop */
@media (min-width: 1200px) { 
	
	body, .bizAddress,.bizNameAddress {
		font-size:18px;
	}
	
	
	input,label{
		font-size:24px;
	}

	select{
		height: 40px;
		margin-top: 2%;
		font-size: 24px;
		-moz-box-sizing: content-box;
		-webkit-box-sizing:content-box;
		box-sizing:content-box;
		-webkit-appearance: menulist-button;
	}
	option{
		height:30px;
	}


	.bizHeading{
		font-size:32px;
	}



	h1 
	{
		font-size:42px;
		font-weight:bold;
	}

	h2
	{
		font-size:32px;
	}

	h3
	{
		font-size:24px;
	}


	::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
		font-size:20px;
	}

	:-ms-input-placeholder { /* Internet Explorer 10-11 */
		font-size:20px;
	}

	::-ms-input-placeholder { /* Microsoft Edge */
		font-size:20px;
	}
	.menuOption, .menuOptionSelected, .checkboxRow
	{
		padding-top: 25px;
		padding-bottom: 25px;
	}	
	
	.dfi_iconback{
		width: 30px;
    	height: 30px;
		margin-left: 10px;
		float:left;
	}

	input[type="checkbox"] + label span {
		display:inline-block;
		width:40px;
		height:40px;
		margin-right:20px;
		cursor:pointer;
		float:left;
	}

	label{
		line-height:40px;
	}

	input[type="checkbox"]:checked + label span {
		background-size: 40px 40px;
	}

	.protector{
		padding:10px 20px 10px 20px;	
		cursor: pointer;
	}

	.footer{
		font-size:16px;
	}	

}

/*LANDSCAPE */
@media (max-height: 600px) and (orientation : landscape)  { 
	.layout_cell.normalType {
    	height: 140px !important;
		padding-top:0;
	}
	
}



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