/*--*/
.tradeAlertBox {	
	visibility: hidden;
	position: fixed;
	z-index: 9998;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	/*display: table;
	background: rgba(0, 0, 0, 0.7);*/

    
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: flex-start;

}

	.tradeAlertBox .box {
        position:absolute;

        z-index:1;
		vertical-align: middle;
		/*display: table-cell;*/
        
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: 0;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
        transition-timing-function: ease-in-out;
	}

	.tradeAlertBox .alert {
		width: 320px;
		margin-left: auto;
		margin-right: auto;
		background-color: #FFF;
		border-radius: 2px;
		box-shadow: 0 2px 15px 0 rgba(13, 22, 35, 0.16);
	}

		.tradeAlertBox .alert .alert-title {
            
            width:100%;

			padding: 16px 0px;
			color: #0d1623;
			font-weight: 600;
			/*font-family: PingFangTC;*/
			font-size: 16px;

            display: inline-flex;
            align-items: center;
            position:relative;

		}
.tradeAlertBox .alert .alert-title .alert-title-icon {
    background: url("../../../Content/Images/Common/basic-done.svg") no-repeat center top #2e3a59;
    background-size: 100%;
    width:18px;
    height:18px;
    border-radius:10px;
    margin-right:16px;
    margin-left:20px;
    
}
.tradeAlertBox .alert .alert-title .error {
    background: url("../../../Content/Images/Common/menu-close-big.svg") no-repeat center top #c43826;
    background-size: 100%;    
}

.tradeAlertBox .alert .alert-title .alert-btn-cancel {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
                
    background: url("../../../Content/Images/Common/ic-ic-close-small.svg") no-repeat center top transparent;
    background-size: 24px 24px;

	/*font-family: PingFangTC;*/
	width: 24px;
	height: 24px;

    position:absolute;
    right:12px;

	cursor: pointer;
}

		.tradeAlertBox .alert .alert-content {
			/*border-top: solid 1px #e6ebf5;
			border-bottom: solid 1px #e6ebf5;*/
			padding: 0px;
			color: #3f5372;
			/*font-family: PingFangTC;*/
			font-size: 14px;
			letter-spacing: 0.4px;
			text-align: left;

			padding: 20px;
			padding-left: 40px;
			padding-top: 0px;
		}

		/*#tradeAlertBox .alert .alert-content {
			padding: 20px;
            padding-left:40px;
			padding-top:0px;
		}
        #tradeAlertBox .alert .alert-content ul {
            list-style:unset;
            margin:0px;
            margin-left:1em;
        }*/

	.tradeAlertOpen {
		visibility: visible !important;
	}
    .tradeAlertOpen .box {
		/*-webkit-transform:translateY(100);
        -moz-transform: translateY(80%);
        -ms-transform: translateY(80%);*/
        transform: translateY(30px);
        opacity: 1;
	}

    
/* Overlayer */
.tradeAlertMask {z-index:0;position:absolute;top:0px;left:0px;background:rgba(0,0,0,0.7);width:100%;height:100%}