input::placeholder,
select::placeholder,
.form-control::placeholder,
.FilterParam::placeholder
{
    color:		#8898aa;
    opacity:	1;
}

.disabled
{	pointer-events: none;	}

.btn-generate-key, 
.btn-copy-wallet
{	padding: 12px;	}

.errorlist,
.text-error
{
    margin:		0px;
    padding:	0px;
    color:		red;
    font-size:	12px;
    list-style:	none;
}

.form-control-custom
{	margin: 10px;	}

.alert-danger
{
    background-color:	#f2dede;
    border-color:		#ebccd1;
    color:				#b94a48;
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

tr:hover {
    background-color: #dce0f8;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #fff;
    background-color: #0C101B !important;
}


.text-blue {
    color: #0C101B !important;
}

.bg-primary {
    background-color: #0C101B !important;
}

.beta-text
{
    margin-left:	5px;
    font-size:		13px;
}

.beta-text-title
{
    color:		black;
    font-size:	21px
}

.img-logo{
    width: 80%;
}

.navbar-vertical .navbar-brand-img, .navbar-vertical .navbar-brand > img {
    max-width: 100% !important; 
    max-height: none !important;
}

.bg-gradient-primary {
    background: linear-gradient(87deg, #EDEDED 0, #EDEDED 100%) !important;
}

.bg-default {
    background-color: #0C101B !important;
}

.fill-default {
    fill: #0C101B;
}


.btn-primary {
    color: #fff;
    background-color: #0C101B;
    border-color: #0C101B;
    box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);
}

.btn-primary:hover {
    color: #fff;
    background-color: #0C101B;
    border-color: #0C101B;
}

mat-dialog-container
{
    height:		85vh !important;
    position:	fixed !important;
    top:		7.5vh !important;
    left:		unset !important;
}

st-load-files,
st-load-files > * .overflow
{	width: 100%;	}	

#AccountDestinationTable,
#AccountOriginTable,
#RampRequestTable,
#DetailsTable
{	margin-top: 10px;	}

#AddFile
{	overflow-y: hidden;	}
    #AddFile > * app-load-files > div,
    #AddFile > * app-load-files > div > div
    {	padding: 0px;	}
        #AddFile > * app-load-files > div > div
        {	display: flex;	}
    #AddFile > * file-upload-queue > * .sm-file
    {
        height:				35px;
        margin:				0px;
        background-color:	#525f7f;
    }
        #AddFile > * file-upload-queue > * .sm-file > * .file-summary
        {
            padding:	0px;
            margin:		auto 10px;
        }
    #AddFile > * .icon-remove
    {
        height:				35px;
        width:				35px;
        margin:				0px;
        margin-left:		5px;
        padding:			0px;
        display:			flex;
        border-radius:		0px 5px 5px 0px;
        background-color:	white;
        color:				#525f7f;
    }
    #AddFile > * .icon-remove > mat-icon
    {	margin: auto;	}
    #AddFile > * .sm-container-file
    {
        height:				35px;
        min-width:			100%;
        display:			flex;
        background-color:	white;
        color:				#525f7f !important;
    }
        #AddFile > * .sm-container-file> label
        {
            height:		100%;
            display:	flex;
        }
            #AddFile > * .sm-container-file> label > span
            {
                margin:		auto;
                font-size:	20px;
            }
    #AddFile > * .sm-file-text
    {
        min-width:			calc(100% - 40px);
        border-radius:		5px 0px 0px 5px;
        background-color:	white;
        color:				#525f7f;
    }
    #AddFile > * .sm-height > .overflow
    {	width: 100%;	}

#Breadcrumb
{
    margin-top:		20px;
    margin-left:	20px;
    font-size:		15px;
}

#ClientList
{	margin-top: 80px;	}

#ComplianceComments
{
    height:		200px;
    padding:	10px;
}

#ComplianceInfo
{
    display:				grid;
    grid-template-columns:	1fr 20%;
    grid-template-rows:		1fr 1fr 1fr 1.5fr;
}
    #ComplianceInfo.ComplianceInfo-Red
    {	grid-template-rows:	 1fr 1fr 1fr;	}

    #ComplianceInfo > * label
    {	margin-bottom: 0px;	}

    #ComplianceInfo > .Date
    {
        width:			fit-content;
        margin:			auto 10px auto auto;
        grid-column:	2/3;
        grid-row:		1/3;
        text-align:		end;
    }

    #ComplianceInfo > .Score
    {
        margin:			5px 10px;
        grid-column:	1/2;
        grid-row:		3/4;
    }

    #ComplianceInfo > .Segment
    {
        margin:			5px 10px;
        grid-column:	1/2;
        grid-row:		2/3;
    }

    #ComplianceInfo > .Status
    {
        margin:			5px 10px;
        grid-column:	1/2;
        grid-row:		1/2;
    }

#div_id_DateMin,
#div_id_DateMax
{	width: 250px;	}

#div_id_DateMin > .input-group-append,
#div_id_DateMax > .input-group-append
{	height: 30px;	}

#div_FieldInput_constitutionDate
{	display: none;	}

#FiatBox
{
    margin-bottom:		0.5rem;
    background-color:	white;
}

#Loader,
.Loader
{
    height:		80px;
    width:		80px;
    margin:		50px auto;
    display:	inline-block;
}
    #Loader:after,
    .Loader:after
    {
        content:		" ";
        display:		block;
        width:			64px;
        height:			64px;
        margin:			8px;
        border-radius:	50%;
        border:			6px solid #525f7f;
        border-color:	#525f7f transparent #525f7f transparent;
        animation:		spin 1.2s linear infinite;
    }
    @keyframes
    spin
    {
        0%		{	transform: rotate(0deg);	}
        100%	{	transform: rotate(360deg);	}
    }

#LoaderMedium
{
    height:		80px;
    width:		80px;
    margin:		0px auto;
    display:	inline-block;
}
    #LoaderMedium:after
    {
        content:		" ";
        display:		block;
        width:			64px;
        height:			64px;
        margin:			8px;
        border-radius:	50%;
        border:			6px solid #525f7f;
        border-color:	#525f7f transparent #525f7f transparent;
        animation:		spin 1.2s linear infinite;
    }
    @keyframes
    spin
    {
        0%		{	transform: rotate(0deg);	}
        100%	{	transform: rotate(360deg);	}
    }

#ManagementModal > .modal-dialog
{	max-width: 800px;	}

#map-default
{	height: 600px;	}

#ModalContentRelationsExist
{
    padding:		2.5rem 1.5rem;
    display:		flex;
    flex-direction:	column;
    align-items:	center;
}
#ModalContentRelationsExist > label
{
    color:			#444f6a;
    font-size:		x-large;
    font-weight:	bold;
}

#ModalContentRelationsNew > form
{
    width:		100%;
    display:	flex;
    flex-wrap:	wrap;  
}

#NewContactDataSelector,
#NewFileSelector,
#NewRelationSelector
{	background-color: black;	}

#NewCommentArea
{
    margin-top:		20px;
    padding:		20px;
    flex-direction:	column;
}
    #NewCommentArea > button
    {
        width:		100%;
        margin-top:	20px;
    }
    #NewCommentArea > #Input-NewComment
    {
        height:			100px;
        width:			100%;
        padding:		5px 10px;
        border:			none;
        border-radius:	5px;
    }
    #NewCommentArea > .NewProcess-Area
    {
        display:			flex;
    }
        #NewCommentArea > .NewProcess-Area > .NewProcess-Input
        {
            width:				50%;
            display:			flex;
            align-items:		center;
            justify-content:	space-around;
        }
            #NewCommentArea > .NewProcess-Area > .NewProcess-Input > input,
            #NewCommentArea > .NewProcess-Area > .NewProcess-Input > select
            {
                width:			70%;
                padding:		0px 10px;
                border:			none;
                height:			min-content;
                min-height:		35px;
                margin:			5px;
                border-radius:	5px;
            }
            #NewCommentArea > .NewProcess-Area > .NewProcess-Input > label
            {
                height: 		fit-content;
                margin-bottom:	0px;
            }
    #NewCommentArea > .Title
    {
        margin-bottom:	15px;
        font-size:		large;
        font-weight:	bold;
    }

#NewFileSelector
{
    height:			45px;
    border-radius:	5px;
    color:			white;
}

#NewRelationFormButtonLoader > div
{	display: flex !important;	}

#Paginator
{
    margin-top:	15px;
    display:	flex;
}

#RelationsModalDocumentArea,
#FileModalArea
{	padding: 5% 15%;	}
    #RelationsModalDocumentArea > div
    {	justify-content: space-between;	}
        #RelationsModalDocumentArea > div > label
        {	width: 30%;	}
        #RelationsModalDocumentArea > div > input,
        #RelationsModalDocumentArea > div > select
        {
            width:		60%;
            padding:	10px;
        }

#RulesArea
{
    display:			none;
    flex-direction:		column;
    align-items:		center;
}

#SaveButtonLoader
{
    max-width:	fit-content;
    margin:		auto;
}


#ToastError,
#ToastInfo,
#ToastSuccess
{
    margin-top:			10px;
    padding:			10px 20px;
    position:			fixed;
    right:				-1px;
    z-index:			1300;
    border-radius:		10px 0px 0px 10px;
    background-color:	rgb(150, 220, 50);
    color:				white;
}

#ToastError
{	background-color: crimson;	}

#ToastInfo
{	background-color: lightgray;	}

#ToastSuccess
{	background-color: rgb(150, 220, 50);	}

#ToastMessageMessage
{
    width:				auto;
    margin-left:		-20px;
    position:			absolute;
    top:				5rem;
    z-index:			10;
    border-radius:		0px 10px 10px 0px;
    background-color:	crimson;
    color:				white;
}

.AddInfoLabel
{	margin: 13px 0px;	}

.AnimateTop
{
    position:					relative;
    animation-name:				TopAnimation;
    animation-duration:			2s;
    -webkit-animation-name:		TopAnimation;
    -webkit-animation-duration:	2s;
}
    @keyframes
    TopAnimation
    {
        from	{	top: -500px;	opacity: 0	}
        to		{	top: 0;			opacity: 1	}
    }
    @-webkit-keyframes
    TopAnimation
    {
        from	{	top: -500px;	opacity: 0	} 
        to		{	top: 0px;		opacity: 1	}
    }

.AnimateTopCancel
{
    position:					relative;
    z-index:					2;
    animation-name:				TopAnimationInv;
    animation-duration:			2s;
    -webkit-animation-name:		TopAnimationInv;
    -webkit-animation-duration:	2s;
}
    @keyframes
    TopAnimationInv
    {
        from	{	top: 500px;		opacity: 1	}
        to		{	top: 0px;		opacity: 1	}
    }
    @-webkit-keyframes
    TopAnimationInv
    {
        from	{	top: 500px;		opacity: 1	} 
        to		{	top: 0px;		opacity: 1	}
    }

.Background
{	background-color: inherit;	}
    .BG-Yellow
    {	background-color: yellow;	}

.CardStyleDisabled
{
    box-shadow:			none;
    background-color:	transparent;
}

.ClientData
{	margin: 20px;	}
    .ClientData > * .CommentList-Element
    {
        margin-bottom:		5px;
        padding:			5px 10px;
        border-radius:		5px;
        background-color:	#525f7f;
        color:				white;
    }
        .ClientData > * .CommentList-Element.Old
        {	background-color: #7e879d !important;	}

    .ClientData > * .List-BankAccount,
    .ClientData > * .List-Relations-Element,
    .ClientData > * .List-Wallets,
    .ClientData > * .ui-accordion-header,
    #List-Accounts
    {
        margin-bottom:			5px;
        border-radius:			5px;
        background-color:		#525f7f;
        color:					white;
    }

    .ClientData > * .List-BankAccount {
        border-bottom: 2px solid white;
    }

    .ClientData > * .ui-accordion-header {
        cursor: pointer;
    }

    .ClientData > * .ui-accordion-header:hover {
        background-color: #0000001c;
    }

    .ClientData > * .List-BankAccount-Element,
    .ClientData > * .List-Wallets-Element
    {	padding: 0px 5px;	}
        .ClientData > * .List-BankAccount-Element > label,
        .ClientData > * .List-Wallets-Element > label
        {	margin-bottom: 0px;	}
            .ClientData > * .List-BankAccount-Element.Category
            {
                grid-column:	5/6;
                grid-row:		2/3;
            }

            .ClientData > * .List-BankAccount-Element.Bank
            {
                grid-column:	3/6;
                grid-row:		1/2;
            }

            .ClientData > * .List-BankAccount-Certificate
            {
                margin-top:				5px;
                grid-column:			1/6;
                grid-row:				3/4;
            }

            .ClientData > * .List-BankAccount-Extracts
            {
                display:				grid;
                grid-template-columns:	1fr;
                grid-template-rows:		repeat(3, min-content);
                grid-column:			1/5;
                grid-row:				4/5;
            }
                .ClientData > * .List-BankAccount-Certificate > .CertificateFile,
                .ClientData > * .List-BankAccount-Extracts > .ExtractFile
                {
                    height:				min-content;
                    width:				unset;
                    min-height:			35px;
                    margin:				5px;
                    display:			flex;
                    flex-wrap:			nowrap;
                    align-items:		center;
                    grid-row:			2/3;
                    border-radius:		5px;
                    background-color:	white;
                    color:				black;
                }
                    .ClientData > * .List-BankAccount-Certificate > .CertificateFile > label,
                    .ClientData > * .List-BankAccount-Extracts > .ExtractFile > label
                    {
                        margin-bottom:	0px;
                        overflow:		hidden;
                        text-overflow:	ellipsis;
                        white-space:	nowrap;
                    }

                .ClientData > * .List-BankAccount-Extracts > .CertificateLabel,
                .ClientData > * .List-BankAccount-Extracts > .ExtractLabel
                {	grid-row: 1/2;	}

            .ClientData > * .List-BankAccount-Element.Holder,
            .ClientData > * .List-Wallets-Element.Custodian
            {
                grid-column:	1/3;
                grid-row:		1/2;
            }

            .ClientData > * .List-BankAccount-Element.Number
            {
                grid-column:	1/3;
                grid-row:		2/3;
            }

            .ClientData > * .List-BankAccount-Element.Status
            {
                grid-column:	3/4;
                grid-row:		2/3;
            }

            .ClientData > * .List-BankAccount-Element.Type,
            .ClientData > * .List-Wallets-Element.Status
            {
                grid-column:	4/5;
                grid-row:		2/3;
            }

            .ClientData > * .List-Wallets-Element.Token
            {
                grid-column:	3/5;
                grid-row:		1/2;
            }

            .ClientData > * .List-Wallets-Element.Network
            {
                grid-column:	5/5;
                grid-row:		1/2;
            }

            .ClientData > * .List-Wallets-Element.Wallet
            {
                grid-column:	1/3;
                grid-row:		2/3;
            }

            .ClientData > * .List-Wallets-Element.Type
            {
                grid-column:	3/4;
                grid-row:		2/3;
            }

            .ClientData > * .List-BankAccount-Element > .ElementBody,
            .ClientData > * .List-Wallets-Element > .ElementBody
            {	margin-left: 20px;	}

    .ClientData > * .List-BankAccount-Info
    {
        display:				grid;
        grid-template-columns:	repeat(5, 1fr);
        grid-template-rows:		repeat(4, min-content);
    }

    .ClientData > * .List-BankAccount-Title,
    .ClientData > * .List-Wallet-Title
    {
        display:			flex;
        justify-content:	space-between;
    }

    .ClientData > * .List-Wallets-Info
    {
        display:				grid;
        grid-template-columns:	repeat(4, 1fr);
        grid-template-rows:		repeat(2, 1fr);
    }

    .ClientData > * .List-Relations-Element > .Child
    {
        display:			flex;
        justify-content:	space-between;
    }
        .ClientData > * .List-Relations-Element > .Child > * .ButtonEmpty
        {
            height:		42px;
            width:		40px;
        }
        .ClientData > * .List-Relations-Element > .Child > .ChildName
        {
            display:		flex;
            flex-direction:	column;
        }
            .ClientData > * .List-Relations-Element > .Child > .ChildName > label
            {	margin-bottom: 0px;	}
        .ClientData > * .List-Relations-Element > .Child > * .ChildType
        {	margin: auto 10px auto 0px;	}
    .ClientData > * .List-Element
    {
        margin-bottom:		5px;
        display:			flex;
        justify-content:	space-between;
        border-radius:		5px;
        background-color:	#525f7f;
        color:				white;
    }
        .ClientData > * .List-Element.Disabled
        {
            display:			none;
            background-color:	#7e879d;
        }
    .ClientData > * .List-ElementBody
    {
        height:				min-content;
        width:				calc(60% - 65px);
        min-height:			35px;
        margin:				5px;
        display:			flex;
        flex-wrap:			wrap;
        align-items:		center;
        overflow-y:			auto;
        border-radius:		5px;
        background-color:	white;
        color:				black;
    }
        .ClientData > * .List-ElementBody > input
        {
            width:		100%;
            padding:	0px 10px;
            border:		none;
        }
        .ClientData > * .List-ElementBody > label,
        .ClientData > * .List-ElementBody > * label,
        .ClientData > * .List-ElementHead > label
        {	margin: 0px 10px;	}
        .ClientData > * .List-ElementBody > * .SubItemArea
        {
            width:			100%;
            margin:			0px 5px;
            display:		flex;
            flex-direction:	column;
            border-bottom:	2px dotted #525f7f;
        }
            .ClientData > * .List-ElementBody > * .SubItemArea:last-child
            {	border-bottom: none;	}
            .ClientData > * .List-ElementBody > .SubItemArea.discontent
            {	display: contents;	}
        .ClientData > * .List-ElementBody.Item
        {	width: unset;	}
        .ClientData > * .List-ElementBody.ItemSpecial
        {
            width:			100%;
            display:		flex;
            box-sizing:		border-box;
        }
        .ClientData > * .List-ElementEdit
        {
            width:					60px;
            height:					36px;
            margin:					auto 5px auto 0px;
            padding:				3px 0px;
            display:				grid;
            grid-template-columns:	30px 30px;
            grid-auto-rows:			30px;
        }
            .ClientData > * .List-ElementEdit > .Cancel,
            .ClientData > * .List-ElementEdit > .Edit,
            .ClientData > * .List-ElementEdit > .Save
            {
                display:	flex;
                grid-row:	1/2;
                font-size:	18px;
            }

            .ClientData > * .List-ElementEdit > .Save
            {
                grid-column:	1/2;
                border:			none;
                background:		none;
                color:			#2dce89;
            }

            .ClientData > * .List-ElementEdit > .Cancel
            {
                grid-column:	2/3;
                color:			#f5365c;
            }

            .ClientData > * .List-ElementEdit > .Edit
            {
                grid-column:	2/3;
                color:			white;
            }

    .ClientData > * .List-ElementHead
    {
        height:				min-content;
        width:				40%;
        min-height:			45px;
        display:			flex;
        align-items:		center;
        justify-content:	space-between;
        border-radius:		5px;
    }

.ClientData-AddRelation
{
    width:		220px !important;
    display:	flex;
}
    .ClientData-AddRelation > label
    {
        height:	fit-content;
        margin:	auto;
    }

.ClientDataSelect
{
    height:			35px;
    padding:		0px 8px;
    color:			black;
    font-family:	Open Sans, sans-serif;
    font-size:		16px;
}

.ClientDetailsOptionUpperButton
{
    border:			1px solid darkgray;
    border-radius:	0px 5px 0px 0px;
}

.ClientDetailsOptionLowerButton
{
    border:			1px solid darkgray;
    border-radius:	0px 5px 0px 0px;
}

.ClientInfoButton
{
    height:				30px;
    width:				30px;
    display:			flex;
    align-items:		center !important;
    justify-content:	center !important;
    border:				none;
    background-color:	transparent;
}

.ClientListDropdown
{   color: #525f7f; }

.ClientRelationAddButton
{
    position:	absolute;
    right:		70px;
}

.ClientRelationFieldLabel
{
    width:			120px;
    margin-right:	60px;
    font-weight:	bold;
}

.ClientRelationNotFoundLabel
{
    width:			100%;
    margin-left:	20px;
    margin-right:	20px;
    color:			darkgray;
    text-align:		center;
}

.ClientRelationRemoveButton
{
    position:	absolute;
    right:		20px;
}

.ComplianceComment
{
    display:				grid;
    grid-template-columns:	1fr 1fr;
}
    .ComplianceComment > .Name
    {
        margin:			auto auto 0px 0px;
        font-size:		smaller;
        font-weight:	bold;
    }
    .ComplianceComment > .Time
    {
        margin:		auto 0px 0px auto;
        font-size:	x-small;
    }

.ComplianceCommentsArea
{
    max-height:			600px;
    padding-right:		10px;
    overflow-y:			scroll;
    scrollbar-color:	#525f7f white;
}

.ComplianceCommentsButton
{
    position:	absolute;
    right:		70px;
}

.ComplianceCommentsModal
{
    display:				grid;
    grid-template-columns:	2fr 1fr;
    grid-column-gap:		20px;
}

.ComplianceDetailsList
{
    margin:					20px 10%;
    padding-bottom:			10px;
    display:				grid;
    grid-template-columns:	1fr 3fr;
    grid-template-rows:		repeat(4, auto);
}

.ComplianceDetailsLoader
{
    position:	absolute;
    left:		10px;
    right:		10px;
}

.ComplianceListElement
{
    margin:			20px 10%;
    padding-bottom:	10px;
}
.ComplianceListElement:nth-last-child(n+2)
{	border-bottom:	1px solid gray;	}

.container-cus > * .card-body
{	min-height: 150px;	}

.CurrencySum
{
    margin:				10px 100px;
    display:			flex;
    align-items:		center;
    justify-content:	space-between;
}
    .CurrencySum > div
    {	height: min-content;	}
    .CurrencySum > div > label
    {	margin: 0px;	}

.DetailsAdditionalButtonAdd
{
    height:			100% !important;
    width:			40px;
    margin:			0px !important;
    display:		grid;
    align-content:	center;
    border:			1px solid darkgray;
    border-radius:	0px 5px 5px 0px;
    color:			white !important;
    font-size:		20px;
}

.DetailsAdditionalButtonDelete
{
    height:			50% !important;
    width:			40px;
    margin:			0px !important;
    display:		grid;
    align-content:	center;
    border:			1px solid darkgray;
    border-radius:	0px 0px 5px 0px;
    color:			white !important;
    font-size:		20px;
}

.DetailsAdditionalButtonSave
{
    height:			50% !important;
    width:			40px;
    margin:			0px !important;
    display:		grid;
    align-content:	center;
    border:			1px solid darkgray;
    border-radius:	0px 5px 0px 0px;
    color:			white !important;
    font-size:		20px;
}

.DetailsAdditionalButtonArea
{
    background-color:	darkgray;
    border-radius:		0px 5px 5px 0px;
}

.DetailsAdditionalType
{
    height:				40px;
    width:				50%;
    margin:				auto auto auto 0px;
    background-color:	white;
    border-radius:		5px;
}

.DetailsAdditionalValueBool
{
    height:			40px;
    width:			50%;
    margin:			auto 0px auto 15px;
    display:		none;
}

.DetailsAdditionalValueField,
.DetailsAdditionalValueText
{
    height:			40px;
    width:			50%;
    margin:			auto 0px auto 15px;
    padding:		0px 5px;
    display:		none;
    border-radius:	5px;
}

.DetailsTableBody
{
    margin:				0px 20px;
    overflow-y:			auto;
    scrollbar-color:	#525f7f white;
}
    .DetailsTableBody.Accounts
    {	max-height: 344px;	}
    .DetailsTableBody.AddInfo
    {	max-height: 246px;	}
    .DetailsTableBody.RampsMonetary
    {	max-height: 348px;	}
    .DetailsTableBody.RampsProcess
    {	max-height: 264px;	}
    .DetailsTableBody.Transactions
    {	max-height: 320px;	}
    .DetailsTableBody.Wallets
    {	max-height: 232px;	}

.DetailsElement
{
    margin-bottom:	2px;
    padding:		0px 10px;
    display:		flex;
    flex-direction:	column;
    border:			1px solid darkgray;
    border-radius:	5px;
}
    .DetailsElement.AddInfo-A
    {
        height:			80px;
        padding-right:	0px;
        flex-direction:	row;
    }
    .DetailsElement.AddInfo-B
    {
        height:			110px;
        padding-right:	0px;
        flex-direction:	row;
    }
    .DetailsElement.AddInfo-B > .DetailsContent
    {
        width:		95%;
        display:	flex;
    }
    .DetailsElementBody
    {
        width:		100%;
        padding:	2px 10px;
        display:	flex
    }
    .DetailsElementInput
    {
        height:			auto;
        width:			50%;
        margin:			5px 0px 5px 15px;
        padding:		5px;
        border-radius:	5px;
        white-space:	normal;
    }
    .DetailsElementOption
    {
        margin:			0px !important;
        height:			50% !important;
        display:		grid;
        align-content:	center;
        border-left:	1px solid darkgray;
    }
    .DetailsElementTitle
    {
        height:				100%;
        width:				50%;
        margin:				auto auto auto 0px;
        display:			flex;
        flex-direction:		column;
        text-align:			left;
    }
    .DetailsElementValue
    {
        margin:		2px 0px 0px 15px;
        text-align:	right;
    }

.DisableButton
{
    height:				40px;
    width:				40px;
    box-shadow:			0px 4px 6px rgba(50, 50, 93, 0.11),
                        0px 1px 3px rgba(0, 0, 0, 0.08);
    background-color:	#f5365c;
    color:				white !important;
    font-size:			20px;
}
    .DisableButton:hover
    {
        background-color:	#f1f1f1 !important;
        color:				#f5365c !important;
    }
    .DisableButton.DisableButtonDisabled,
    .DisableButton.DisableButtonDisabled:hover
    {
        background-color:	#fa99ac;
        border-color:		#fa99ac;
    }

.Display
{	display: inherit;	}
    .DisplayFlex
    {	display: flex;	}
    .DisplayInline
    {	display: inline;	}
    .DisplayNone
    {	display: none;	}
    .DisplayNone-I
    {	display: none !important;	}
    .Centered
    {
        display:			flex;
        align-items:		center !important;
        justify-content:	center !important;
    }
    .NoWrap
    {	flex-wrap: nowrap;	}

.EnableButton
{
    height:				40px;
    width:				40px;
    box-shadow:			0px 4px 6px rgba(50, 50, 93, 0.11),
                        0px 1px 3px rgba(0, 0, 0, 0.08);
    background-color:	#2dce89;
    color:				white !important;
    font-size:			20px;
}
    .EnableButton.EnableButtonDisabled
    {
        background-color:	#7de3b7;
        border-color:		#7de3b7;
    }

.EditButton
{
    height:		40px;
    width:		40px;
    color:		white !important;
    font-size:	18px;
}

.EditClientButton
{
    position:	absolute;
    right:		20px;
}

.EditCountryField
{
    height:				46px;
    background-color:	white;
}
    .EditCountryField > label
    {
        margin:		auto 0px;
        color:		#8898aa;
        font-size:	0.875rem;
    }

.EditSettingBlocked
{
    height:				46px;
    margin-bottom:		0.5rem;
    background-color:	white;
}
    .EditSettingBlocked > label
    {
        margin:		auto 0px;
        color:		#8898aa;
        font-size:	0.875rem
    }

.EditStaffField
{
    height:				46px;
    background-color:	white;
}
    .EditStaffField > label
    {
        margin:		auto 0px;
        color:		#8898aa;
        font-size:	0.875rem;
    }

.fa-exchange-alt.fa-rotate-90
{	background: white !important;	}

.FiatOption
{
    margin:			10px;
    display:		grid;
    column-count:	auto;
    column-gap:		10px;
}
    .FiatOption > div
    {
        font-size:		large;
        font-weight:	bold;
    }

.FileComponent
{
    display:				grid;
    grid-template-columns:	1fr 3fr 30px 30px 30px;
    grid-template-rows:		min-content;
}
    .FileComponent > * file-upload-queue
    {	}
        .FileComponent > * file-upload-queue > * .file-summary
        {
            padding:		0px !important;
            display:		flex;
            align-items:	center;
            overflow:		hidden !important;
            text-overflow:	ellipsis !important;
            white-space:	nowrap !important;
        }
            .FileComponent > * file-upload-queue > * .file-summary > span
            {	margin: 0px 5px;	}

        .FileComponent > * file-upload-queue > * .icon-remove
        {
            height:				40px;
            width:				40px;
            margin:				0px 5px 0px auto !important;
            padding:			0px;
            display:			flex;
            align-items:		center;
            justify-content:	center;
        }

        .FileComponent > * file-upload-queue > * .sm-file
        {
            margin:		0px;
            overflow:	hidden;
        }

        .FileComponent > * file-upload-queue > * .sm-file-text
        {
            width:			100%;
            margin-right:	10px;
            margin-left:	5px;
            display:		flex;
            align-items:	center;
        }

    .FileComponent > st-load-files
    {
        max-height:		35px;
        margin-top:		2px;
        grid-column:	2/3;
        grid-row:		1/2;
    }
        .FileComponent > st-load-files > * .sm-container-file
        {
            height:			40px;
            max-width:		unset;
            margin:			auto 5px;
            display:		flex;
            align-items:	center;
        }
        .FileComponent > st-load-files > * .sm-height
        {	padding: 0px;	}
        .FileComponent > st-load-files > * span
        {	font-size: 16px;	}
        .FileComponent > st-load-files > app-load-files
        {	width: 100%;	}
    .FileComponent > .Cancel,
    .FileComponent > .Delete,
    .FileComponent > .Save,
    .FileComponent > .Update
    {
        height:				45px;
        display:			none;
        align-items:		center !important;
        justify-content:	center !important;
        grid-row:			1/2;
    }
        .FileComponent > .Cancel
        {
            grid-column:	5/6;
            color:			#f5365c !important;
        }
        .FileComponent > .Delete
        {
            grid-column:	4/5;
            color:			#4e0f1a !important;
        }
        .FileComponent > .Save
        {
            grid-column:	3/4;
            color:			#2dce89 !important;
        }
        .FileComponent > .Update
        {
            display:		flex;
            grid-column:	5/6;
            color:			white !important;
        }
    .FileComponent > .FileType
    {
        height:			fit-content;
        margin:			auto 0px;
        grid-column:	1/2;
        grid-row:		1/2;
        color:			white;
    }
    .FileComponent > .Viewer
    {
        height:				min-content;
        width:				unset;
        min-height:			35px;
        margin:				5px;
        display:			flex;
        flex-wrap:			nowrap;
        align-items:		center;
        overflow-y:			hidden !important;
        grid-column:		2/3;
        grid-row:			1/2;
        border-radius:		5px;
        background-color:	white;
        color:				black;
    }
        .FileComponent > .Viewer > label
        {
            margin-bottom:	0px;
            overflow:		hidden;
            text-overflow:	ellipsis;
            white-space:	nowrap;
        }
        .FileComponent > .Viewer > st-load-files > app-load-files
        {	margin-top: 2px;	}
    .FileComponent.File
    {
        margin-bottom:		5px;
        border-radius:		5px;
        background-color:	#525f7f;
    }
        .FileComponent.File > .FileType
        {	margin-left: 10px;	}

.FilterParamDate
{	font-size: 16px;	}

.FilterArea
{
    margin-bottom:	5px;
    display:		flex;
    flex-wrap:		wrap;
}

.FilterButton
{
    padding:			5px;
    padding-right:		10px;
    margin-right:		5px;
    background-color:	#525f7f;
    color:				white;
}

.FilterButton.btn:hover
{
    color:			white;
    font-weight:	bolder;
}

.FilterButtonArea
{
    margin-bottom:	20px;
    display:		flex
}

.FilterFrame
{
    height:				fit-content;
    width:				fit-content;
    padding:			5px;
    margin-bottom:		10px;
    margin-right:		10px;
    display:			flex;
    background-color:	#525f7f;
    border-radius:		3px;
}

.FilterIcon
{
    margin:				auto;
    margin-right:		5px;
    padding:			3px;
    background-color:	#525f7f;
    color:				white;
}

.FilterParam
{
    height:				30px;
    width:				250px;
    border:				1px solid #dee2e6;
    border-radius:		0.25rem;
    background-color:	white;
    color:				#8898aa;
}

.Font
{	font-size: inherit;	}
    .Bold
    {	font-weight: bold;	}
    .BreakWord
    {	word-break: break-word;	}
    .Color-Navel
    {	color: rgb(27, 116, 199)	}
    .Color-Pea
    {	color: rgb(102, 165, 8);	}
    .Color-White
    {	color: white;	}
    .F-15
    {	font-size: 15px;	}
    .Large
    {	font-size: large;	}
    .LargeX
    {	font-size: x-large;	}
    .LargeXX
    {	font-size: xx-large;	}
    .Lighter
    {	font-weight: lighter;	}
    .ListSquare
    {	list-style-type: square;	}
    .Medium
    {	font-size: medium;	}
    .Small
    {	font-size: small;	}
    .SmallX
    {	font-size: x-small;	}
    .Smaller
    {	font-size: smaller;	}
    .Uppercase
    {	text-transform: uppercase;	}

.form-control.datetimepicker-input
{
    height:		35px;
    padding:	0px 8px;
    color:		black;
    font-size:	16px;
}

.FormulaBox
{	height: 80px !important;	}

.Grid
{	display: grid;	}
    .GridX-1
    {	grid-column: 1/2;	}
        .GridX-1-2
        {	grid-column: 1/3;	}
    .GridX-2
    {	grid-column: 2/3;	}
    .GridX-3
    {	grid-column: 3/4;	}
    .GridX-4
    {	grid-column: 4/5;	}
    .GridX-5
    {	grid-column: 5/6;	}
    .GridY-1
    {	grid-row: 1/2;	}
    .GridY-2
    {	grid-row: 2/3;	}
        .GridY-2-3
        {   grid-row: 2/4;  }
    .GridY-3
    {	grid-row: 3/4;	}
    .GridY-4
    {	grid-row: 4/5;	}
    .GridY-5
    {	grid-row: 5/6;	}

.GroupButton
{
    height:				50px;
    width:				100%;
    margin:				2px 4px !important;
    border-radius:		15px;
    background-color:	black;
    color:				white;
}

.GroupBox
{
    width:				50%;
    padding:			2px 0px;
    display:			flex;
    flex-wrap:			wrap;
    align-content:		baseline;
    justify-content:	center;
    border-radius:		15px;
    box-shadow:			0px 1px 3px rgba(50, 50, 93, 0.15),
                        0px 1px 0px rgba(0, 0, 0, 0.02);
    background:			white;
}
    .GroupBox > label
    {
        margin:			0.5rem;
        min-height:		min-content;
        color:			#8d9cad;
        font-weight:	bold;
    }

.GroupList
{
    display:		block;
    column-count:	3;
}
    .GroupList > div
    {
        min-width:		250px;
        margin:			0px auto 20px 0px;
        display:		block;
        break-inside:	avoid-column;
    }
    .GroupList > div > div
    {	margin-left: 30px;	}

.GroupPermissions
{
    margin-bottom:	0px;
    display:		block;
    column-count:	3;
    text-align:		left
}
    .GroupPermissions > .Permission
    {
        width:			fit-content;
        margin:			0px 10px 10px 0px;
        text-align:		left;
        break-inside:	avoid-column;
    }
        .GroupPermissions > .Permission > .PermissionFields
        {
            margin-left:	15px;
            font-size:		smaller;
        }

.HideAdditionalInfo
{
    display:			flex;
    align-items:		center;
    justify-content:	space-between;
}
    .HideAdditionalInfo > button
    {
        margin:		0px;
        display:	flex;
        position:	relative;
        border:		none;
    }

.IconCheck
{	color: #2dce89;	}

.IconCross
{	color: #f5365c;	}

.LastComplianceCommentsModal
{	max-width: 800px;	}

.ListBody
{
    padding:			0.75rem 1.5rem;
    border-color:		#e9ecef;
    border-bottom:		1px solid #e9ecef;
    font-size:			0.6rem;
    text-align:			center;
    letter-spacing:		1px;
    text-transform:		uppercase;
}

.ListButton
{
    height:				40px;
    width:				40px;
    box-shadow:			0px 4px 6px rgba(50, 50, 93, 0.11),
                        0px 1px 3px rgba(0, 0, 0, 0.08);
    background-color:	#525f7f;
    color:				white !important;
}
    .ListButton.Inverted
    {
        background-color:	white;
        color:				#525f7f !important;
    }
        .ListButton.Inverted:hover
        {
            background-color:	#525f7f !important;
            color:				#f1f1f1 !important;
        }
        .ListButton.InvertedBlack
        {
            background-color:	white;
            color:				#525f7f !important;
        }
            .ListButton.InvertedBlack:hover
            {
                background-color:	black !important;
                color:				#f1f1f1 !important;
            }
    .ListButton:hover
    {
        background-color:	#f1f1f1 !important;
        color:				#525f7f !important;
    }

.ListButtonIcon
{
    position:			relative;
    display:			flex;
    justify-content:	center;
    font-size:			20px;
}
    .ListButtonIcon.fas.fa-edit
    {	font-size: 18px;	}

.ListHead
{
    padding:			0.75rem 1.5rem;
    background-color:	#f6f9fc;
    border-color:		#e9ecef;
    border-bottom:		1px solid #e9ecef;
    color:				#8898aa;
    font-size:			0.65rem;
    font-weight:		600;
    text-align:			center;
    letter-spacing:		1px;
    text-transform:		uppercase;
}

.ListNoElements
{
    margin:	20px;
    color:	darkgray;
}

.ListOptionButton
{
    position:			absolute;
    z-index: 			5;
    height:				35px !important;
    width:				35px !important;
    margin:				10px 25px;
    justify-content:	center;
    align-items:		center;
    border:				none;
    border-radius:		50%;
    background-color:	#525f7f !important;
    color:				white !important
}
    .ListOptionButton:hover
    {
        background-color:	#f1f1f1 !important;
        color:				#525f7f !important;
    }
    .ListOptionButton.TypeA
    {
        right:		0px;
        display:	flex;
    }
    .ListOptionButton.TypeA-40
    {
        right:		40px;
        display:	flex;
    }
    .ListOptionButton.TypeB
    {
        right:		0px;
        display:	none;
    }
    .ListOptionButton.TypeB-40
    {
        right:		40px;
        display:	none;
    }
    .ListOptionButton>i.ni-fat-add
    {	font-size: 20px;	}

.ListSelectField
{
    padding:			10px 15px;
    background-color:	#525f7f;
    border:				none;
    border-radius:		10px;
    color:				white;
}

.LogoBox
{
    padding:			4px;
    margin-right:		5px;
    border:				2px solid #525f7f;
    border-radius:		10px;
    background-color:	white;
}
    .LogoBox.BorderNone
    {	border: none;	}
    .LogoBox.Question > img
    {	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAABYklEQVR4nO2WP0vEMByG45/hwEFcRAQdHQQ/guckToKLgpPcB3B1zVfQsdC8bxooQkVxEURB3NzUSXBTh4M70EEQbrISvSlEPWxTHPpAKG1Dnvx++StEzX+DZEMp1QJwRPKB5BvJHoA2yROS21EUjZcq1Vo3ST6RzH8pz1rrjVKkSqklG9kA0s8C4B3AVuH08iutPsHLDx16jeN4uki0m55GL5MkmbP/sywbIblmU+ypt1MkYuWOYZqmE54OtjzigyLiM6exY189AAse8emfxYNCct0zByIREpJTAO494tVgUgDLAB490isp5XDpQpINAHt2zXqkd8aYydKleZ4P9bdN39qOjTFjosKJ1AGwIkICYN8R95RS8yI0JM8d8aGoAgAXjni3EnFNZWitmwBu+lefW3tRCC6VUo6S7DqTq2vP5aDiJElmv9mxZiqPGEDHfhehAbAI4NqOsX3a9+DSGlGADz9H4fB92+9VAAAAAElFTkSuQmCC");	}
    .LogoBox > img
    {
        height:	30px;
        width:	30px;
    }

.Margin
{	margin: inherit;	}
    .M-Auto
    {	margin: auto;	}
        .MX-Auto
        {	margin: 0px auto;	}
        .MY-Auto
        {	margin: auto 0px;	}
    .M-Auto-I
    {	margin: auto !important;	}
    .M-0
    {	margin:	0px;	}
        .MB-0
        {	margin-bottom:	0px;	}
    .M-10
    {	margin: 10px;	}
        .MT-10
        {	margin-top:		10px;	}
        .MB-10
        {	margin-bottom:	10px;	}
        .MR-10
        {	margin-right:	10px;	}
        .ML-10
        {	margin-left:	10px;	}
        .MX-10
        {
            margin-right:	10px;
            margin-left:	10px;
        }
        .MY-10
        {
            margin-top:		10px;
            margin-bottom:	10px;
        }
    .M-20
    {	margin: 20px;	}
        .MT-20
        {	margin-top:		20px;	}
        .MB-20
        {	margin-bottom:	20px;	}
        .MR-20
        {	margin-right:	20px;	}
        .ML-20
        {	margin-left:	20px;	}
        .MX-20
        {
            margin-right:	20px;
            margin-left:	20px;
        }
        .MY-20
        {
            margin-top:		20px;
            margin-bottom:	20px;
        }
    .M-30
    {	margin: 30px;	}
        .MT-30
        {	margin-top: 30px;	}

.MatIconCancel
{
    height:				35px !important;
    width:				35px !important;
    background:			url('data:image/png;base64,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');
    background-size:	35px;
    color:				transparent !important;
}

.MatIconFindInPage
{
    height:				35px !important;
    width:				35px !important;
    background:			url('data:image/png;base64,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');
    background-size:	35px;
    color:				transparent !important;
}

.MiniLoader
{
    display:	none;
}
    .MiniLoader:after
    {
        content:		" ";
        display:		block;
        width:			20px;
        height:			20px;
        border-radius:	50%;
        border:			6px solid white;
        border-color:	white transparent white transparent;
        animation:		spin 1.2s linear infinite;
    }
    .MiniLoader.OptionButton
    {
        position:	absolute;
        top:		10px;
        right:		9px;
    }

.modal-content
{	display: inherit;	}
    .modal-content.H-800
    {	height: 800px;	}
    .modal-content.W-700
    {	width: 700px;	}

.ModalDetailElement
{
    margin:		0px 30px;
    display:	flex;
}

.ModalDetailElementTitle
{
    margin-right:	auto;
    text-align:		left
}

.Overflow
{	overflow: inherit;	}
    .OverflowX-On
    {	overflow-x: scroll;	}
    .OverflowX-Off
    {	overflow-x: hidden;	}
    .OverflowY-On
    {	overflow-y: scroll;	}
    .OverflowY-Off
    {	overflow-y: hidden;	}
    .OverflowY-Off-I
    {	overflow-y: hidden !important;	}
    .Overflow-V
    {	overflow: visible !important;	}

.Padding
{	padding: inherit;	}
    .P-5
    {	padding: 5px;	}
    .P-20
    {	padding: 20px;	}

.PagerFirst,
.PagerPrev,
.PagerNext,
.PagerLast,
.PagerNum
{
    height:				30px;
    width:				40px;
    margin-right:		1px !important;
    display:			flex;
    justify-content:	center;
    align-items:		center;
    border-radius:		0px;
    background-color:	#525f7f;
}

.PagerFirst:disabled,
.PagerPrev:disabled,
.PagerNext:disabled,
.PagerLast:disabled
{	pointer-events: none;	}

.PagerSelected
{
    background-color:	transparent !important;
    pointer-events:		none
}
.PagerSelected label
{	color: #525f7f !important;	}

.PagerFirst
{	border-radius: 5px 0 0 5px;	}

.PagerLast
{	border-radius: 0 5px 5px 0;	}

.PagerIcon
{
    height:		20px;
    width:		fit-content;
    color:		white;
    font-size:	20px;
}
    .PagerIcon.T-11
    {	top: -11px;	}

.pagination
{
    padding:			10px;
    padding-bottom:		0px;
    display:			flex;
    justify-content:	center;
}
    .pagination span a
    {
        color:				black;
        float:				left;
        padding:			8px 16px;
        text-decoration:	none;
        transition:			background-color .3s;
    }
        .pagination span a.active
        {
            background-color:	#0C101B !important;
            color:				white;
        }
        .pagination span a:hover:not(.active)
        {	background-color: #ddd;	}

.pagination-footer
{	padding: 6px;	}

.ParameterButton-A,
.ParameterButton-B,
.ParameterButton-C
{
    height:				60px;
    margin:				3px !important;
    display:			flex;
    flex-direction:		column;
    border-radius:		15px;
    color:				white;
}
    .ParameterButton-A
    {	background-color: #DFA151;	}
        .ParameterButton-A:hover
        {	color: #9D6722;	}
    .ParameterButton-B
    {	background-color: #0C101B;	}
        .ParameterButton-B:hover
        {	color: #BCBFC7;	}
    .ParameterButton-C
    {	background-color: #ADB5BD;	}
        .ParameterButton-C:hover
        {	color: #85878D;	}
    .ParameterButton-A > .GlobalParam,
    .ParameterButton-B > .GlobalParam,
    .ParameterButton-C > .GlobalParam
    {	background-color: #e7a210;	}
    .ParameterButton-A > .Type,
    .ParameterButton-B > .Type,
    .ParameterButton-C > .Type
    {
        margin-bottom:	0px;
        font-size:		x-small;
    }

.ParametersAreaIcon
{
    width:		20px;
    margin:		auto 3px;
    color:		white;
    font-size:	medium;
}

.ParametersInnerArea-A,
.ParametersInnerArea-B,
.ParametersInnerArea-C
{
    width:				100%;
    max-height:			204px;
    padding:			3px;
    display:			flex;
    flex-wrap:			wrap;
    overflow-y: 		scroll;
    border-radius:		15px;
    background-color:	white;
}
    .ParametersInnerArea-A::-webkit-scrollbar,
    .ParametersInnerArea-B::-webkit-scrollbar,
    .ParametersInnerArea-C::-webkit-scrollbar
    {	width: 20px;	}
    .ParametersInnerArea-A::-webkit-scrollbar-thumb,
    .ParametersInnerArea-B::-webkit-scrollbar-thumb,
    .ParametersInnerArea-C::-webkit-scrollbar-thumb
    {
        background-color:	#d6dee1;
        border-radius:		20px;
        border:				6px solid transparent;
        background-clip:	content-box;
    }
    .ParametersInnerArea-A::-webkit-scrollbar-track,
    .ParametersInnerArea-B::-webkit-scrollbar-track,
    .ParametersInnerArea-C::-webkit-scrollbar-track
    {	background-color: transparent;	}
    .ParametersInnerArea-A
    {	scrollbar-color:	#DFA151 white;	}
        .ParametersInnerArea-A::-webkit-scrollbar-thumb
        {	background-color:	#DFA151;	}
        .ParametersInnerArea-A::-webkit-scrollbar-thumb:hover
        {	background-color: #EBB774;	}
    .ParametersInnerArea-B
    {	scrollbar-color:	#0C101B white;	}
        .ParametersInnerArea-B::-webkit-scrollbar-thumb
        {	background-color:	#0C101B;	}
        .ParametersInnerArea-B::-webkit-scrollbar-thumb:hover
        {	background-color: #343538;	}
    .ParametersInnerArea-C
    {	scrollbar-color:	#ADB5BD white;	}
        .ParametersInnerArea-C::-webkit-scrollbar-thumb
        {	background-color:	#ADB5BD;	}
        .ParametersInnerArea-C::-webkit-scrollbar-thumb:hover
        {	background-color: #D0D2D3;	}

.ParametersOuterArea-A,
.ParametersOuterArea-B,
.ParametersOuterArea-C
{
    max-width:			90%;
    margin-bottom:		15px;
    padding:			4px;
    border-radius:		15px;
    box-shadow:			0px 1px 3px rgba(50, 50, 93, 0.15),
                        0px 1px 0px rgba(0, 0, 0, 0.02);
}
    .ParametersOuterArea-A
    {	background-color:	#DFA151;	}

    .ParametersOuterArea-B
    {	background-color:	#0C101B;	}
    .ParametersOuterArea-C
    {
        margin-bottom:		0px;
        background-color:	#ADB5BD;
    }

.pointer
{	cursor: pointer;	}

.ProfileHeader
{
    min-height:				200px;
    background-color:		gray;
    background-image:		url('/static/assets/img/brand/Logo_Principal1_W.png');
    background-size:		contain;
    background-position:	center top;
    background-repeat:		no-repeat;
}
    .ProfileHeader > span
    {	background: linear-gradient(87deg, #e09d10, #fdcb62 100%);	}

.ProfileInfo
{
    width:			100%;
    margin-left:	15px;
}

.RampStatusIcon
{	width: 14px;	}

.RampTransactions-Grid,
.RampTransactions-Header
{
    display:				grid;
    grid-template-columns:	repeat(3, 1fr);
}

.RampTransactions-List
{
    height:		550px;
    overflow-x:	hidden;
    overflow-y:	scroll;
}

.ReceiptButton
{
    width:			200px;
    padding:		0rem 1.25rem;
    display:		flex;
    align-items:	center;
}

.ReceiptObject
{
    height:		70vh;
    width:		100%;
    max-width:	100%;
}

.ReloadButton
{
    height:				42px;
    width:				42px;
    box-shadow:			none;
    background-color:	transparent;
    color:				#525f7f !important;
}
    .ReloadButton:hover
    {
        box-shadow:			none;
        transform:			none;
    }
    .ReloadButton > .Loading
    {
        animation-name:				spin;
        animation-duration:			2000ms;
        animation-iteration-count:	infinite;
        animation-timing-function:	linear; 
    }

    .ReloadButton > .ReloadIcon
    {
        color:		#525f7f;
        font-size:	15px;
    }

    @keyframes spin
    {
        from	{	transform:rotate(0deg);		}
        to		{	transform:rotate(360deg);	}
    }

.SaveGroupsChanges
{
    width:		120px;
    margin-top:	1.5rem;
}

.Separator
{	margin: 1rem 0rem;	}

.SettingType-Buttons
{
    margin:				auto;
    display:			grid;
    grid-template-rows:	1fr;
    gap:				10px;
}
    .SettingType-Buttons > button
    {
        width: 				80%;
        margin:				auto;
        padding:			10px;
        justify-content:	center;
        background-color:	#0c101b;
        color:				white;
    }
        .SettingType-Buttons > .Selected
        {
            background-color:	#dfdfdf;
            color:				#525f7f;
            font-weight:		bold;
        }

.SettingType-Icon
{
    height:		min-content;
    width:		30px;
    margin:		auto;
    display:	flex;
}
    .SettingType-Icon > i
    {	margin: auto;	}

.SettingType-InputBorder
{
    width:				max-content;
    margin:				auto;
    padding:			20px;
    display:			flex;
    flex-direction:		row;
    gap:				10px;
    border-radius:		15px;
    background-color:	#dfdfdf;
}

.SettingType-InputError
{
    margin-top:	5px;
    color:		red;
    font-size:	12px;
    text-align:	center;
}

.SettingType-Inputs
{	margin-top: 30px;	}
    .SettingType-Inputs.Hidden
    {	display: none;	}

.sidenav
{	z-index: 2000;	}

.Size
{	height: inherit;	}
    .Size-100
    {
        height:	100%;
        width:	100%;
    }
    .Height-Fit
    {	height: fit-content;	}
    .Width-30
    {	width: 30%;	}
    .Width-60
    {	width: 60%;	}
    .Width-75
    {	width: 75%;	}
    .Width-70
    {	width: 70%;	}
    .Width-80
    {	width: 80%;	}
    .Width-100
    {	width: 100%;	}
    .Width-Fit
    {	width: fit-content;	}
    .WidthM-100
    {	max-width: 100%;	}

.SortArrow
{
    font-size:		13px;
    margin-left:	5px;
    cursor:			pointer;
}

.SubmitFee
{
    height:				40px;
    width:				120px;
    margin:				auto;
    background-color:	#525f7f;
    color:				white
}

.TableBody
{
    border-radius:		0.375rem;
    box-shadow:			0 0 2rem 0 rgba(136, 152, 170, 0.15);
    background-color:	white;
    scrollbar-color:	#525f7f white;
    text-align:			center;
}

.TableCell
{
    width:				max-content;
    max-width:			500px;
    margin-bottom:		0px;
    display:			block;
    overflow-x:			auto;
    scrollbar-color:	#525f7f white;
    white-space:		normal;
    font-size:			0.875rem;
    text-align:			left;
}
.TableCellCentered
{
    max-width:			500px;
    margin-bottom:		0px;
    display:			block;
    overflow-x:			auto;
    scrollbar-color:	#525f7f white;
    white-space:		normal;
    font-size:			0.875rem;
    text-align:			center;
}

.TableTitle
{
    padding-top:		1rem;
    padding-bottom:		1rem;
    margin-bottom:		-1px;
    position:			relative;
    z-index:			2;
    width:				100%;
    border-bottom:		1px solid #e9ecef;
    background-color:	white;
    color:				#8898aa !important;
}

.ToastMessageAnimationOpen
{
    -webkit-animation: 			ToastMessageAnimationOpen 1s normal forwards ease-in-out;
    -moz-animation: 			ToastMessageAnimationOpen 1s normal forwards ease-in-out;
    animation: 					ToastMessageAnimationOpen 1s normal forwards ease-in-out;
    -webkit-transform-origin:	right;
    -moz-transform-origin:		right;
    transform-origin:			right;
}

.ToastMessageAnimationClose
{
    -webkit-animation:			ToastMessageAnimationClose 1s normal forwards ease-in-out;
    -moz-animation:				ToastMessageAnimationClose 1s normal forwards ease-in-out;
    animation:					ToastMessageAnimationClose 1s normal forwards ease-in-out;
    -webkit-transform-origin:	right;
    -moz-transform-origin:		right;
    transform-origin:			right;
}

.ToastAnimErrorOpen,
.ToastAnimInfoOpen,
.ToastAnimSuccessOpen
{
    -webkit-animation: 			ToastAnimOpen 1s normal forwards ease-in-out;
    -moz-animation: 			ToastAnimOpen 1s normal forwards ease-in-out;
    animation: 					ToastAnimOpen 1s normal forwards ease-in-out;
    -webkit-transform-origin:	right;
    -moz-transform-origin:		right;
    transform-origin:			right;
}

.ToastAnimErrorClose,
.ToastAnimInfoClose,
.ToastAnimSuccessClose
{
    -webkit-animation:			ToastAnimClose 1s normal forwards ease-in-out;
    -moz-animation:				ToastAnimClose 1s normal forwards ease-in-out;
    animation:					ToastAnimClose 1s normal forwards ease-in-out;
    -webkit-transform-origin:	right;
    -moz-transform-origin:		right;
    transform-origin:			right;
}

@-webkit-keyframes ToastMessageAnimationOpen
{
    from	{	transform: translate(100%);		}
    to		{	transform: translate(0%);		}
}
@-moz-keyframes ToastMessageAnimationOpen
{
    from	{	transform: translate(100%);		}
    to		{	transform: translate(0%);		}
}
@keyframes ToastMessageAnimationOpen
{
    from	{	transform: translate(100%);		}
    to		{	transform: translate(0%);		}
}

@-webkit-keyframes ToastMessageAnimationClose
{
    from	{	transform: translate(0%);		}
    to		{	transform: translate(100%);		}
}
@-moz-keyframes ToastMessageAnimationClose
{
    from	{	transform: translate(0%);		}
    to		{	transform: translate(100%);		}
}
@keyframes ToastMessageAnimationClose
{
    from	{	transform: translate(0%);		}
    to		{	transform: translate(100%);		}
}

@-webkit-keyframes ToastAnimOpen
{
    from	{	transform: translate(100%);		}
    to		{	transform: translate(0%);		}
}
@-moz-keyframes ToastAnimOpen
{
    from	{	transform: translate(100%);		}
    to		{	transform: translate(0%);		}
}
@keyframes ToastAnimOpen
{
    from	{	transform: translate(100%);		}
    to		{	transform: translate(0%);		}
}

@-webkit-keyframes ToastAnimClose
{
    from	{	transform: translate(0%);		}
    to		{	transform: translate(100%);		}
}
@-moz-keyframes ToastAnimClose
{
    from	{	transform: translate(0%);		}
    to		{	transform: translate(100%);		}
}
@keyframes ToastAnimClose
{
    from	{	transform: translate(0%);		}
    to		{	transform: translate(100%);		}
}

.ToastErrorHidden,
.ToastInfoHidden,
.ToastSuccessHidden
{	transform: translate(100%);	}

.ToastMessageBody
{
    margin:		10px 20px;
    display:	flex;
}

.ToastButtonIcon,
.ToastMessageButtonIcon
{
    margin-right:	15px;
    color:			white
}

.ToastMessageTest
{
    display:		flex;
    align-items:	center;
}

.TransactionDetailElement
{
    margin-right:	45px;
    margin-left:	25px;
    display:		flex;
}

.TransactionDetailsElement
{
    margin-bottom:	2px;
    padding:		20px;
    display:		flex;
    flex-direction:	column;
    border:			1px solid darkgray;
    border-radius:	10px;
}
    .TransactionDetailsElement > * .W-95
    {	width: 95%;	}

.TransactionDetailValue
{
    width:		55%;
    margin-top:	auto;
}

.TransactionAddDetail
{
    height:				30px !important;
    width:				30px;
    margin:				0px !important;
    border:				none;
    border-radius:		10px;
    background-color:	transparent;
    color:				#525f7f !important;
    font-size:			20px;
}
    .TransactionAddDetail.btn:focus,
    .TransactionAddDetail.btn:not(:disabled):not(.disabled):active:focus,
    .TransactionAddDetail.btn:not(:disabled):not(.disabled).active:focus,
    .TransactionAddDetail:hover
    {
        box-shadow:	none;
        transform:	none;
    }
    .TransactionAddDetail > .Delete
    {	font-size: 15px;	}

.Username
{
    background:		#ff7a7a;
    color:			white;
    text-align:		center;
    font-size:		18px;
}

.ViewAll
{	display: none;	}

/* DateTime Inputs */

.timepicker .timepicker-picker .table-condensed
{
    width:	auto;
    margin:	auto;
}

.bootstrap-datetimepicker-widget
{	min-width: fit-content;	}


.cdk-global-overlay-wrapper
{
    height:				100%;
    width:				80vw;
    display:			block;
    left: 10vw;
    right: 10vw;
    justify-content:	center;
    align-items:		center;
}

.ListDropdown > .dropdown-menu.show
{	display: flex;	}

app-enrollment > * input,
app-enrollment > * textarea,
app-enrollment > * select,
app-enrollment > * .drop
{	padding: 10px !important;	}

.cdk-overlay-container{
    top: 10px;
    position: absolute;
    left: 10px;
    right: 10px;
    z-index: 3000;
}

.fa-save{
    cursor: pointer;
}