/***This contains the css for all the internal views*/
    .page-title{
        margin:130px 10px 10px 10px;
        font-style: italic;
    }

    .page-title .first-letter{
        color: orange;
        font-size: 40px;
        font-family: Arial, Helvetica, sans-serif;
    }

    .dash-overview{
        background-color: orange;
        margin: 10px;
        border-radius: 10px;
        border: 2px solid green;
        overflow-wrap: break-word;
    }

    .dash-overview .container .row .dash-content{
        background-color: black;
        padding: 10px;
        box-sizing: border-box;
        margin: 3px;
        border-radius: 9px;
        border-bottom-left-radius: 29px;
    }

    .dash-overview .container .row .dash-content .action-icon{
        position: relative;
        left: 80%;
        width: 25%;
    }
    .dash-overview .container .row .dash-content .action-icon a{
        color: skyblue;
    }

    .dash-overview .container .row .dash-content .action-icon a:hover{
        color:green;
    }

    .section-title{
        text-transform: uppercase;
        color: blueviolet;
        font-weight: 700;
        font-size: 15px;
        font-family: Georgia, 'Times New Roman', Times, serif;
    }

    .dash-grids-area{
        background-color: skyblue;
        height: auto;
        margin: 5px 2px 10% 2px;
        border-radius: 5px;
        border: 2px solid green;
        padding: 10px;
        overflow-x:scroll;
    }

    .dash-grids-area .grid-box{
        background-color: white;
        color: black;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        margin: 5px;
        padding: 10px;
        border: 5px double skyblue;
        text-align: center;
        border-radius: 50px;
    }

    .dash-grids-area .grid-box .grid-title{
        font-weight: bold;
        font-size: calc(100% + 5px);
        color: #061857;
    }

    .dash-grids-area .grid-box .grid-val{
        font-size: 20px;
        font-weight: bold;
        font-style: italic;
        color: green;
    }

    .dash-grids-area .grid-box img{
        width: 30%;
        max-height: 50px;
    }

    /**Forlsuper small phones**/
    @media screen and (max-width:351px) {
        .page-title{
            margin-top: 180px;
        }
    }

    /**This is the design style for the modal sheet **/
	.modalSheet{
		position: fixed;
		top: 0px;
		width: calc(100%);
        height: 1000px;
        overflow-y: visible;
		background: black;
        opacity: .95;
		color: skyblue;
		z-index: 9999999999999999999999!important;
		animation: toTopFromBottom .5s linear;
        display: none;
		padding: 20px;
	}
	
    /***This is the design for the deposit form*/
    #deposit-cryptos-box,#deposit-pm-box{
        display: none;
    }

	/*----floater start----*/
@-webkit-keyframes toTopFromBottom {
	49% {
		transform: translateY(100%);
	}
	50% {
		opacity: 0.5;
		transform: translateY(200%);
	}
	100% {
		opacity: 1;
	}
}
@-moz-keyframes toTopFromBottom {
	49% {
		transform: translateY(100%);
	}
	50% {
		opacity: 0.5;
		transform: translateY(200%);
	}
	100% {
		opacity: 1;
	}
}
@keyframes toTopFromBottom {
	49% {
		transform: translateY(100%);
	}
	50% {
		opacity: 0.5;
		transform: translateY(200%);
	}
	100% {
		opacity: 1;
	}
}