body {
			-webkit-tap-highlight-color: transparent;
			-webkit-font-smoothing: antialiased;
			font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
			margin: 0;
			padding: 0;
			background-color: #eaeff1;
		}

		.root-container {
			width:100%;
			display: flex;
			justify-content: center;
		}
		
		.center-container {
			margin-top: 40px; /* 75px; */
			min-width: 450px;
			max-width: 600px;	
		}
		
		.header-container {
			text-align: center;
		}

		.content-container {
			margin-top: 30px;
			padding: 34px 47px 17px 47px;
			background-color: #ffffff;
			border-radius: 7px;
		}

		.file-title {
			font-size: 22px;
			font-weight: bold;
			color: #000000;
			text-align: center;
		}

		.file-title-secondary {
			font-size: 11px;
			color: #b8b8b8;
			text-align: center;
		}
		
		.close-window {
			font-size: 11px;
			color: #b8b8b8;
			text-align: center;
			margin-top: 11px;
		}

		.property-list {
			margin-top: 40px;
			font-size: 12px;
		}

		.property-item {
			margin-top: 21px;
		}

		.property-title {
			display: block;
			color: #969696;
		}

		.property-value {
			display: block;
			color: #333333;
			font-weight: 500;
		}

		.actions-container {
			margin-top: 20px;
			margin-bottom: 20px;
		}

		.actions-line {
			height: 1px;
			border-width: 0;
			color: #f0f0f0;
			background-color: #f0f0f0;
			margin: 0 50px;
		}

		.actions-title {
			margin-top: 11px;
			color: #305aa2;
			text-align: center;
			font-size: 13px;
		}

		.action-buttons {
			display: flex;
			justify-content: space-between;
			margin-top: 13px;
		}

		.action-buttons-2 {
			margin-top: 9px;
    			text-align: center;
		}

		.action-button {
			color: #305aa2;
			background: none;
			border: solid 1px #305aa2;
			width: 140px;
			padding: 4px 10px 5px 10px;
			font-size: 13px;
			border-radius: 8px;
			cursor: pointer;
			font-weight: 500;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			text-decoration: none;
			text-align: center;
			margin: 0 5px;			
		}

		.action-button:hover {
			color: #ffffff;
			background: #305aa2;
		}

		.action-button-yellow {
			color: #eba224;
			background: none;
			border: solid 1px #eba224;
			display: inline-block;
		}

		.action-button-yellow:hover {
			color: #ffffff;
			background: #eba224;
		}

		.footer-container {
			margin: 7px 13px;
			font-size: 11px;
		}
		
		.footer-content-left {
			text-align: left;
			float: left;
		}

		.footer-content-right {
			text-align: right;
			float: right;
		}

		.footer-text {
			color: #b8b8b8;
		}

		.footer-link {
			color: #7297d7;
			text-decoration: none;
		}

		.footer-link:hover {
			color: #305aa2;
		}
		
		.help-gif {
			max-width: 510px;
		}

		.open-warning{			
			font-size: 10px;
			color: gray;
			background-color: #f1f1f1;
			padding: 3px 10px;
		}
		.open-warning a{
			text-decoration: underline;
			cursor: pointer;
		}
		
		.open-warning a.open-warning-help {
			position:relative;
			color: gray;
		}
			
			.open-warning a.open-warning-help span {
				position:absolute;
				top: -220px;/* 13px; */
				/*left:0px;*/
				color: gray;
				display:none;
				border: 1px solid silver;
				background-color: white;
				padding: 0 10px 0 10px;
			}
			
			.open-warning a.open-warning-help span p {
				color: gray!important;
			}
			
			.open-warning a.open-warning-help:hover span {
				display:block;
			}
		
		@media only screen and (max-width: 600px) {
            .center-container {
                margin-top: 40px;
                max-width: 400px;
            }

            .content-container {
                padding: 34px 25px 17px 25px;
            }

            .action-buttons {
                flex-direction: column;
                align-items: center;
                margin-top: 4px;
            }

            .action-button {
                font-size: 12px;
                margin-top: 9px;
            }

            .action-buttons-2 {
                margin-top: 0px;
            }

            .footer-content-left {
                float: none;
            }

            .footer-content-right {
                float: none;
                text-align: left;
                margin-top: 3px;
            }
			
		.help-gif {
				max-width: 390px;
			}
}

.spinner-container{
	padding: 50px 0 60px 0;
    text-align: center;
}
	.spinner-container .progress-spinner{
		margin-top:9px;
	}

	.spinner-container .progress-spinner::before{
		animation: 1s linear infinite spinner;
		animation-play-state: inherit;
		border: solid 2px #ffffff;
		border-bottom-color: #1E6EA6;
		border-radius: 50%;
		content: "";
		height: 30px;
		width: 30px;
		position: absolute;
		transform: translate3d(-50%,-50%,0);
		will-change: transform;
	}

	@keyframes spinner{
		0%{
			transform:translate3d(-50%,-50%,0)rotate(0deg);
		}
		100%{
			transform:translate3d(-50%,-50%,0)rotate(360deg);
		}
	}

#openWarning{
	text-align:center; 
	/*max-width:600px;*/
}

#openWarning .openWarning{
	border:1px solid gray; 
	margin: 20px 0;
}

#openWarning .file-title{
	padding-bottom: 20px;
}