html, body {
    font-family: 'Poppins', sans-serif;
    box-sizing: border-box;
    font-size: 16px;
}

a, .btn-link {
    color: #006bb7;
}

:root {
    --container-width: 1200px;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

.content {
    padding-top: 1.1rem;
}

h1:focus {
    outline: none;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid #e50000;
}

.validation-message {
    color: #e50000;
}

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

    .blazor-error-boundary::after {
        content: "An error has occurred."
    }

.darker-border-checkbox.form-check-input {
    border-color: #929292;
}


.textbuttons {
    font-size: 13px;
}
.texticons {
    font-size: 16px;
}
.textsections {
    font-size: 15px;
    font-weight:600;
}
.textcontents {
    font-size: 14px;
}
.texttitles {
    font-size: 20px;
    font-weight: 500;
}
.textbigtitles {
    font-size: 40px;
    font-weight: 600;
}
.textlogos {
    font-size: 15px;
    font-weight: 500;
}

.iconalign {

}

/* colors */




.color-red-1 {
    color: #FFEBEE;
}

.color-red-2 {
    color: #FFCDD2;
}

.color-red-3 {
    color: #EF9A9A;
}

.color-red-4 {
    color: #E57373;
}

.color-red-5 {
    color: #EF5350;
}

.color-red-6 {
    color: #E53935;
}

.color-red-7 {
    color: #D32F2F;
}

.color-red-8 {
    color: #C62828;
}

.color-red-9 {
    color: #B71C1C;
}

.color-red-10 {
    color: #F44336;
}

.background-red-1 {
    background-color: #FFEBEE;
}

.background-red-2 {
    background-color: #FFCDD2;
}

.background-red-3 {
    background-color: #EF9A9A;
}

.background-red-4 {
    background-color: #E57373;
}

.background-red-5 {
    background-color: #EF5350;
}

.background-red-6 {
    background-color: #E53935;
}

.background-red-7 {
    background-color: #D32F2F;
}

.background-red-8 {
    background-color: #C62828;
}

.background-red-9 {
    background-color: #B71C1C;
}

.background-red-10 {
    background-color: #F44336;
}

.bordercolor-red-1 {
    border-color: #FFEBEE;
}

.bordercolor-red-2 {
    border-color: #FFCDD2;
}

.bordercolor-red-3 {
    border-color: #EF9A9A;
}

.bordercolor-red-4 {
    border-color: #E57373;
}

.bordercolor-red-5 {
    border-color: #EF5350;
}

.bordercolor-red-6 {
    border-color: #E53935;
}

.bordercolor-red-7 {
    border-color: #D32F2F;
}

.bordercolor-red-8 {
    border-color: #C62828;
}

.bordercolor-red-9 {
    border-color: #B71C1C;
}

.bordercolor-red-10 {
    border-color: #F44336;
}

.color-pink-1 {
    color: #FCE4EC;
}

.color-pink-2 {
    color: #F8BBD0;
}

.color-pink-3 {
    color: #F48FB1;
}

.color-pink-4 {
    color: #F06292;
}

.color-pink-5 {
    color: #EC407A;
}

.color-pink-6 {
    color: #D81B60;
}

.color-pink-7 {
    color: #C2185B;
}

.color-pink-8 {
    color: #AD1457;
}

.color-pink-9 {
    color: #880E4F;
}

.color-pink-10 {
    color: #E91E63;
}

.background-pink-1 {
    background-color: #FCE4EC;
}

.background-pink-2 {
    background-color: #F8BBD0;
}

.background-pink-3 {
    background-color: #F48FB1;
}

.background-pink-4 {
    background-color: #F06292;
}

.background-pink-5 {
    background-color: #EC407A;
}

.background-pink-6 {
    background-color: #D81B60;
}

.background-pink-7 {
    background-color: #C2185B;
}

.background-pink-8 {
    background-color: #AD1457;
}

.background-pink-9 {
    background-color: #880E4F;
}

.background-pink-10 {
    background-color: #E91E63;
}

.bordercolor-pink-1 {
    border-color: #FCE4EC;
}

.bordercolor-pink-2 {
    border-color: #F8BBD0;
}

.bordercolor-pink-3 {
    border-color: #F48FB1;
}

.bordercolor-pink-4 {
    border-color: #F06292;
}

.bordercolor-pink-5 {
    border-color: #EC407A;
}

.bordercolor-pink-6 {
    border-color: #D81B60;
}

.bordercolor-pink-7 {
    border-color: #C2185B;
}

.bordercolor-pink-8 {
    border-color: #AD1457;
}

.bordercolor-pink-9 {
    border-color: #880E4F;
}

.bordercolor-pink-10 {
    border-color: #E91E63;
}

.color-purple-1 {
    color: #F3E5F5;
}

.color-purple-2 {
    color: #E1BEE7;
}

.color-purple-3 {
    color: #CE93D8;
}

.color-purple-4 {
    color: #BA68C8;
}

.color-purple-5 {
    color: #AB47BC;
}

.color-purple-6 {
    color: #8E24AA;
}

.color-purple-7 {
    color: #7B1FA2;
}

.color-purple-8 {
    color: #6A1B9A;
}

.color-purple-9 {
    color: #4A148C;
}

.color-purple-10 {
    color: #9C27B0;
}

.background-purple-1 {
    background-color: #F3E5F5;
}

.background-purple-2 {
    background-color: #E1BEE7;
}

.background-purple-3 {
    background-color: #CE93D8;
}

.background-purple-4 {
    background-color: #BA68C8;
}

.background-purple-5 {
    background-color: #AB47BC;
}

.background-purple-6 {
    background-color: #8E24AA;
}

.background-purple-7 {
    background-color: #7B1FA2;
}

.background-purple-8 {
    background-color: #6A1B9A;
}

.background-purple-9 {
    background-color: #4A148C;
}

.background-purple-10 {
    background-color: #9C27B0;
}

.bordercolor-purple-1 {
    border-color: #F3E5F5;
}

.bordercolor-purple-2 {
    border-color: #E1BEE7;
}

.bordercolor-purple-3 {
    border-color: #CE93D8;
}

.bordercolor-purple-4 {
    border-color: #BA68C8;
}

.bordercolor-purple-5 {
    border-color: #AB47BC;
}

.bordercolor-purple-6 {
    border-color: #8E24AA;
}

.bordercolor-purple-7 {
    border-color: #7B1FA2;
}

.bordercolor-purple-8 {
    border-color: #6A1B9A;
}

.bordercolor-purple-9 {
    border-color: #4A148C;
}

.bordercolor-purple-10 {
    border-color: #9C27B0;
}


.color-deeppurple-1 {
    color: #EDE7F6;
}

.color-deeppurple-2 {
    color: #D1C4E9;
}

.color-deeppurple-3 {
    color: #B39DDB;
}

.color-deeppurple-4 {
    color: #9575CD;
}

.color-deeppurple-5 {
    color: #7E57C2;
}

.color-deeppurple-6 {
    color: #5E35B1;
}

.color-deeppurple-7 {
    color: #512DA8;
}

.color-deeppurple-8 {
    color: #4527A0;
}

.color-deeppurple-9 {
    color: #311B92;
}

.color-deeppurple-10 {
    color: #673AB7;
}

.background-deeppurple-1 {
    background-color: #EDE7F6;
}

.background-deeppurple-2 {
    background-color: #D1C4E9;
}

.background-deeppurple-3 {
    background-color: #B39DDB;
}

.background-deeppurple-4 {
    background-color: #9575CD;
}

.background-deeppurple-5 {
    background-color: #7E57C2;
}

.background-deeppurple-6 {
    background-color: #5E35B1;
}

.background-deeppurple-7 {
    background-color: #512DA8;
}

.background-deeppurple-8 {
    background-color: #4527A0;
}

.background-deeppurple-9 {
    background-color: #311B92;
}

.background-deeppurple-10 {
    background-color: #673AB7;
}

.bordercolor-deeppurple-1 {
    border-color: #EDE7F6;
}

.bordercolor-deeppurple-2 {
    border-color: #D1C4E9;
}

.bordercolor-deeppurple-3 {
    border-color: #B39DDB;
}

.bordercolor-deeppurple-4 {
    border-color: #9575CD;
}

.bordercolor-deeppurple-5 {
    border-color: #7E57C2;
}

.bordercolor-deeppurple-6 {
    border-color: #5E35B1;
}

.bordercolor-deeppurple-7 {
    border-color: #512DA8;
}

.bordercolor-deeppurple-8 {
    border-color: #4527A0;
}

.bordercolor-deeppurple-9 {
    border-color: #311B92;
}

.bordercolor-deeppurple-10 {
    border-color: #673AB7;
}

.color-indigo-1 {
    color: #E8EAF6;
}

.color-indigo-2 {
    color: #C5CAE9;
}

.color-indigo-3 {
    color: #9FA8DA;
}

.color-indigo-4 {
    color: #7986CB;
}

.color-indigo-5 {
    color: #5C6BC0;
}

.color-indigo-6 {
    color: #3949AB;
}

.color-indigo-7 {
    color: #303F9F;
}

.color-indigo-8 {
    color: #283593;
}

.color-indigo-9 {
    color: #1A237E;
}

.color-indigo-10 {
    color: #3F51B5;
}

.background-indigo-1 {
    background-color: #E8EAF6;
}

.background-indigo-2 {
    background-color: #C5CAE9;
}

.background-indigo-3 {
    background-color: #9FA8DA;
}

.background-indigo-4 {
    background-color: #7986CB;
}

.background-indigo-5 {
    background-color: #5C6BC0;
}

.background-indigo-6 {
    background-color: #3949AB;
}

.background-indigo-7 {
    background-color: #303F9F;
}

.background-indigo-8 {
    background-color: #283593;
}

.background-indigo-9 {
    background-color: #1A237E;
}

.background-indigo-10 {
    background-color: #3F51B5;
}

.bordercolor-indigo-1 {
    border-color: #E8EAF6;
}

.bordercolor-indigo-2 {
    border-color: #C5CAE9;
}

.bordercolor-indigo-3 {
    border-color: #9FA8DA;
}

.bordercolor-indigo-4 {
    border-color: #7986CB;
}

.bordercolor-indigo-5 {
    border-color: #5C6BC0;
}

.bordercolor-indigo-6 {
    border-color: #3949AB;
}

.bordercolor-indigo-7 {
    border-color: #303F9F;
}

.bordercolor-indigo-8 {
    border-color: #283593;
}

.bordercolor-indigo-9 {
    border-color: #1A237E;
}

.bordercolor-indigo-10 {
    border-color: #3F51B5;
}

.color-blue-1 {
    color: #E3F2FD;
}

.color-blue-2 {
    color: #BBDEFB;
}

.color-blue-3 {
    color: #90CAF9;
}

.color-blue-4 {
    color: #64B5F6;
}

.color-blue-5 {
    color: #42A5F5;
}

.color-blue-6 {
    color: #1E88E5;
}

.color-blue-7 {
    color: #1976D2;
}

.color-blue-8 {
    color: #1565C0;
}

.color-blue-9 {
    color: #0D47A1;
}

.color-blue-10 {
    color: #2196F3;
}

.background-blue-1 {
    background-color: #E3F2FD;
}

.background-blue-2 {
    background-color: #BBDEFB;
}

.background-blue-3 {
    background-color: #90CAF9;
}

.background-blue-4 {
    background-color: #64B5F6;
}

.background-blue-5 {
    background-color: #42A5F5;
}

.background-blue-6 {
    background-color: #1E88E5;
}

.background-blue-7 {
    background-color: #1976D2;
}

.background-blue-8 {
    background-color: #1565C0;
}

.background-blue-9 {
    background-color: #0D47A1;
}

.background-blue-10 {
    background-color: #2196F3;
}

.bordercolor-blue-1 {
    border-color: #E3F2FD;
}

.bordercolor-blue-2 {
    border-color: #BBDEFB;
}

.bordercolor-blue-3 {
    border-color: #90CAF9;
}

.bordercolor-blue-4 {
    border-color: #64B5F6;
}

.bordercolor-blue-5 {
    border-color: #42A5F5;
}

.bordercolor-blue-6 {
    border-color: #1E88E5;
}

.bordercolor-blue-7 {
    border-color: #1976D2;
}

.bordercolor-blue-8 {
    border-color: #1565C0;
}

.bordercolor-blue-9 {
    border-color: #0D47A1;
}

.bordercolor-blue-10 {
    border-color: #2196F3;
}

.color-lightblue-1 {
    color: #E1F5FE;
}

.color-lightblue-2 {
    color: #B3E5FC;
}

.color-lightblue-3 {
    color: #81D4FA;
}

.color-lightblue-4 {
    color: #4FC3F7;
}

.color-lightblue-5 {
    color: #29B6F6;
}

.color-lightblue-6 {
    color: #039BE5;
}

.color-lightblue-7 {
    color: #0288D1;
}

.color-lightblue-8 {
    color: #0277BD;
}

.color-lightblue-9 {
    color: #01579B;
}

.color-lightblue-10 {
    color: #03A9F4;
}

.background-lightblue-1 {
    background-color: #E1F5FE;
}

.background-lightblue-2 {
    background-color: #B3E5FC;
}

.background-lightblue-3 {
    background-color: #81D4FA;
}

.background-lightblue-4 {
    background-color: #4FC3F7;
}

.background-lightblue-5 {
    background-color: #29B6F6;
}

.background-lightblue-6 {
    background-color: #039BE5;
}

.background-lightblue-7 {
    background-color: #0288D1;
}

.background-lightblue-8 {
    background-color: #0277BD;
}

.background-lightblue-9 {
    background-color: #01579B;
}

.background-lightblue-10 {
    background-color: #03A9F4;
}

.bordercolor-lightblue-1 {
    border-color: #E1F5FE;
}

.bordercolor-lightblue-2 {
    border-color: #B3E5FC;
}

.bordercolor-lightblue-3 {
    border-color: #81D4FA;
}

.bordercolor-lightblue-4 {
    border-color: #4FC3F7;
}

.bordercolor-lightblue-5 {
    border-color: #29B6F6;
}

.bordercolor-lightblue-6 {
    border-color: #039BE5;
}

.bordercolor-lightblue-7 {
    border-color: #0288D1;
}

.bordercolor-lightblue-8 {
    border-color: #0277BD;
}

.bordercolor-lightblue-9 {
    border-color: #01579B;
}

.bordercolor-lightblue-10 {
    border-color: #03A9F4;
}

.color-cyan-1 {
    color: #E0F7FA;
}

.color-cyan-2 {
    color: #B2EBF2;
}

.color-cyan-3 {
    color: #80DEEA;
}

.color-cyan-4 {
    color: #4DD0E1;
}

.color-cyan-5 {
    color: #26C6DA;
}

.color-cyan-6 {
    color: #00ACC1;
}

.color-cyan-7 {
    color: #0097A7;
}

.color-cyan-8 {
    color: #00838F;
}

.color-cyan-9 {
    color: #006064;
}

.color-cyan-10 {
    color: #00BCD4;
}

.background-cyan-1 {
    background-color: #E0F7FA;
}

.background-cyan-2 {
    background-color: #B2EBF2;
}

.background-cyan-3 {
    background-color: #80DEEA;
}

.background-cyan-4 {
    background-color: #4DD0E1;
}

.background-cyan-5 {
    background-color: #26C6DA;
}

.background-cyan-6 {
    background-color: #00ACC1;
}

.background-cyan-7 {
    background-color: #0097A7;
}

.background-cyan-8 {
    background-color: #00838F;
}

.background-cyan-9 {
    background-color: #006064;
}

.background-cyan-10 {
    background-color: #00BCD4;
}

.bordercolor-cyan-1 {
    border-color: #E0F7FA;
}

.bordercolor-cyan-2 {
    border-color: #B2EBF2;
}

.bordercolor-cyan-3 {
    border-color: #80DEEA;
}

.bordercolor-cyan-4 {
    border-color: #4DD0E1;
}

.bordercolor-cyan-5 {
    border-color: #26C6DA;
}

.bordercolor-cyan-6 {
    border-color: #00ACC1;
}

.bordercolor-cyan-7 {
    border-color: #0097A7;
}

.bordercolor-cyan-8 {
    border-color: #00838F;
}

.bordercolor-cyan-9 {
    border-color: #006064;
}

.bordercolor-cyan-10 {
    border-color: #00BCD4;
}

.color-teal-1 {
    color: #E0F2F1;
}

.color-teal-2 {
    color: #B2DFDB;
}

.color-teal-3 {
    color: #80CBC4;
}

.color-teal-4 {
    color: #4DB6AC;
}

.color-teal-5 {
    color: #26A69A;
}

.color-teal-6 {
    color: #00897B;
}

.color-teal-7 {
    color: #00796B;
}

.color-teal-8 {
    color: #00695C;
}

.color-teal-9 {
    color: #004D40;
}

.color-teal-10 {
    color: #009688;
}

.background-teal-1 {
    background-color: #E0F2F1;
}

.background-teal-2 {
    background-color: #B2DFDB;
}

.background-teal-3 {
    background-color: #80CBC4;
}

.background-teal-4 {
    background-color: #4DB6AC;
}

.background-teal-5 {
    background-color: #26A69A;
}

.background-teal-6 {
    background-color: #00897B;
}

.background-teal-7 {
    background-color: #00796B;
}

.background-teal-8 {
    background-color: #00695C;
}

.background-teal-9 {
    background-color: #004D40;
}

.background-teal-10 {
    background-color: #009688;
}

.bordercolor-teal-1 {
    border-color: #E0F2F1;
}

.bordercolor-teal-2 {
    border-color: #B2DFDB;
}

.bordercolor-teal-3 {
    border-color: #80CBC4;
}

.bordercolor-teal-4 {
    border-color: #4DB6AC;
}

.bordercolor-teal-5 {
    border-color: #26A69A;
}

.bordercolor-teal-6 {
    border-color: #00897B;
}

.bordercolor-teal-7 {
    border-color: #00796B;
}

.bordercolor-teal-8 {
    border-color: #00695C;
}

.bordercolor-teal-9 {
    border-color: #004D40;
}

.bordercolor-teal-10 {
    border-color: #009688;
}

.color-green-1 {
    color: #E8F5E9;
}

.color-green-2 {
    color: #C8E6C9;
}

.color-green-3 {
    color: #A5D6A7;
}

.color-green-4 {
    color: #81C784;
}

.color-green-5 {
    color: #66BB6A;
}

.color-green-6 {
    color: #43A047;
}

.color-green-7 {
    color: #388E3C;
}

.color-green-8 {
    color: #2E7D32;
}

.color-green-9 {
    color: #1B5E20;
}

.color-green-10 {
    color: #4CAF50;
}

.background-green-1 {
    background-color: #E8F5E9;
}

.background-green-2 {
    background-color: #C8E6C9;
}

.background-green-3 {
    background-color: #A5D6A7;
}

.background-green-4 {
    background-color: #81C784;
}

.background-green-5 {
    background-color: #66BB6A;
}

.background-green-6 {
    background-color: #43A047;
}

.background-green-7 {
    background-color: #388E3C;
}

.background-green-8 {
    background-color: #2E7D32;
}

.background-green-9 {
    background-color: #1B5E20;
}

.background-green-10 {
    background-color: #4CAF50;
}

.bordercolor-green-1 {
    border-color: #E8F5E9;
}

.bordercolor-green-2 {
    border-color: #C8E6C9;
}

.bordercolor-green-3 {
    border-color: #A5D6A7;
}

.bordercolor-green-4 {
    border-color: #81C784;
}

.bordercolor-green-5 {
    border-color: #66BB6A;
}

.bordercolor-green-6 {
    border-color: #43A047;
}

.bordercolor-green-7 {
    border-color: #388E3C;
}

.bordercolor-green-8 {
    border-color: #2E7D32;
}

.bordercolor-green-9 {
    border-color: #1B5E20;
}

.bordercolor-green-10 {
    border-color: #4CAF50;
}

.color-lightgreen-1 {
    color: #F1F8E9;
}

.color-lightgreen-2 {
    color: #DCEDC8;
}

.color-lightgreen-3 {
    color: #C5E1A5;
}

.color-lightgreen-4 {
    color: #AED581;
}

.color-lightgreen-5 {
    color: #9CCC65;
}

.color-lightgreen-6 {
    color: #7CB342;
}

.color-lightgreen-7 {
    color: #689F38;
}

.color-lightgreen-8 {
    color: #558B2F;
}

.color-lightgreen-9 {
    color: #33691E;
}

.color-lightgreen-10 {
    color: #8BC34A;
}

.background-lightgreen-1 {
    background-color: #F1F8E9;
}

.background-lightgreen-2 {
    background-color: #DCEDC8;
}

.background-lightgreen-3 {
    background-color: #C5E1A5;
}

.background-lightgreen-4 {
    background-color: #AED581;
}

.background-lightgreen-5 {
    background-color: #9CCC65;
}

.background-lightgreen-6 {
    background-color: #7CB342;
}

.background-lightgreen-7 {
    background-color: #689F38;
}

.background-lightgreen-8 {
    background-color: #558B2F;
}

.background-lightgreen-9 {
    background-color: #33691E;
}

.background-lightgreen-10 {
    background-color: #8BC34A;
}

.bordercolor-lightgreen-1 {
    border-color: #F1F8E9;
}

.bordercolor-lightgreen-2 {
    border-color: #DCEDC8;
}

.bordercolor-lightgreen-3 {
    border-color: #C5E1A5;
}

.bordercolor-lightgreen-4 {
    border-color: #AED581;
}

.bordercolor-lightgreen-5 {
    border-color: #9CCC65;
}

.bordercolor-lightgreen-6 {
    border-color: #7CB342;
}

.bordercolor-lightgreen-7 {
    border-color: #689F38;
}

.bordercolor-lightgreen-8 {
    border-color: #558B2F;
}

.bordercolor-lightgreen-9 {
    border-color: #33691E;
}

.bordercolor-lightgreen-10 {
    border-color: #8BC34A;
}

.color-lime-1 {
    color: #F9FBE7;
}

.color-lime-2 {
    color: #F0F4C3;
}

.color-lime-3 {
    color: #E6EE9C;
}

.color-lime-4 {
    color: #DCE775;
}

.color-lime-5 {
    color: #D4E157;
}

.color-lime-6 {
    color: #C0CA33;
}

.color-lime-7 {
    color: #AFB42B;
}

.color-lime-8 {
    color: #9E9D24;
}

.color-lime-9 {
    color: #827717;
}

.color-lime-10 {
    color: #CDDC39;
}

.background-lime-1 {
    background-color: #F9FBE7;
}

.background-lime-2 {
    background-color: #F0F4C3;
}

.background-lime-3 {
    background-color: #E6EE9C;
}

.background-lime-4 {
    background-color: #DCE775;
}

.background-lime-5 {
    background-color: #D4E157;
}

.background-lime-6 {
    background-color: #C0CA33;
}

.background-lime-7 {
    background-color: #AFB42B;
}

.background-lime-8 {
    background-color: #9E9D24;
}

.background-lime-9 {
    background-color: #827717;
}

.background-lime-10 {
    background-color: #CDDC39;
}

.bordercolor-lime-1 {
    border-color: #F9FBE7;
}

.bordercolor-lime-2 {
    border-color: #F0F4C3;
}

.bordercolor-lime-3 {
    border-color: #E6EE9C;
}

.bordercolor-lime-4 {
    border-color: #DCE775;
}

.bordercolor-lime-5 {
    border-color: #D4E157;
}

.bordercolor-lime-6 {
    border-color: #C0CA33;
}

.bordercolor-lime-7 {
    border-color: #AFB42B;
}

.bordercolor-lime-8 {
    border-color: #9E9D24;
}

.bordercolor-lime-9 {
    border-color: #827717;
}

.bordercolor-lime-10 {
    border-color: #CDDC39;
}

.color-yellow-1 {
    color: #FFFDE7;
}

.color-yellow-2 {
    color: #FFF9C4;
}

.color-yellow-3 {
    color: #FFF59D;
}

.color-yellow-4 {
    color: #FFF176;
}

.color-yellow-5 {
    color: #FFEE58;
}

.color-yellow-6 {
    color: #FDD835;
}

.color-yellow-7 {
    color: #FBC02D;
}

.color-yellow-8 {
    color: #F9A825;
}

.color-yellow-9 {
    color: #F57F17;
}

.color-yellow-10 {
    color: #FFEB3B;
}

.background-yellow-1 {
    background-color: #FFFDE7;
}

.background-yellow-2 {
    background-color: #FFF9C4;
}

.background-yellow-3 {
    background-color: #FFF59D;
}

.background-yellow-4 {
    background-color: #FFF176;
}

.background-yellow-5 {
    background-color: #FFEE58;
}

.background-yellow-6 {
    background-color: #FDD835;
}

.background-yellow-7 {
    background-color: #FBC02D;
}

.background-yellow-8 {
    background-color: #F9A825;
}

.background-yellow-9 {
    background-color: #F57F17;
}

.background-yellow-10 {
    background-color: #FFEB3B;
}

.bordercolor-yellow-1 {
    border-color: #FFFDE7;
}

.bordercolor-yellow-2 {
    border-color: #FFF9C4;
}

.bordercolor-yellow-3 {
    border-color: #FFF59D;
}

.bordercolor-yellow-4 {
    border-color: #FFF176;
}

.bordercolor-yellow-5 {
    border-color: #FFEE58;
}

.bordercolor-yellow-6 {
    border-color: #FDD835;
}

.bordercolor-yellow-7 {
    border-color: #FBC02D;
}

.bordercolor-yellow-8 {
    border-color: #F9A825;
}

.bordercolor-yellow-9 {
    border-color: #F57F17;
}

.bordercolor-yellow-10 {
    border-color: #FFEB3B;
}

.color-amber-1 {
    color: #FFF8E1;
}

.color-amber-2 {
    color: #FFECB3;
}

.color-amber-3 {
    color: #FFE082;
}

.color-amber-4 {
    color: #FFD54F;
}

.color-amber-5 {
    color: #FFCA28;
}

.color-amber-6 {
    color: #FFB300;
}

.color-amber-7 {
    color: #FFA000;
}

.color-amber-8 {
    color: #FF8F00;
}

.color-amber-9 {
    color: #FF6F00;
}

.color-amber-10 {
    color: #FFC107;
}

.background-amber-1 {
    background-color: #FFF8E1;
}

.background-amber-2 {
    background-color: #FFECB3;
}

.background-amber-3 {
    background-color: #FFE082;
}

.background-amber-4 {
    background-color: #FFD54F;
}

.background-amber-5 {
    background-color: #FFCA28;
}

.background-amber-6 {
    background-color: #FFB300;
}

.background-amber-7 {
    background-color: #FFA000;
}

.background-amber-8 {
    background-color: #FF8F00;
}

.background-amber-9 {
    background-color: #FF6F00;
}

.background-amber-10 {
    background-color: #FFC107;
}

.bordercolor-amber-1 {
    border-color: #FFF8E1;
}

.bordercolor-amber-2 {
    border-color: #FFECB3;
}

.bordercolor-amber-3 {
    border-color: #FFE082;
}

.bordercolor-amber-4 {
    border-color: #FFD54F;
}

.bordercolor-amber-5 {
    border-color: #FFCA28;
}

.bordercolor-amber-6 {
    border-color: #FFB300;
}

.bordercolor-amber-7 {
    border-color: #FFA000;
}

.bordercolor-amber-8 {
    border-color: #FF8F00;
}

.bordercolor-amber-9 {
    border-color: #FF6F00;
}

.bordercolor-amber-10 {
    border-color: #FFC107;
}


.color-orange-1 {
    color: #FFF3E0;
}

.color-orange-2 {
    color: #FFE0B2;
}

.color-orange-3 {
    color: #FFE082;
}

.color-orange-4 {
    color: #FFCC80;
}

.color-orange-5 {
    color: #FFB74D;
}

.color-orange-6 {
    color: #FFA726;
}

.color-orange-7 {
    color: #FB8C00;
}

.color-orange-8 {
    color: #F57C00;
}

.color-orange-9 {
    color: #EF6C00;
}

.color-orange-10 {
    color: #FF9800;
}

.background-orange-1 {
    background-color: #FFF3E0;
}

.background-orange-2 {
    background-color: #FFE0B2;
}

.background-orange-3 {
    background-color: #FFE082;
}

.background-orange-4 {
    background-color: #FFCC80;
}

.background-orange-5 {
    background-color: #FFB74D;
}

.background-orange-6 {
    background-color: #FFA726;
}

.background-orange-7 {
    background-color: #FB8C00;
}

.background-orange-8 {
    background-color: #F57C00;
}

.background-orange-9 {
    background-color: #EF6C00;
}

.background-orange-10 {
    background-color: #FF9800;
}

.bordercolor-orange-1 {
    border-color: #FFF3E0;
}

.bordercolor-orange-2 {
    border-color: #FFE0B2;
}

.bordercolor-orange-3 {
    border-color: #FFE082;
}

.bordercolor-orange-4 {
    border-color: #FFCC80;
}

.bordercolor-orange-5 {
    border-color: #FFB74D;
}

.bordercolor-orange-6 {
    border-color: #FFA726;
}

.bordercolor-orange-7 {
    border-color: #FB8C00;
}

.bordercolor-orange-8 {
    border-color: #F57C00;
}

.bordercolor-orange-9 {
    border-color: #EF6C00;
}

.bordercolor-orange-10 {
    border-color: #FF9800;
}


.color-deeporange-1 {
    color: #FBE9E7;
}

.color-deeporange-2 {
    color: #FFCCBC;
}

.color-deeporange-3 {
    color: #FFAB91;
}

.color-deeporange-4 {
    color: #FF8A65;
}

.color-deeporange-5 {
    color: #FF7043;
}

.color-deeporange-6 {
    color: #F4511E;
}

.color-deeporange-7 {
    color: #E64A19;
}

.color-deeporange-8 {
    color: #D84315;
}

.color-deeporange-9 {
    color: #BF360C;
}

.color-deeporange-10 {
    color: #FF5722;
}

.background-deeporange-1 {
    background-color: #FBE9E7;
}

.background-deeporange-2 {
    background-color: #FFCCBC;
}

.background-deeporange-3 {
    background-color: #FFAB91;
}

.background-deeporange-4 {
    background-color: #FF8A65;
}

.background-deeporange-5 {
    background-color: #FF7043;
}

.background-deeporange-6 {
    background-color: #F4511E;
}

.background-deeporange-7 {
    background-color: #E64A19;
}

.background-deeporange-8 {
    background-color: #D84315;
}

.background-deeporange-9 {
    background-color: #BF360C;
}

.background-deeporange-10 {
    background-color: #FF5722;
}

.bordercolor-deeporange-1 {
    border-color: #FBE9E7;
}

.bordercolor-deeporange-2 {
    border-color: #FFCCBC;
}

.bordercolor-deeporange-3 {
    border-color: #FFAB91;
}

.bordercolor-deeporange-4 {
    border-color: #FF8A65;
}

.bordercolor-deeporange-5 {
    border-color: #FF7043;
}

.bordercolor-deeporange-6 {
    border-color: #F4511E;
}

.bordercolor-deeporange-7 {
    border-color: #E64A19;
}

.bordercolor-deeporange-8 {
    border-color: #D84315;
}

.bordercolor-deeporange-9 {
    border-color: #BF360C;
}

.bordercolor-deeporange-10 {
    border-color: #FF5722;
}

.color-brown-1 {
    color: #EFEBE9;
}

.color-brown-2 {
    color: #D7CCC8;
}

.color-brown-3 {
    color: #BCAAA4;
}

.color-brown-4 {
    color: #A1887F;
}

.color-brown-5 {
    color: #8D6E63;
}

.color-brown-6 {
    color: #6D4C41;
}

.color-brown-7 {
    color: #5D4037;
}

.color-brown-8 {
    color: #4E342E;
}

.color-brown-9 {
    color: #3E2723;
}

.color-brown-10 {
    color: #795548;
}

.background-brown-1 {
    background-color: #EFEBE9;
}

.background-brown-2 {
    background-color: #D7CCC8;
}

.background-brown-3 {
    background-color: #BCAAA4;
}

.background-brown-4 {
    background-color: #A1887F;
}

.background-brown-5 {
    background-color: #8D6E63;
}

.background-brown-6 {
    background-color: #6D4C41;
}

.background-brown-7 {
    background-color: #5D4037;
}

.background-brown-8 {
    background-color: #4E342E;
}

.background-brown-9 {
    background-color: #3E2723;
}

.background-brown-10 {
    background-color: #795548;
}

.bordercolor-brown-1 {
    border-color: #EFEBE9;
}

.bordercolor-brown-2 {
    border-color: #D7CCC8;
}

.bordercolor-brown-3 {
    border-color: #BCAAA4;
}

.bordercolor-brown-4 {
    border-color: #A1887F;
}

.bordercolor-brown-5 {
    border-color: #8D6E63;
}

.bordercolor-brown-6 {
    border-color: #6D4C41;
}

.bordercolor-brown-7 {
    border-color: #5D4037;
}

.bordercolor-brown-8 {
    border-color: #4E342E;
}

.bordercolor-brown-9 {
    border-color: #3E2723;
}

.bordercolor-brown-10 {
    border-color: #795548;
}

.color-bluegray-1 {
    color: #ECEFF1;
}

.color-bluegray-2 {
    color: #CFD8DC;
}

.color-bluegray-3 {
    color: #B0BEC5;
}

.color-bluegray-4 {
    color: #90A4AE;
}

.color-bluegray-5 {
    color: #78909C;
}

.color-bluegray-6 {
    color: #546E7A;
}

.color-bluegray-7 {
    color: #455A64;
}

.color-bluegray-8 {
    color: #37474F;
}

.color-bluegray-9 {
    color: #263238;
}

.color-bluegray-10 {
    color: #607D8B;
}

.background-bluegray-1 {
    background-color: #ECEFF1;
}

.background-bluegray-2 {
    background-color: #CFD8DC;
}

.background-bluegray-3 {
    background-color: #B0BEC5;
}

.background-bluegray-4 {
    background-color: #90A4AE;
}

.background-bluegray-5 {
    background-color: #78909C;
}

.background-bluegray-6 {
    background-color: #546E7A;
}

.background-bluegray-7 {
    background-color: #455A64;
}

.background-bluegray-8 {
    background-color: #37474F;
}

.background-bluegray-9 {
    background-color: #263238;
}

.background-bluegray-10 {
    background-color: #607D8B;
}

.bordercolor-bluegray-1 {
    border-color: #ECEFF1;
}

.bordercolor-bluegray-2 {
    border-color: #CFD8DC;
}

.bordercolor-bluegray-3 {
    border-color: #B0BEC5;
}

.bordercolor-bluegray-4 {
    border-color: #90A4AE;
}

.bordercolor-bluegray-5 {
    border-color: #78909C;
}

.bordercolor-bluegray-6 {
    border-color: #546E7A;
}

.bordercolor-bluegray-7 {
    border-color: #455A64;
}

.bordercolor-bluegray-8 {
    border-color: #37474F;
}

.bordercolor-bluegray-9 {
    border-color: #263238;
}

.bordercolor-bluegray-10 {
    border-color: #607D8B;
}

.color-gray-1 {
    color: #FAFAFA;
}

.color-gray-2 {
    color: #F5F5F5;
}

.color-gray-3 {
    color: #EEEEEE;
}

.color-gray-4 {
    color: #E0E0E0;
}

.color-gray-5 {
    color: #BDBDBD;
}

.color-gray-6 {
    color: #757575;
}

.color-gray-7 {
    color: #616161;
}

.color-gray-8 {
    color: #424242;
}

.color-gray-9 {
    color: #212121;
}

.color-gray-10 {
    color: #9E9E9E;
}

.background-gray-1 {
    background-color: #FAFAFA;
}

.background-gray-2 {
    background-color: #F5F5F5;
}

.background-gray-3 {
    background-color: #EEEEEE;
}

.background-gray-4 {
    background-color: #E0E0E0;
}

.background-gray-5 {
    background-color: #BDBDBD;
}

.background-gray-6 {
    background-color: #757575;
}

.background-gray-7 {
    background-color: #616161;
}

.background-gray-8 {
    background-color: #424242;
}

.background-gray-9 {
    background-color: #212121;
}

.background-gray-10 {
    background-color: #9E9E9E;
}

.bordercolor-gray-1 {
    border-color: #FAFAFA;
}

.bordercolor-gray-2 {
    border-color: #F5F5F5;
}

.bordercolor-gray-3 {
    border-color: #EEEEEE;
}

.bordercolor-gray-4 {
    border-color: #E0E0E0;
}

.bordercolor-gray-5 {
    border-color: #BDBDBD;
}

.bordercolor-gray-6 {
    border-color: #757575;
}

.bordercolor-gray-7 {
    border-color: #616161;
}

.bordercolor-gray-8 {
    border-color: #424242;
}

.bordercolor-gray-9 {
    border-color: #212121;
}

.bordercolor-gray-10 {
    border-color: #9E9E9E;
}

.background-white {
    background-color: #FFFFFF;
}

.color-white {
    color: #FFFFFF;
}

.bordercolor-white {
    border-color: #FFFFFF;
}

.background-white {
    background-color: #FFFFFF;
}

.color-white {
    color: #FFFFFF;
}

.bordercolor-white {
    border-color: #FFFFFF;
}

.background-transparent {
    background-color: transparent;
}

.color-transparent {
    color: transparent;
}

.bordercolor-transparent {
    border-color: transparent;
}
/**/
/*circle*/
.circle-center {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    padding: 0.15rem;
    overflow: hidden;
    text-align: center;
    font-weight: 600;
    user-select: none;
    box-sizing: border-box;
    /*border-radius: 50%;
    display: flex;*/ /* or inline-flex */
    /*align-items: center;
    justify-content: center;
    padding:1.5rem;*/
}
.circle-center-avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    padding: 0.5rem;
    overflow: hidden;
    text-align: center;
    font-weight: 600;
    user-select: none;
    box-sizing: border-box;
    /*border-radius: 50%;
    display: flex;*/ /* or inline-flex */
    /*align-items: center;
    justify-content: center;
    padding:1.5rem;*/
}
/*border*/
.bordersize-none {
    border-width: 0px;
}

.bordersize-px-1 {
    border-width: 1px;
}

.bordersize-px-2 {
    border-width: 2px;
}

.bordersize-px-3 {
    border-width: 3px;
}

.bordersize-px-4 {
    border-width: 4px;
}

.bordersize-px-5 {
    border-width: 5px;
}

.bordersize-px-6 {
    border-width: 6px;
}

.bordersize-px-7 {
    border-width: 7px;
}

.bordersize-px-8 {
    border-width: 8px;
}

.borderstyle-dotted {
    border-style: dotted;
}

.borderstyle-solid {
    border-style: solid;
}

.borderstyle-none {
    border-style: none;
}

.border-sides {
    border-style: none solid none solid;
}

.border-updown {
    border-style: solid none solid none;
}

.border-bottom {
    border-style: none none solid none;
}

.border-top {
    border-style: solid none none none;
}

.borderradius-px-4 {
    border-radius: 4px;
}

.borderradius-px-5 {
    border-radius: 5px;
}

.borderradius-px-6 {
    border-radius: 6px;
}

.borderradius-px-7 {
    border-radius: 7px;
}

.borderradius-pc-50 {
    border-radius: 50%;
}

.borderradius-top-px-4 {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.borderradius-top-px-5 {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.borderradius-top-px-6 {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.borderradius-top-px-7 {
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

.borderradius-bottom-px-4 {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.borderradius-bottom-px-5 {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.borderradius-bottom-px-6 {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.borderradius-bottom-px-7 {
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}
/*margin*/
.margin-center {
    margin-left: auto;
    margin-right: auto;
}

.marginnone {
    margin: 0;
}

.marginleft-px-5 {
    margin-left: 5px;
}

.marginleft-px-10 {
    margin-left: 10px;
}

.marginleft-px-15 {
    margin-left: 15px;
}

.marginleft-px-20 {
    margin-left: 20px;
}

.marginleft-px-25 {
    margin-left: 25px;
}

.marginleft-px-30 {
    margin-left: 30px;
}

.marginleft-px-35 {
    margin-left: 35px;
}

.marginleft-px-40 {
    margin-left: 40px;
}

.marginleft-px-45 {
    margin-left: 45px;
}

.marginleft-px-50 {
    margin-left: 50px;
}

.marginleft-px-55 {
    margin-left: 55px;
}

.marginleft-pc-5 {
    margin-left: 5%;
}

.marginleft-pc-10 {
    margin-left: 10%;
}

.marginleft-pc-15 {
    margin-left: 15%;
}

.marginleft-pc-20 {
    margin-left: 20%;
}

.marginleft-pc-25 {
    margin-left: 25%;
}

.marginleft-pc-30 {
    margin-left: 30%;
}

.marginleft-pc-35 {
    margin-left: 35%;
}

.marginleft-pc-40 {
    margin-left: 40%;
}

.marginleft-pc-45 {
    margin-left: 45%;
}

.marginleft-pc-50 {
    margin-left: 50%;
}

.marginleft-pc-55 {
    margin-left: 55%;
}

.marginleft-rem-5 {
    margin-left: 0.5rem;
}

.marginleft-rem-10 {
    margin-left: 1rem;
}

.marginleft-rem-15 {
    margin-left: 1.5rem;
}

.marginleft-rem-20 {
    margin-left: 2rem;
}

.marginleft-rem-25 {
    margin-left: 2.5rem;
}

.marginleft-rem-30 {
    margin-left: 3rem;
}

.marginright-rem-5 {
    margin-right: 0.5rem;
}

.marginright-rem-10 {
    margin-right: 1rem;
}

.marginright-rem-15 {
    margin-right: 1.5rem;
}

.marginright-rem-20 {
    margin-right: 2rem;
}

.marginright-rem-25 {
    margin-right: 2.5rem;
}

.marginright-rem-30 {
    margin-right: 3rem;
}

.marginbottom-rem-5 {
    margin-bottom: 0.5rem;
}

.marginbottom-rem-10 {
    margin-bottom: 1rem;
}

.marginbottom-rem-15 {
    margin-bottom: 1.5rem;
}

.marginbottom-rem-20 {
    margin-bottom: 2rem;
}

.marginbottom-rem-25 {
    margin-bottom: 2.5rem;
}

.marginbottom-rem-30 {
    margin-bottom: 3rem;
}

.margintop-rem-5 {
    margin-top: 0.5rem;
}

.margintop-rem-10 {
    margin-top: 1rem;
}

.margintop-rem-15 {
    margin-top: 1.5rem;
}

.margintop-rem-20 {
    margin-top: 2rem;
}

.margintop-rem-25 {
    margin-top: 2.5rem;
}

.margintop-rem-30 {
    margin-top: 3rem;
}

.marginright-px-5 {
    margin-right: 5px;
}

.marginright-px-10 {
    margin-right: 10px;
}

.marginright-px-15 {
    margin-right: 15px;
}

.marginright-px-20 {
    margin-right: 20px;
}

.marginright-px-25 {
    margin-right: 25px;
}

.marginright-px-30 {
    margin-right: 30px;
}

.marginright-px-35 {
    margin-right: 35px;
}

.marginright-px-40 {
    margin-right: 40px;
}

.marginright-px-45 {
    margin-right: 45px;
}

.marginright-px-50 {
    margin-right: 50px;
}

.marginright-px-55 {
    margin-right: 55px;
}

.marginright-pc-5 {
    margin-right: 5%;
}

.marginright-pc-10 {
    margin-right: 10%;
}

.marginright-pc-15 {
    margin-right: 15%;
}

.marginright-pc-20 {
    margin-right: 20%;
}

.marginright-pc-25 {
    margin-right: 25%;
}

.marginright-pc-30 {
    margin-right: 30%;
}

.marginright-pc-35 {
    margin-right: 35%;
}

.marginright-pc-40 {
    margin-right: 40%;
}

.marginright-pc-45 {
    margin-right: 45%;
}

.marginright-pc-50 {
    margin-right: 50%;
}

.marginright-pc-55 {
    margin-right: 55%;
}

.marginbottom-px-5 {
    margin-bottom: 5px;
}

.marginbottom-px-10 {
    margin-bottom: 10px;
}

.marginbottom-px-15 {
    margin-bottom: 15px;
}

.marginbottom-px-20 {
    margin-bottom: 20px;
}

.marginbottom-px-25 {
    margin-bottom: 25px;
}

.marginbottom-px-30 {
    margin-bottom: 30px;
}

.marginbottom-px-35 {
    margin-bottom: 35px;
}

.marginbottom-px-40 {
    margin-bottom: 40px;
}

.marginbottom-px-45 {
    margin-bottom: 45px;
}

.marginbottom-px-50 {
    margin-bottom: 50px;
}

.marginbottom-px-55 {
    margin-bottom: 55px;
}

.marginbottom-pc-5 {
    margin-bottom: 5%;
}

.marginbottom-pc-10 {
    margin-bottom: 10%;
}

.marginbottom-pc-15 {
    margin-bottom: 15%;
}

.marginbottom-pc-20 {
    margin-bottom: 20%;
}

.marginbottom-pc-25 {
    margin-bottom: 25%;
}

.marginbottom-pc-30 {
    margin-bottom: 30%;
}

.marginbottom-pc-35 {
    margin-bottom: 35%;
}

.marginbottom-pc-40 {
    margin-bottom: 40%;
}

.marginbottom-pc-45 {
    margin-bottom: 45%;
}

.marginbottom-pc-50 {
    margin-bottom: 50%;
}

.marginbottom-pc-55 {
    margin-bottom: 55%;
}

.margintop-px-5 {
    margin-top: 5px;
}

.margintop-px-10 {
    margin-top: 10px;
}

.margintop-px-15 {
    margin-top: 15px;
}

.margintop-px-20 {
    margin-top: 20px;
}

.margintop-px-25 {
    margin-top: 25px;
}

.margintop-px-30 {
    margin-top: 30px;
}

.margintop-px-35 {
    margin-top: 35px;
}

.margintop-px-40 {
    margin-top: 40px;
}

.margintop-px-45 {
    margin-top: 45px;
}

.margintop-px-50 {
    margin-top: 50px;
}

.margintop-px-55 {
    margin-top: 55px;
}

.margintop-pc-5 {
    margin-top: 5%;
}

.margintop-pc-10 {
    margin-top: 10%;
}

.margintop-pc-15 {
    margin-top: 15%;
}

.margintop-pc-20 {
    margin-top: 20%;
}

.margintop-pc-25 {
    margin-top: 25%;
}

.margintop-pc-30 {
    margin-top: 30%;
}

.margintop-pc-35 {
    margin-top: 35%;
}

.margintop-pc-40 {
    margin-top: 40%;
}

.margintop-pc-45 {
    margin-top: 45%;
}

.margintop-pc-50 {
    margin-top: 50%;
}

.margintop-pc-55 {
    margin-top: 55%;
}

.marginupdown-rem-5 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.marginupdown-rem-10 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.marginupdown-rem-15 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.marginupdown-rem-20 {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.marginupdown-rem-25 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
}

.marginupdown-rem-30 {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

/*padding*/
.paddingtop-px-5 {
    padding-top: 5px;
}

.paddingtop-px-10 {
    padding-top: 10px;
}

.paddingtop-px-15 {
    padding-top: 15px;
}

.paddingtop-px-20 {
    padding-top: 20px;
}

.paddingtop-px-25 {
    padding-top: 25px;
}

.paddingtop-px-30 {
    padding-top: 30px;
}

.paddingtop-px-35 {
    padding-top: 35px;
}

.paddingtop-px-40 {
    padding-top: 40px;
}

.paddingtop-px-45 {
    padding-top: 45px;
}

.paddingtop-px-50 {
    padding-top: 50px;
}

.paddingtop-px-55 {
    padding-top: 55px;
}

.paddingtop-rem-5 {
    padding-top: 0.5rem;
}

.paddingtop-rem-10 {
    padding-top: 1rem;
}

.paddingtop-rem-15 {
    padding-top: 1.5rem;
}

.paddingtop-rem-20 {
    padding-top: 2rem;
}

.paddingtop-rem-25 {
    padding-top: 2.5rem;
}

.paddingtop-rem-30 {
    padding-top: 3rem;
}

.paddingtop-rem-35 {
    padding-top: 3.5rem;
}

.paddingtop-rem-40 {
    padding-top: 4rem;
}

.paddingtop-rem-45 {
    padding-top: 4.5rem;
}

.paddingtop-rem-50 {
    padding-top: 5rem;
}

.paddingtop-rem-55 {
    padding-top: 5.5rem;
}

.paddingleft-px-5 {
    padding-left: 5px;
}

.paddingleft-px-10 {
    padding-left: 10px;
}

.paddingleft-px-15 {
    padding-left: 15px;
}

.paddingleft-px-20 {
    padding-left: 20px;
}

.paddingleft-px-25 {
    padding-left: 25px;
}

.paddingleft-px-30 {
    padding-left: 30px;
}

.paddingleft-px-35 {
    padding-left: 35px;
}

.paddingleft-px-40 {
    padding-left: 40px;
}

.paddingleft-px-45 {
    padding-left: 45px;
}

.paddingleft-px-50 {
    padding-left: 50px;
}

.paddingleft-px-55 {
    padding-left: 55px;
}

.paddingleft-rem-5 {
    padding-left: 0.5rem;
}

.paddingleft-rem-10 {
    padding-left: 1rem;
}

.paddingleft-rem-15 {
    padding-left: 1.5rem;
}

.paddingleft-rem-20 {
    padding-left: 2rem;
}

.paddingleft-rem-25 {
    padding-left: 2.5rem;
}

.paddingleft-rem-30 {
    padding-left: 3rem;
}

.paddingleft-rem-35 {
    padding-left: 3.5rem;
}

.paddingleft-rem-40 {
    padding-left: 4rem;
}

.paddingleft-rem-45 {
    padding-left: 4.5rem;
}

.paddingleft-rem-50 {
    padding-left: 5rem;
}

.paddingleft-rem-55 {
    padding-left: 5.5rem;
}

.paddingright-px-5 {
    padding-right: 5px;
}

.paddingright-px-10 {
    padding-right: 10px;
}

.paddingright-px-15 {
    padding-right: 15px;
}

.paddingright-px-20 {
    padding-right: 20px;
}

.paddingright-px-25 {
    padding-right: 25px;
}

.paddingright-px-30 {
    padding-right: 30px;
}

.paddingright-px-35 {
    padding-right: 35px;
}

.paddingright-px-40 {
    padding-right: 40px;
}

.paddingright-px-45 {
    padding-right: 45px;
}

.paddingright-px-50 {
    padding-right: 50px;
}

.paddingright-px-55 {
    padding-right: 55px;
}

.paddingright-rem-5 {
    padding-right: 0.5rem;
}

.paddingright-rem-10 {
    padding-right: 1rem;
}

.paddingright-rem-15 {
    padding-right: 1.5rem;
}

.paddingright-rem-20 {
    padding-right: 2rem;
}

.paddingright-rem-25 {
    padding-right: 2.5rem;
}

.paddingright-rem-30 {
    padding-right: 3rem;
}

.paddingright-rem-35 {
    padding-right: 3.5rem;
}

.paddingright-rem-40 {
    padding-right: 4rem;
}

.paddingright-rem-45 {
    padding-right: 4.5rem;
}

.paddingright-rem-50 {
    padding-right: 5rem;
}

.paddingright-rem-55 {
    padding-right: 5.5rem;
}

.paddingbottom-px-5 {
    padding-bottom: 5px;
}

.paddingbottom-px-10 {
    padding-bottom: 10px;
}

.paddingbottom-px-15 {
    padding-bottom: 15px;
}

.paddingbottom-px-20 {
    padding-bottom: 20px;
}

.paddingbottom-px-25 {
    padding-bottom: 25px;
}

.paddingbottom-px-30 {
    padding-bottom: 30px;
}

.paddingbottom-px-35 {
    padding-bottom: 35px;
}

.paddingbottom-px-40 {
    padding-bottom: 40px;
}

.paddingbottom-px-45 {
    padding-bottom: 45px;
}

.paddingbottom-px-50 {
    padding-bottom: 50px;
}

.paddingbottom-px-55 {
    padding-bottom: 55px;
}

.paddingbottom-rem-5 {
    padding-bottom: 0.5rem;
}

.paddingbottom-rem-10 {
    padding-bottom: 1rem;
}

.paddingbottom-rem-15 {
    padding-bottom: 1.5rem;
}

.paddingbottom-rem-20 {
    padding-bottom: 2rem;
}

.paddingbottom-rem-25 {
    padding-bottom: 2.5rem;
}

.paddingbottom-rem-30 {
    padding-bottom: 3rem;
}

.paddingbottom-rem-35 {
    padding-bottom: 3.5rem;
}

.paddingbottom-rem-40 {
    padding-bottom: 4rem;
}

.paddingbottom-rem-45 {
    padding-bottom: 4.5rem;
}

.paddingbottom-rem-50 {
    padding-bottom: 5rem;
}

.paddingbottom-rem-55 {
    padding-bottom: 5.5rem;
}

.padding-px-5 {
    padding: 5px;
}

.padding-px-10 {
    padding: 10px;
}

.padding-px-15 {
    padding: 15px;
}

.padding-px-20 {
    padding: 20px;
}

.padding-px-25 {
    padding: 25px;
}

.padding-px-30 {
    padding: 30px;
}

.padding-px-35 {
    padding: 35px;
}

.padding-px-40 {
    padding: 40px;
}

.padding-px-45 {
    padding: 45px;
}

.padding-px-50 {
    padding: 50px;
}

.padding-px-55 {
    padding: 55px;
}

.padding-rem-5 {
    padding: 0.5rem;
}

.padding-rem-10 {
    padding: 1rem;
}

.padding-rem-15 {
    padding: 1.5rem;
}

.padding-rem-20 {
    padding: 2rem;
}

.padding-rem-25 {
    padding: 2.5rem;
}

.padding-rem-30 {
    padding: 3rem;
}

.padding-rem-35 {
    padding: 3.5rem;
}

.padding-rem-40 {
    padding: 4rem;
}

.padding-rem-45 {
    padding: 4.5rem;
}

.padding-rem-50 {
    padding: 5rem;
}

.padding-rem-55 {
    padding: 5.5rem;
}

.paddingsides-rem-5 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.paddingsides-rem-10 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.paddingsides-rem-15 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.paddingsides-rem-20 {
    padding-left: 2rem;
    padding-right: 2rem;
}

.paddingsides-rem-25 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}

.paddingsides-rem-30 {
    padding-left: 3rem;
    padding-right: 3rem;
}

.paddingsides-rem-35 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
}

.paddingsides-rem-40 {
    padding-left: 4rem;
    padding-right: 4rem;
}

.paddingsides-rem-45 {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
}

.paddingsides-rem-50 {
    padding-left: 5rem;
    padding-right: 5rem;
}

.paddingsides-rem-55 {
    padding-left: 5.5rem;
    padding-right: 5.5rem;
}

.paddingupdown-rem-5 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.paddingupdown-rem-10 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.paddingupdown-rem-15 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.paddingupdown-rem-20 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.paddingupdown-rem-25 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

.paddingupdown-rem-30 {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.paddingupdown-rem-35 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
}

.paddingupdown-rem-40 {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.paddingupdown-rem-45 {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
}

.paddingupdown-rem-50 {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.paddingupdown-rem-55 {
    padding-top: 5.5rem;
    padding-bottom: 5.5rem;
}

.paddingnone {
    padding: 0;
}
/*flexbox*/
.flex-allcenter {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.flex-betweencenter {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.flex-betweentop {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.flex-aroundtop {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
}

.flex-leftcenter {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.flex-lefttop {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.flex-rightcenter {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.flex-righttop {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}

.flex-direction-column {
    flex-direction: column;
}

.flex-nowrap {
    flex-wrap: nowrap;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-rowwrap {
    flex-flow: row wrap;
}

.text-warning-color {
    color: #FFE0B2;
}

/*components*/
.button-outline-blue {
    border: 2px solid blue;
    background-color: white;
    color: blue;
    border-radius: 4px;
    cursor: pointer;
}

.button-filled-blue {
    border: 2px solid blue;
    background-color: blue;
    color: white;
    border-radius: 4px;
    cursor: pointer;
}

.button-underline-blue {
    border-bottom: 2px solid blue;
    background-color: white;
    color: blue;
    cursor: pointer;
}

.button-underline-gray {
    border-bottom: 2px solid #616161;
    background-color: white;
    color: #616161;
    cursor: pointer;
}

.button-simple-blue {
    background-color: white;
    color: blue;
    cursor: pointer;
}

.button-disabled-blue {
    border: 2px solid #B3E5FC;
    background-color: #B3E5FC;
    color: blue;
    border-radius: 4px;
    cursor: not-allowed;
}

.button-outline-orange {
    border: 2px solid #FB8C00;
    background-color: white;
    color: #FB8C00;
    border-radius: 4px;
    cursor: pointer;
}

.button-filled-orange {
    border: 2px solid #FB8C00;
    background-color: #FB8C00;
    color: white;
    border-radius: 4px;
    cursor: pointer;
}

.button-disabled-orange {
    border: 2px solid #FFE0B2;
    background-color: #FFE0B2;
    color: #FB8C00;
    border-radius: 4px;
    cursor: not-allowed;
}

.badge-blue {
    border-radius: 10px;
    background-color: #BBDEFB;
    color: #1E88E5;
    text-align: center;
    padding: 0.25rem;
}

.badge-gray {
    border-radius: 10px;
    background-color: #EEEEEE;
    color: #757575;
    text-align: center;
    padding: 0.25rem;
}

.text-normal {
    font-size: 0.7em;
}

.text-bold {
    font-weight: 600;
}

.title-big {
    font-size: 1.3em;
}

.title-medium {
    font-size: 0.8em;
}

.title-small {
    font-size: 0.6em;
}

.textbadge {
    font-size: 0.55em;
    font-weight: 500;
}

.texterror {
    font-size: 0.6em;
    color: red;
}

.textinfo {
    font-size: 0.6em;
}

.textonelinevisible {
    white-space: nowrap;
    overflow-x: visible;
}

.textonelinenowrap {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
}

.textwraptwolines {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    flex:1;
}

.textwrapthreelines {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    flex: 1;
}

.propertyleft {
    max-width: 10rem;
    min-width: 10rem;
}

.widthfull {
    width: 100%;
}

.displayblock {
    display: block;
}

.listbullets {
    list-style-type: circle;
}

.cursorpointer {
    cursor: pointer;
}

.cursornotallowed {
    cursor: not-allowed;
}

.inputtext-gray {
    border: 2px solid #EEEEEE;
    border-radius: 4px;
}

    .inputtext-gray:focus {
        outline: none;
    }

.inputtext-error {
    border: 2px solid #FF1744;
    border-radius: 4px;
}

    .inputtext-error:focus {
        outline: none;
    }


/***mobile portrait***/



/***mobile landscape***/
@media(min-width:600px) {
    .text-normal {
        font-size: 0.7em;
    }

    .textbadge {
        font-size: 0.6em;
    }

    .title-big {
        font-size: 1.4em;
    }

    .title-medium {
        font-size: 0.8em;
    }

    .title-small {
        font-size: 0.6em;
    }

    .propertyleft {
        max-width: 13rem;
        min-width: 13rem;
    }
    .iconalign {
    }

}

/***tablette***/
@media(min-width:800px) {
    .text-normal {
        font-size: 0.8em;
    }

    .textbadge {
        font-size: 0.6em;
    }

    .title-big {
        font-size: 1.5em;
    }

    .title-medium {
        font-size: 1em;
    }

    .title-small {
        font-size: 0.7em;
    }

    .propertyleft {
        max-width: 16rem;
        min-width: 16rem;
    }

    .texterror {
    }
    .iconalign {
    }

}

@media(min-width:1000px) {
    .text-normal {
        font-size: 0.8em;
    }

    .textbadge {
        font-size: 0.6em;
    }

    .title-big {
        font-size: 1.7em;
    }

    .title-medium {
        font-size: 1.1em;
    }

    .title-small {
        font-size: 0.7em;
    }

    .propertyleft {
        max-width: 15rem;
        min-width: 15rem;
    }

    .texterror {
        font-size: 0.7em;
    }

    .textinfo {
        font-size: 0.7em;
    }
    .iconalign {
    }

}

/*** desktop ***/
@media(min-width:1200px) {
    .text-normal {
        font-size: 0.9em;
    }

    .textbadge {
        font-size: 0.7em;
    }

    .title-big {
        font-size: 2em;
    }

    .title-medium {
        font-size: 1.1em;
    }
    .iconalign {
        padding-bottom: 0.5rem;
        padding-left: 0.3rem;
    }
    .title-small {
        font-size: 0.9em;
    }

    .propertyleft {
        max-width: 17rem;
        min-width: 17rem;
    }

    .texterror {
        font-size: 0.8em;
    }

    .textinfo {
        font-size: 0.8em;
    }
}