/* Fixes main grid on schedule inspection screen not scrolling on Safari(iOS) browsers . 
This query should only target Safari as this fix breaks scrolling functionality in Chrome and IE at tablet resolutions.
Source: http://stackoverflow.com/questions/16348489/is-there-a-css-hack-for-safari-only-not-chrome/
Query tested with: (https://browserstrangeness.bitbucket.io/css_hacks.html?#safari)
 */
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) and (max-width:1024px) { 
	@media {
		#s4-workspaceNew, #s4-workspace {
			overflow-x:hidden;
			height: 100%!important;
		}
	}
}
@media (max-width:1024px) {
.desktop-footer {
    display: none;
}
.mobile-footer {
        display: block;
}
.poweredBy {
    display:none;
}
    .table-responsive-force, table-responsive {
        width:100.2%;
    }
#s4-workspaceNew, #s4-workspace {
	overflow-x: hidden;
}
.ms-datepickerouter {
    z-index: 999;
}
.ms-dtinput a {
    position: absolute;
    right: -18px;
    top: 3px;
}
ul.cardType li {
    float: left;
    list-style-type: none;
    margin-right: -2px;
    padding: 0 15px;
}
.chooseJurisdistion {
    display: none;
    left: 50%;
    margin-left: -25%;
    position: absolute;
    top: 5% !important;
    width: 50%;
    z-index: 999999;
}
.licenseExpirationHeight {
    min-height: 290px;
}
#dvCaseReviews {
    margin-bottom: 84px !important;
}
#dvSupportRequests {
	margin-top: 0px !important;
}
#inspectionDetails {
    min-height: 36px;
}
.modalPopup.silverTrial {
    display: none;
    margin-left: -36% !important;
    width: 72% !important;
}
#divControlPanel {
	z-index:99;
	left:0;
}
#nav {
	z-index:9999;
}
#divControlPanel.fixed {
	left:0;
	position: fixed;
    top: 0;
}
.fixed {
	left:0;
	position: fixed;
    top: 0;
}
#s4-ribbonrow {
    z-index: 99999;
}
#cPanel {
    background: #6ebe44 none repeat scroll 0 0;
    border: 3px solid #000;
    border-radius: 6px 6px 0 0;
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: bold;
    height: 40px;
    top:188px;
    cursor:pointer;
    left: 36px;
    padding: 5px 10px;
    position: fixed;
    text-align: center;
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform-origin: left 0 0;
    -moz-transform-origin: left 0 0;
    -webkit-transform-origin: left 0 0;
	border-bottom:0;
    width: 138px;
}
.closeCpanel {
	color:#eee;
	cursor:pointer;
	position:absolute;
	right:10px;
	top:6px;
	display:block;	
}
#cPanel:hover {
	opacity:0.9;
}
#divControlPanel {
	margin-left:-260px;
}
.formButtons .btn {
    margin-left: 10px;
    margin-right: 10px;
}
.btn-choose {
	
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 110px;
    font-size:11px;
}
.logoFixed{
    left: 20px;
    position: fixed;
    top: 22px;
}
.rightNav {
    position: relative;
    right: 0px;
}
.leftSpace {
	margin-left:0 !important;
}
.hlkIbtsOnlineStyle {
    float: left;
    margin-left: 10px;
}	
.tab-content {
	margin-right:0;
	width:100%;
}
.group-border legend {
	width:auto;
}
.progress {
	width:45%;
}
.modalPopup {
	margin-left:-48.5%;
	width:97%;
}
.navLinks {
    width: 68%;
}
.rightTop {
    width: 32%;
}
.rightHeader {
    display: block;
    margin-left: 170px;
}
#suiteBar {
    display: table-row;
    height: 0;
}
.locationDetail img {
    max-width: 100%;
    width: 130px;
}
.permitApplication {
    margin-left: 0;
    width: 100%;
}
.more-pad {
    padding: 20px !important;
}
.myRecentPermit {
	width:auto !important;
}
ul.cardType li {
    float: left;
    list-style-type: none;
    margin-right: -2px;
    padding-right:14px;
}
.control-label {
    margin-left: 0 !important;
}
.control-label1 {
    margin-left: 0 !important;
}
.freeDemo {
    padding-left: 0;
}
.logoBar.fitcity-va {
	background-position:-220px 0;
}
.modalPopup.feeCalcPop {
    margin-left: -48% !important;
    width: 96% !important;
}
.slicknav_menu {
	display:block;
}
/*#manageDocsData {
    margin-left: -41% !important;
    width: 82% !important;
}*/
#divhiddenTableScroll {
    margin-bottom: 5px;
}
#divhiddenTableScroll table {
	margin-bottom: 10px !important;
}
#OktoissueCertificate {
    position: relative;
    top: -4px;
}
#OnlyIncludeOnce {
    position: relative;
    top: -2px;
}
#prDateGreater.confirmMessage {
    top: 44% !important;
}
}

@media (max-width:768px){
ul.cardType li {
    float: left;
    list-style-type: none;
    margin-right: -2px;
    padding: 0 5px;
}
ul.cardType li .cardImage img {
    display: block;
    height: 18px;
}
#permitJurisdction {
	margin-bottom:10px;
}
.chooseJurisdistion {
    display: none;
    left: 50%;
    margin-left: -30%;
    position: absolute;
    top: 5% !important;
    width: 60%;
    z-index: 999999;
}
.modalPopup.silverTrial {
    display: none;
    margin-left: -46% !important;
    width: 92% !important;
}
.panel-content {
	min-height:inherit;
}
.panel-content ul {
	min-height:inherit;
}
.panel-themed {
	height: auto !important;
	min-height: auto !important;
}
#newContentDetails {
	margin-top:0 !important;
}
#globalSearchDiv {
	margin-top:0 !important;
}
.followUpPermits {
	margin-top:0 !important;
}
#inspectionDetails {
	margin-top:0 !important;
}
#dvSupportRequests {
	margin-top:0 !important;
}
#dvCaseReviews {
	margin-top: 0px !important;
}
#nav > ul > li > a {
    height: 100%;
    padding: 10px 14px;
    text-align: center;
}
.permitApplication {
    width: 100%;
}
.jurisdictionType {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    left: 323px;
    position: absolute;
    top: 10px;
}

}

@media (max-width:767px){
#jurisdictionshow .control-label {
    margin-top: 10px;
    text-align: left;
}
.trailData {
    line-height: 1.6em;
}
.permitsummary {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-left: 0;
    margin-top: 0;
    padding-top: 10px;
}
.buttons .btn {
	margin-bottom:10px;
	margin-left:0 !important;
}

.btn-choose {
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 130px;
    margin-top:10px;
}

#nav li ul::after {
	display:none !important;
}
.chooseJurisdistion select {
	margin-bottom:15px;
}
.calculatorData, .locationDetail {
	text-align:center;	
	margin-bottom:10px;
}
#state, #divJurisdction {
    margin-bottom: 20px;
}

.logoMain a {
	margin-top:6px;
}
.logoMain > span {
	left:110px;
	top:0;
	display:none;
}
.table-responsive {
	border:none;
}
.arrow-circle {
    cursor: pointer;
    float: right;
    margin-left: -6px;
    margin-top: 10px;
}
.rightNav .nav > li {
	margin:0 2px;
}
#suiteBarButtons {
	float:right;
}
#magic-line {
	display:none !important;
}
.rightNav {
	margin-top:0;
}
#RegisterInfo .modalPopup .topHeader .popHeader {
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    margin-right: 0;
}
#RegisterInfo.modalPopup {
    background: #fff none repeat scroll 0 0 !important;
    border: 1px solid #6ebe44 !important;
    border-radius: 6px;
    display: none;
    left: 0;
    margin: 0 !important;
    position: relative;
    top: 0 !important;
    width: 99% !important;
    z-index: 1;
}
.multiselect {
    margin-top: 20px;
}
.learnMore {
    margin-top: 20px;
}
.closePop {
    margin-top: 10px;
}
ul.featureList {
	margin: 30px 0 0;
}
#useEvaluationSilver {
	font-size:14px !important;
}

#upgradeToGold {
	font-size:14px !important;
}

.panel-document {
	width:500px;;
	margin:0 auto;
}

.popContent {
    display: block;
    overflow: auto;
    padding: 0 10px;
}
.modalPopup .topHeader .popHeader {
	margin-right:20px;
}
.formButtons .btn {
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
}
.confirmMessage {
    background: #f7f7f7 none repeat scroll 0 0;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    box-shadow: 0 0 8px #444;
    display: none;
    left: 50%;  
    top: 50%;
    width: 280px;
    z-index: 100001;
}
#dvSupportRequests {
	margin-top:0 !important;
}
#newContentDetails {
	margin-top:0 !important;
}
#tblfeecalculator select {
	width:100% !important;
}
#tblfeecalculator .control-label {
    margin-left: 0 !important;
    text-align: left;
    width: 100%;
}
.tdLabel {
	text-align:left;
	width:100%;
}
.modalPopShadow {
	z-index:9998;
}
.modalPopup.RegisterPopup select {
	margin-bottom:20px;
}
.modalPopup.RegisterPopup {
    background: #fff none repeat scroll 0 0 !important;
    display: block;
    left: 0 !important;
    margin-left: 0 !important;
    position: relative !important;
    top: 0 !important;
    width: 100% !important;
}
#nav li ul::after {
	display:none !important;
}
.chooseJurisdistion select {
	margin-bottom:15px;
}
.calculatorData, .locationDetail {
	text-align:center;	
	margin-bottom:10px;
}
#state, #divJurisdction {
    margin-bottom: 20px;
}
.chooseJurisdistion {
    display: none;
    left: 50%;
    margin-left: -48%;
    position: absolute;
    top: 3%;
    width: 96%;
    z-index: 999999;
}
.logoMain a {
	margin-top:6px;
}
.logoMain > span {
	left:110px;
	top:0;
	display:none;
}
.table-responsive {
	border:none;
}
.arrow-circle {
    cursor: pointer;
    float: right;
    margin-left: -6px;
    margin-top: 10px;
}
.rightNav .nav > li {
	margin:0 2px;
}
#suiteBarButtons {
	float:right;
}
.footer p {
	margin:5px 0 !important;
	float:none !important;
	overflow:hidden;
	width:100%;
}
.footer .pull-left {
	float:none !important;
}
.footer {
	text-align:center;
	position:relative;
}
.poweredBy {
	float:none;
	margin-right:0;
    display:none;
}
.btn {
	min-width:5em;
}
#magic-line {
	display:none !important;
}
.rightNav {
	margin-top:0;
}
}

@media only screen and ( max-width: 62.5em ) /* 1000 */ {
#nav {
	width: 100%;
	position: relative;
	margin: 0;
}
}
 @media only screen and ( max-width: 40em ) /* 640 */ {
 html {
 font-size: 75%; /* 12 */
}
#nav {
	position: relative;
	top: auto;
	left: auto;
}
#nav li ul a {
    color: #999;
    padding: 5px;
}
#nav > a {
    background-color: #6ebe44;
    height: 3.325em;
    position: relative;
    text-align: left;
    text-indent: -9999px;
    width: 3.125em;
}
#nav > a:before, #nav > a:after {
	position: absolute;
	border: 2px solid #fff;
	top: 35%;
	left: 25%;
	right: 25%;
	content: '';
}
#nav > a:after {
	top: 60%;
}
#nav:not( :target ) > a:first-of-type, #nav:target > a:last-of-type {
	display: block;
}


/* first level */
#nav > ul {
    background: #383838 none repeat scroll 0 0;
    border-radius: 0 0 6px 6px;
    display: none;
    height: auto;
    left: 0;
    padding: 10px 0;
    position: absolute;
    right: 0;
    width: 280px !important;
}
 #nav:target > ul {
 display: block;
}
 #nav > ul > li {
 width: 100%;
 float: none;
}
 #nav > ul > li > a {
 height: auto;
 text-align: left;
 padding: 5px 10px; /* 20 (24) */
}
 #nav > ul > li:not( :last-child ) > a {
 border-right: none;
 border-bottom: none;
}

#nav li ul {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    display: none;
    padding: 5px;
    position: relative;
    top: 100%;
    width: 100% !important;
}

/* second level */

#nav li ul {
    padding: 5px 20px;
}
.infoBox .infoData p {
	text-align: left;
}
.infoBox .infoData p > span {
	display:inline;
}
.ms-core-deltaSuiteBarRight {
    margin-top: 0;
}
ul.cbCardType li .left {
    width: 100%;
    margin-left:10px;
}
ul.cbCardType {
	margin:0;
	padding:0;
}
ul.cbCardType li .right {
    float: left;
    margin-right: 0;
    width:100%;
}
ul.cbCardType li .right img {
    width: 34px;
}
.learnMore > h4 {
    font-size: 14px;
    margin-left: 0;
    margin-top: 10px;
}
.addOnPopup {
	width:96%;
	margin:15px 0 15px -48%;
	top:-80px;
}
ul.addOnList {
	margin:0;
}
.silverPackage {
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    margin: 20px 0;
    text-align: center;
}
.modalPopup {
    background-color: #f7f7f7 !important;
    border: 1px solid #ccc !important;
    margin-left: -48.5% !important;
    top: -90px !important;
    width: 97% !important;
    z-index: 9999 !important;
    left:50% !important;
}
.dataTables_filter input[type="search"]
{
	margin-bottom:10px;
}
.checkbox1-text
{
	text-align:left !important;
}
.bronzePackage {
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    margin: 20px 0;
    text-align: center;
}
#btnsubmitApplication,#btnApply,#updateApplication
{
	margin-bottom:10px;
}
#spellCheck
{
	margin-top:10px;
}
.divselectAll
{
	overflow:scroll;
}
.btn
{
	padding:6px 12px;
}

}