/* Default CSS */
/* Generated by HTML Express - www.TumbliingDiceSoftware.com */

* {
    box-sizing: border-box;
}
	body{
    margin: 0;
    padding: 0;
    font-family: Calibri, Helvetica, sans-serif;
    background: #a1a1a1;
    color: #222;
	 padding-top: env(safe-area-inset-top);

		}
	
	.Title {
		font-size:1.4em; 
		color: #000000;
		border-bottom:thin solid #c0c0c0;
		font-weight: bold;
	}
	.zoneText {
		text-align:justify;
		font-family: Calibri;
	}
	.getBack {
		text-align:center;
		font-size:1.4em; 
		color: #777;
		border-top:thin solid #c0c0c0;	
		margin-top: 10px;	
	}
	.trust {
		border: thin solid #ffffff;
	    border-radius: 12px;
		padding: 0px 15px 5px 15px;
		text-align:justify;
		font-family: Calibri;
	   border-left: 4px solid #7E481C;
	}
	.database {
		font-size: 40pt;
		font-weight: bold;
		color: blue;
	}

	.custom-btn {
		padding: 4px 9px; /* Top/Bottom Left/Right */
		font-size: 14px;
	}
	.Item {
		padding: 7px 9px;
	}
	.itList {
		border-top: thin solid #c0c0c0;
		padding-bottom: 25px;
		padding-right: 15px;
		vertical-align:top;
		text-align: justify;
}
	.container {
	
		max-width: 860px;
		margin: 0 auto;
	    background: #ffffff;
		border: thin solid #000000;
	    border-radius: 12px;
		padding: 20px;
	    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
	    min-width: 0;
	}
	.page-wrap {
	    /*padding: 14px;*/
		padding: calc(14px + env(safe-area-inset-top)) 14px 14px 14px;
	}
	.flex-container {
		border-top: thin solid #ff0000;
		  display: flex; /* Lines up children horizontally */
		  flex-wrap: nowrap; /* Forces elements to strictly stay on one line */
		  margin-top: 10px;
	}

@media screen and (max-width: 700px) {
    body {
        font-size: .9rem;
    }

    .page-wrap {
        padding: 7px;
    }

    .container {
        width: 100%;
        max-width: 100%;
        padding: 16px;
        overflow-x: hidden;
    }
	.Title {
		font-size:1.0em; 
		color:#000000;
		font-weight:bold;
		border-bottom:thin solid #c0c0c0;
	}
	.getBack {
		border-top:thin solid #c0c0c0;
		text-align:center;
		font-size:1.0em; 
		color: #ff000;
		margin-top: 10px;		
	}
    #MyMenu,
    div[id="MyMenu"] {
        display: block !important;
        margin-left: -16px !important;
        margin-right: -16px !important;
        width: calc(100% + 32px) !important;
        max-width: none !important;
        overflow: hidden !important;
    }

    #MyMenu table {
        width: 100% !important;
    }

    .mn9902IconTD,
    .mn9902TitleTD,
    .mn9902ArrowTD {
        font-size: 9px !important;
    }

    .mn9902MainMenuItemTD,
    .mn9902MainMenuItemHoveredTD,
    .mn9902MainMenuItemSelectedTD {
        padding-left: 3px !important;
        padding-right: 3px !important;
    }

    .mn9902SubMenuItemTD,
    .mn9902SubMenuItemHoveredTD,
    .mn9902SubMenuItemSelectedTD {
        padding: 5px !important;
        padding-left: 6px !important;
    }

    .database {
        font-size: 18pt;
    }

    img#TZ {
        max-width: 70%;
        height: auto;
    }
}
	@media screen and (max-width: 680px) {
	    #MyMenu {
	        margin-left: -16px !important;
	        width: calc(100% + 32px) !important;
	        overflow: hidden !important;
			margin-top: 0 !important;
	    }
	    .container {
	        padding-top: 0;
	    }	
	}	
	/* end media*/