/*#region global*/

/*#endregion global*/

/*#region margin*/
.jSS_margin_0px
{
    margin: 0px !important;
}
.jSS_margin_5px
{
    margin: 5px !important;
}
.jSS_margin_8px
{
    margin: 8px !important;
}
.jSS_margin_10px
{
    margin: 10px !important;
}
.jSS_margin_12px
{
    margin: 12px !important;
}
.jSS_margin_15px
{
    margin: 15px !important;
}
.jSS_margin_20px
{
    margin: 20px !important;
}
.jSS_margin_25px
{
    margin: 25px !important;
}
.jSS_margin_30px
{
    margin: 30px !important;
}

.jSS_marginTop_5px
{
    margin-top: 5px !important;
}
.jSS_marginTop_10px
{
    margin-top: 10px !important;
}
.jSS_marginTop_15px
{
    margin-top: 15px !important;
}
.jSS_marginTop_20px
{
    margin-top: 20px !important;
}
.jSS_marginTop_25px
{
    margin-top: 25px !important;
}
.jSS_marginTop_30px
{
    margin-top: 30px !important;
}

.jSS_marginBottom_5px
{
    margin-bottom: 5px !important;
}
.jSS_marginBottom_10px
{
    margin-Bottom: 10px !important;
}
.jSS_marginBottom_15px
{
    margin-bottom: 15px !important;
}
.jSS_marginBottom_20px
{
    margin-bottom: 20px !important;
}
.jSS_marginBottom_25px
{
    margin-bottom: 25px !important;
}
.jSS_marginBottom_30px
{
    margin-bottom: 30px !important;
}

.jSS_marginLeft_5px
{
    margin-left: 5px !important;
}
.jSS_marginLeft_10px
{
    margin-left: 10px !important;
}
.jSS_marginLeft_15px
{
    margin-left: 15px !important;
}
.jSS_marginLeft_20px
{
    margin-left: 20px !important;
}
.jSS_marginLeft_25px
{
    margin-left: 25px !important;
}
.jSS_marginLeft_30px
{
    margin-left: 30px !important;
}

.jSS_marginRight_5px
{
    margin-right: 5px !important;
}
.jSS_marginRight_10px
{
    margin-right: 10px !important;
}
.jSS_marginRight_15px
{
    margin-right: 15px !important;
}
.jSS_marginRight_20px
{
    margin-right: 20px !important;
}
.jSS_marginRight_25px
{
    margin-right: 25px !important;
}
.jSS_marginRight_30px
{
    margin-right: 30px !important;
}
/*#endregion margin*/

/*#region padding*/
.jSS_padding_0px
{
    padding: 0px !important;
}
.jSS_padding_5px
{
    padding: 5px !important;
}
.jSS_padding_8px
{
    padding: 8px !important;
}
.jSS_padding_10px
{
    padding: 10px !important;
}
.jSS_padding_12px
{
    padding: 12px !important;
}
.jSS_padding_15px
{
    padding: 15px !important;
}
.jSS_padding_20px
{
    padding: 20px !important;
}
.jSS_padding_25px
{
    padding: 25px !important;
}
.jSS_padding_30px
{
    padding: 30px !important;
}

.jSS_paddingTop_5px
{
    padding-top: 5px !important;
}
.jSS_paddingTop_10px
{
    padding-top: 10px !important;
}
.jSS_paddingTop_15px
{
    padding-top: 15px !important;
}
.jSS_paddingTop_20px
{
    padding-top: 20px !important;
}
.jSS_paddingTop_25px
{
    padding-top: 25px !important;
}
.jSS_paddingTop_30px
{
    padding-top: 30px !important;
}

.jSS_paddingBottom_5px
{
    padding-bottom: 5px !important;
}
.jSS_paddingBottom_10px
{
    padding-Bottom: 10px !important;
}
.jSS_paddingBottom_15px
{
    padding-bottom: 15px !important;
}
.jSS_paddingBottom_20px
{
    padding-bottom: 20px !important;
}
.jSS_paddingBottom_25px
{
    padding-bottom: 25px !important;
}
.jSS_paddingBottom_30px
{
    padding-bottom: 30px !important;
}

.jSS_paddingLeft_5px
{
    padding-left: 5px !important;
}
.jSS_paddingLeft_10px
{
    padding-left: 10px !important;
}
.jSS_paddingLeft_15px
{
    padding-left: 15px !important;
}
.jSS_paddingLeft_20px
{
    padding-left: 20px !important;
}
.jSS_paddingLeft_25px
{
    padding-left: 25px !important;
}
.jSS_paddingLeft_30px
{
    padding-left: 30px !important;
}

.jSS_paddingRight_5px
{
    padding-right: 5px !important;
}
.jSS_paddingRight_10px
{
    padding-right: 10px !important;
}
.jSS_paddingRight_15px
{
    padding-right: 15px !important;
}
.jSS_paddingRight_20px
{
    padding-right: 20px !important;
}
.jSS_paddingRight_25px
{
    padding-right: 25px !important;
}
.jSS_paddingRight_30px
{
    padding-right: 30px !important;
}
/*#endregion padding*/

/*#region colorSystem*/
.jSS_color
{
    width: 60px;
    height: 60px;
    border-radius: 30px;
    border: 1px solid #808080;
    display: inline-block;
    text-align: center;
    line-height: 55px;
    font-size: 28px;
    font-weight: 500;
    margin: 10px 10px;
}
.color-class{
    padding: 2px 10px;
    display: inline-block;
    border-radius: 5px;
    font-size: 16px;
}

.color-purple{
    background-color: #a44cc4;
    color: #fff;
    border-color: #a44cc4;
}
.color-secondary{
    background-color: #6c757d;
    color: #fff;
    border-color: #6c757d;
}
.color-success{
    background-color: #3ac47d;
    color: #fff;
    border-color: #3ac47d;
}
.color-info{
    background-color: #16aaff;
    color: #fff;
    border-color: #16aaff;
}
.color-warning{
    background-color: #f7b924;
    color: #000;
    border-color: #f7b924;
}
.color-indigo{
    background-color: #3f51b5 ;
    color: #fff;
    border-color: #3f51b5 ;
}
.color-orange{
    background-color: #ff7043 ;
    color: #fff;
    border-color: #ff7043 ;
}


.jSS_colorRed
{
    color: red !important;
}
.jSS_colorGreen
{
    color: green !important;
}
.jSS_colorBlue
{
    color:blue !important;
}
.jSS_colorBlack
{
    color:black !important;
}
.jSS_colorWhite
{
    color:white !important;
}


.jSS_colorA
{
    color: #FAC57F !important;
}
.jSS_colorB
{
    color: #EBACA7 !important;
}
.jSS_colorC
{
    color: #D869FA !important;
}
.jSS_colorD
{
    color: #8493EB !important;
}
.jSS_colorE
{
    color: #8AFFFA !important;
}


.jSS_backgroundColorA
{
    background-color: #FAC57F !important;
}
.jSS_backgroundColorB
{
    background-color: #EBACA7 !important;
}
.jSS_backgroundColorC
{
    background-color: #D869FA !important;
}
.jSS_backgroundColorD
{
    background-color: #8493EB !important;
}
.jSS_backgroundColorE
{
    background-color: #8AFFFA !important;
}

.jSS_inverterColorA
{
	color: #8493EB !important;
    background-color: #FAC57F !important;
}
.jSS_inverterColorB
{
	color: #8493EB !important;
    background-color: #EBACA7 !important;
}
.jSS_inverterColorC
{
	color: #8493EB !important;
    background-color: #D869FA !important;
}
.jSS_inverterColorD
{
	color: #8493EB !important;
    background-color: #8493EB !important;
}
.jSS_inverterColorE
{
	color: #8493EB !important;
    background-color: #8AFFFA !important;
}

.jSS_backgroundColor_fffc
{
    background-color: #ffffffcc !important;
}

/*#endregion colorSystem*/

/*#region display*/
.jSS_displayInline
{
	display: inline !important;
}
.jSS_displayInlineBlock
{
	display: inline-block !important;
}
.jSS_displayBlock
{
	display: block !important;
}
.jSS_displayNone
{
	display: none !important;
}
/*#endregion display*/

/*#region Modal*/
.jSSModalTitle
{
    font-size: 22px;
}
.jSSModalBody
{

}
.jSSModalButton
{
    font-size: 22px;
	line-height: 42px;
	border: 1px solid;
	padding: 0px 36px;
	border-radius: 10px;
}
/*#endregion Modal*/

/*#region paragraph*/
.jSS_H1
{
    font-size: 22px !important;
    line-height: 34px !important;
    font-weight: bold !important;
}
.jSS_H2
{
    font-size: 20px !important;
    line-height: 32px !important;
    font-weight: bold !important;
}
.jSS_H3
{
    font-size: 18px !important;
    line-height: 30px !important;
    font-weight: bold !important;
}
.jSS_H4
{
    font-size: 16px !important;
    line-height: 28px !important;
    font-weight: bold !important;
}
.jSS_H5
{
    font-size: 15px !important;
    line-height: 27px !important;
}
.jSS_H6
{
    font-size: 14px !important;
    line-height: 24px !important;
}

.jSS_P
{

}

.jSS_TR
{

}

.jSS_TD
{

}

.jSS_INPUT
{

}

.jSS_txt
{
    color: #495057 !important;
}
.jSS_txtS
{
    font-weight: bold !important;
}
.jSS_txtW
{
    color: #a2a7ad !important;
}

.jSS_txtArea
{

}

/*#endregion paragraph*/