/*!
 * Bootstrap v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*!
 * Bootstrap v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
@font-face {
    font-family: IranYekan;

    src:  url('../fonts/iran-yekan/iranyekan1.woff') format('woff');
    font-weight: normal;
}
@font-face {
    font-family: IranYekan;
    /*url('../css/template/app-assets/css-rtl/font-vazir/Vazir-FD.woff2') format('woff2'),*/
    src:  url('../fonts/iran-yekan/iranyekan2.woff') format('woff');
    font-weight: normal;
}
@font-face {
    font-family: IranYekan;
    /*url('../css/template/app-assets/css-rtl/font-vazir/Vazir-FD.woff2') format('woff2'),*/
    src:  url('../fonts/iran-yekan/iranyekan3.woff') format('woff');
    font-weight: normal;
}
@font-face {
    font-family: IranYekan;
    /*url('../css/template/app-assets/css-rtl/font-vazir/Vazir-FD.woff2') format('woff2'),*/
    src:  url('../fonts/iran-yekan/iranyekan4.woff') format('woff');
    font-weight: normal;
}
@font-face {
    font-family: IranYekanBold;
    /*url('../css/template/app-assets/css-rtl/font-vazir/Vazir-FD.woff2') format('woff2'),*/
    src:  url('../fonts/iran-yekan/iranyekan5.woff') format('woff');
    font-weight: normal;
}
#yearLogo{
    max-width: 328px;
    -webkit-transition:width 300ms ease-in-out, height 300ms ease-in-out;
    -moz-transition:width 300ms ease-in-out, height 300ms ease-in-out;
    -o-transition:width 300ms ease-in-out, height 300ms ease-in-out;
    transition:width 300ms ease-in-out, height 300ms ease-in-out;
}

.hero3 {
    height: 800px;
    width: 100%;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    height: calc(94vh);
    min-height: 600px;
    max-height: 1440px;
    background-image: url('../../../../industry.jpg');
}
.gradient-overlay3 {
    position: absolute;
    width: 100%;
    top: 0;
    height: calc(100vh);
    min-height: 600px;
    max-height: 1440px;
    background: linear-gradient(to left, rgba(0, 0, 0, .7) 0, rgba(0, 0, 0, 0.7) 100%)!important;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=1);
}
/*@font-face {*/
/*    font-family: IranNastaliq;*/
/*    src: url('font-vazir/IranNastaliq.ttf');*/

/*    font-weight: normal;*/
/*}*/


:root {
    --blue : #00CFE8;
    --indigo : #6610F2;
    --purple : #6F42C1;
    --pink : #E83E8C;
    --red : #EA5455;
    --orange : #FF9F43;
    --yellow : #FFC107;
    --green : #28C76F;
    --teal : #20C997;
    --cyan : #7367F0;
    --white : #FFFFFF;
    --gray : #B8C2CC;
    --gray-dark : #1E1E1E;
    --primary : #7367F0;
    --secondary : #B8C2CC;
    --success : #28C76F;
    --info : #00CFE8;
    --warning : #FF9F43;
    --danger : #EA5455;
    --light : #BABFC7;
    --dark : #1E1E1E;
    --breakpoint-xs : 0;
    --breakpoint-sm : 576px;
    --breakpoint-md : 768px;
    --breakpoint-lg : 992px;
    --breakpoint-xl : 1200px;
    --font-family-sans-serif : 'Montserrat', Helvetica, Arial, serif;
    --font-family-monospace : 'Montserrat', Helvetica, Arial, serif;
}

*, *::before, *::after {
    box-sizing : border-box;
}

html {
    font-family : IranYekan;
    line-height : 1.15;
    -webkit-text-size-adjust : 100%;
    -webkit-tap-highlight-color : rgba(34, 41, 47, 0);
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
    display : block;
}

body {
    margin : 0;

    font-size : 13px;
    font-weight : 400;
    line-height : 1.45;
    color : #626262;
    text-align : right;
    background-color : #F8F8F8;
    font-family:IranYekan;
}

[tabindex='-1']:focus {
    outline : 0 !important;
}

hr {
    box-sizing : content-box;
    height : 0;
    overflow : visible;
}

h1, h2, h3, h4, h5, h6 {
    margin-top : 0;
    margin-bottom : 0.5rem;
}

p {
    margin-top : 0;
    margin-bottom : 1rem;
}

abbr[title], abbr[data-original-title] {
    text-decoration : underline;
    -webkit-text-decoration : underline dotted;
    text-decoration : underline dotted;
    cursor : help;
    border-bottom : 0;
    -webkit-text-decoration-skip-ink : none;
    text-decoration-skip-ink : none;
}

address {
    margin-bottom : 1rem;
    font-style : normal;
    line-height : inherit;
}

ol, ul, dl {
    margin-top : 0;
    margin-bottom : 1rem;
}

ol ol, ul ul, ol ul, ul ol {
    margin-bottom : 0;
}

dt {
    font-weight : 700;
}

dd {
    margin-bottom : 0.5rem;
    margin-right : 0;
}

blockquote {
    margin : 0 0 1rem;
}

b, strong {
    font-weight : bolder;
}

small {
    font-size : 80%;
}

sub, sup {
    position : relative;
    font-size : 75%;
    line-height : 0;
    vertical-align : baseline;
}

sub {
    bottom : -0.25em;
}

sup {
    top : -0.5em;
}
.hover:hover{
    cursor: pointer;
    background: darkcyan;
    color: whitesmoke;
}
.btn-cyne{
    background-color: darkcyan;!important;
    color: white;
    border-radius: 10px;
}

a {
    color : rgb(2, 64, 191);
    text-decoration : none;
    background-color : transparent;
}
a:hover {
    color : rgb(2, 64, 191);
    text-decoration : none;
}
.datatable::-webkit-scrollbar {
    display:none;
}

a:not([href]):not([tabindex]) {
    color : inherit;
    text-decoration : none;
}
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
    color : inherit;
    text-decoration : none;
}
a:not([href]):not([tabindex]):focus {
    outline : 0;
}
div.dataTables_wrapper {
    direction: rtl;
}
#example tbody tr{

}

.card1 {
    margin: 30px auto;
    width: 300px;
    height: 300px;
    border-radius: 40px;
    box-shadow: 5px 5px 30px 7px rgba(0,0,0,0.25), -5px -5px 30px 7px rgba(0,0,0,0.22);
    cursor: pointer;
    transition: 0.4s;
}

.card1 .card_image1 {
    width: inherit;
    height: inherit;
    border-radius: 40px;
}
/* DEMO-SPECIFIC STYLES */
.typewriter {
    font-family: Vazir;
    text-align: center;
    width: 33%;
    font-size: 3.2rem!important;
    font-weight: bold!important;
    overflow: hidden; /* Ensures the content is not revealed until the animation */
    border-left: .15em solid darkcyan; /* The typwriter cursor */
    white-space: nowrap; /* Keeps the content on a single line */
    margin: 0 auto; /* Gives that scrolling effect as the typing happens */
    /*letter-spacing: .15em; !* Adjust as needed *!*/
    animation:
        typing 3s steps(30, end),
        blink-caret .5s step-end infinite;
}
.typewriter2 {
    font-family: Vazir;
    text-align: center;
    width: 85%;
    font-size: 3.2rem!important;
    font-weight: bold!important;
    overflow: hidden; /* Ensures the content is not revealed until the animation */
    border-left: .15em solid darkcyan; /* The typwriter cursor */
    white-space: nowrap; /* Keeps the content on a single line */
    margin: 0 auto; /* Gives that scrolling effect as the typing happens */
    /*letter-spacing: .15em; !* Adjust as needed *!*/
    animation:
        typing2 3s steps(30, end),
        blink-caret .5s step-end infinite;
}

/* The typing effect */
@keyframes typing {
    from { width: 0% }
    to { width: 31% }
}


/* The typewriter cursor effect */
@keyframes blink-caret {
    from, to { border-color: transparent }
    50% { border-color: darkcyan }
}
@keyframes typing2 {
    from { width: 0% }
    to { width: 84% }
}







.login-bg{
    background-image: url('../../../../loginbackground.jpg');
    background-size: cover;

}
.tooltip {
    font-family: Vazir!important;
}
.login-title{
    color : rgb(3, 40, 115)
}
.login-btn{
    background: rgb(3, 40, 115)!important;
    min-width: 100px;
}
.login-theme{
    background: url('../../app-assets/images/pages/vuexy-login-bg.jpg');
}
.details-link{
    color: #216810 !important;
    font-size: 1rem;
    margin-right: 15px!important;
    text-decoration: underline;
    padding: 4px 9px;

}
.details-link:hover{
    background: #216810;
    color: white!important;

    border-radius: 5px;
    transition: 200ms;
}
.edit-link{
    color: #9c620a !important;
    font-size: 1rem;
    margin-right: 15px!important;
    text-decoration: underline;
    padding: 4px 9px;

}
.edit-link:hover{
    background: #681010;
    color: white!important;

    border-radius: 5px;
    transition: 200ms;
}
.stop-link{
    color: #c21c21 !important;
    font-size: 1rem;
    margin-right: 15px!important;
    text-decoration: underline;
    padding: 4px 9px;

}
.stop-link:hover{
    background: #c21c21;
    color: white!important;

    border-radius: 5px;
    transition: 200ms;
}

.details-link2{
    color: white;
    padding: 4px 8px;
    border-radius: 3px;
    cursor: pointer;
    background-color: #216810 !important;
    font-size: 1rem;
}
input , textarea , select{
    border: 1px darkcyan solid!important;
}
#fileInputsContainer .form-control-file{
    border: none!important;
}

.login-logo{
    width: 150px;


}
.hero-desc {
    height: 800px;
    width: 100%;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    height: calc(50vh);
    min-height: 400px;
    max-height: 1440px;
    background-image: url('../../../../course.jpg');
}
.hero-desc2 {
    height: 800px;
    width: 100%;
    background-repeat: repeat;
    background-attachment: fixed!important;
    background-size: cover;
    background-position: 50% 50%;

    display: flex;
    align-items: center;
    height: calc(50vh);
    min-height: 400px;
    max-height: 1440px;
    background-image: url('../../../../course.jpg');
}
.hero-desc3 {
    height: 800px;
    width: 100%;
    background-repeat: repeat;
    background-attachment: fixed!important;
    background-size: cover;
    background-position: 50% 50%;
    display: flex;
    align-items: center;
    height: calc(50vh);
    min-height: 400px;
    max-height: 1440px;
    background-image: url('../../../../images/service.png')!important;
}
.hero-desc3 {
    height: 800px;
    width: 100%;
    background-repeat: repeat;
    background-attachment: fixed!important;
    background-size: cover;
    background-position: 50% 50%;

    display: flex;
    align-items: center;
    height: calc(60vh);
    /*min-height: 400px;*/
    max-height: 1440px;
    background-image: url('../../../../course.jpg');
}
@media (max-width: 500px) {
    #newsImage{
        width: 60%!important;
    }
    .handleNewImageResponsive{
        margin-top: 25px;
    }
    #newsCard{
        margin-top: 80px;
    }
    .login {
        width: 99%;
    }

}
@media (min-width: 510px) {
    .login {
        width: 70%;
    }

}
.hero {
    height: 800px;
    width: 100%;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    height: calc(100vh);
    min-height: 600px;
    max-height: 1440px;
    background-image: url('../../../../monitoring.jpg');
}
.hero4{
    height: 800px;
    width: 100%;
    background-size: contain;
    background-repeat: round;
    display: flex;
    align-items: center;
    height: calc(100vh);
    min-height: 600px;
    max-height: 1440px;
    background-image: url('../../../../certificate-background.jpg');
}
overlay {
    position: absolute;
    width: 100%;
    top: 0;
    height: calc(100vh);
    background-color: rgba(0, 0, 0, 0.2);
}

.gradient-overlay {
    position: absolute;
    width: 100%;
    top: 0;
    height: calc(100vh);
    min-height: 600px;
    /*max-height: 1440px;*/
    background: linear-gradient(to left, rgba(0, 0, 0, .7) 0, rgba(0, 0, 0, 0.7) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=1);
}
.gradient-overlay2 {
    position: absolute;
    width: 100%;
    top: 0;
    height: calc(50vh);
    min-height: 600px;
    /*max-height: 1440px;*/
    background: linear-gradient(to left, rgba(0, 0, 0, .7) 0, rgba(0, 0, 0, 0.7) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=1);
}

.gradient-overlay31 {
    position: absolute;
    width: 100%;
    top: 0;
    height: calc(60vh);
    /*min-height: 600px;*/
    /*max-height: 1440px;*/
    background: linear-gradient(to left, rgba(0, 0, 0, .75) 0, rgba(0, 0, 0, 0.85) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=1);
}
.logo_overlay {
    padding: 7px;
    background: #fff;
    -webkit-filter: grayscale(100%);
    filter: grayscale(00%);
    transition: all 0.4s cubic-bezier(0.5, -0.5, 0.5, 1.5);
}
.video-card-gradient-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 1!important;
    transition: .5s ease;
    background: -webkit-linear-gradient(208deg, rgba(45, 33, 18, 0.9), rgba(144,135,125,.99));
}

.card-content:hover .video-card-gradient-overlay {
    opacity: 1;
}

.hero2 {
    position: relative;
    width: 100%;
    padding: 20px;
    background-size: auto;
    background-position: 50% 50%;
    background-repeat: repeat;

    /*height: calc(50vh);*/
    /*background-image: url('../../../../css/template/app-assets/images/bg-3.jpg');*/
}
.overlay2 {
    position: absolute;
    width: 100%;
    top: 0;
    /*height: calc(50vh);*/
    /*background-color: rgba(0, 0, 0, 0.9);*/
    /*background: linear-gradient(to left, rgba(0, 0, 0, .7) 0, rgba(0, 0, 0, 0.7) 100%);*/

}

.btn-orange-gradient{
    background: -webkit-linear-gradient(208deg, #ea8c18, rgb(255, 131, 0));;
    padding: .5rem;
    color: white;
    border-radius: 5px;
}
.btn-orange-gradient:hover{
    color: white !important;
}


pre, code, kbd, samp {
    font-family : 'Montserrat', Helvetica, Arial, serif;
    font-size : 1em;
}

pre {
    margin-top : 0;
    margin-bottom : 1rem;
    overflow : auto;
}

figure {
    margin : 0 0 1rem;
}

img {
    vertical-align : middle;
    border-style : none;
}

svg {
    overflow : hidden;
    vertical-align : middle;
}

table {
    border-collapse : collapse;
}

caption {
    padding-top : 0.75rem;
    padding-bottom : 0.75rem;
    color : #B8C2CC;
    text-align : right;
    caption-side : bottom;
}

th {
    text-align : inherit;
}

label {
    display : inline-block;
    margin-bottom : 0.5rem;
}

button {
    border-radius : 0;
}

button:focus {
    outline : 1px dotted;
    outline : 5px auto -webkit-focus-ring-color;
}

input, button, select, optgroup, textarea {
    margin : 0;
    font-family : inherit;
    font-size : inherit;
    line-height : inherit;
}

button, input {
    overflow : visible;
}

button, select {
    text-transform : none;
}

select {
    word-wrap : normal;
}

button, [type='button'], [type='reset'], [type='submit'] {
    -webkit-appearance : button;
}

button:not(:disabled), [type='button']:not(:disabled), [type='reset']:not(:disabled), [type='submit']:not(:disabled) {
    cursor : pointer;
}

button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner {
    padding : 0;
    border-style : none;
}

input[type='radio'], input[type='checkbox'] {
    box-sizing : border-box;
    padding : 0;
}

input[type='date'], input[type='time'], input[type='datetime-local'], input[type='month'] {
    -webkit-appearance : listbox;
}

textarea {
    overflow : auto;
    resize : vertical;
}

fieldset {
    min-width : 0;
    padding : 0;
    margin : 0;
    border : 0;
}

legend {
    display : block;
    width : 100%;
    max-width : 100%;
    padding : 0;
    margin-bottom : 0.5rem;
    font-size : 1.5rem;
    line-height : inherit;
    color : inherit;
    white-space : normal;
}

progress {
    vertical-align : baseline;
}

[type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button {
    height : auto;
}

[type='search'] {
    outline-offset : -2px;
    -webkit-appearance : none;
}

[type='search']::-webkit-search-decoration {
    -webkit-appearance : none;
}

::-webkit-file-upload-button {
    font : inherit;
    -webkit-appearance : button;
}

output {
    display : inline-block;
}

summary {
    display : list-item;
    cursor : pointer;
}

template {
    display : none;
}

[hidden] {
    display : none !important;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom : 0.5rem;
    font-family : IranYekan;
    font-weight : 500;
    line-height : 1.2;
    color : #2C2C2C;
}

h1, .h1 {
    font-size : 2rem;
}

h2, .h2 {
    font-size : 1.74rem;
}

h3, .h3 {
    font-size : 1.51rem;
}

h4, .h4 {
    font-size : 1.32rem;
}

h5, .h5 {
    font-size : 1.14rem;
}

h6, .h6 {
    font-size : 1rem;
}

.lead {
    font-size : 1.25rem;
    font-weight : 300;
}

.display-1 {
    font-size : 6rem;
    font-weight : 300;
    line-height : 1.2;
}

.display-2 {
    font-size : 5.5rem;
    font-weight : 300;
    line-height : 1.2;
}

.display-3 {
    font-size : 4.5rem;
    font-weight : 300;
    line-height : 1.2;
}

.display-4 {
    font-size : 3.5rem;
    font-weight : 300;
    line-height : 1.2;
}

hr {
    margin-top : 1rem;
    margin-bottom : 1rem;
    border : 0;
    border-top : 1px solid rgba(34, 41, 47, 0.1);
}

small, .small {
    font-size : smaller;
    font-weight : 400;
}

mark, .mark {
    padding : 0.2em;
    background-color : #FCF8E3;
}

.list-unstyled {
    padding-right : 0;
    list-style : none;
}

.list-inline {
    padding-right : 0;
    list-style : none;
}

.list-inline-item {
    display : inline-block;
}
.list-inline-item:not(:last-child) {
    margin-left : 0.5rem;
}

.initialism {
    font-size : 90%;
    text-transform : uppercase;
}

.blockquote {
    margin-bottom : 1rem;
    font-size : 1.25rem;
}

.blockquote-footer {
    display : block;
    font-size : smaller;
    color : #B8C2CC;
}
.blockquote-footer::before {
    content : '\2014\00A0';
}

.img-fluid {
    max-width : 100%;
    height : auto;
}
.img-fluid2 {
    align-content: first;
    max-width : 100%;

    max-height : 100%!important;
}
.img-fluid3 {
    align-content: first;
    height: auto;
    width: auto;
    max-width : 375px;

    max-height : 290px;
}

.img-thumbnail {
    padding : 0.25rem;
    background-color : #F8F8F8;
    border : 1px solid #DAE1E7;
    border-radius : 0.5rem;
    max-width : 100%;
    height : auto;
}

.figure {
    display : inline-block;
}

.figure-img {
    margin-bottom : 0.5rem;
    line-height : 1;
}

.figure-caption {
    font-size : 90%;
    color : #B8C2CC;
}

code {
    font-size : 90%;
    color : #E83E8C;
    word-break : break-word;
}
a > code {
    color : inherit;
}

kbd {
    padding : 0.2rem 0.4rem;
    font-size : 90%;
    color : #FFFFFF;
    background-color : #EEEEEE;
    border-radius : 0.25rem;
}
kbd kbd {
    padding : 0;
    font-size : 100%;
    font-weight : 700;
}

pre {
    display : block;
    font-size : 90%;
    color : #2A2E30;
}
pre code {
    font-size : inherit;
    color : inherit;
    word-break : normal;
}

.pre-scrollable {
    max-height : 340px;
    overflow-y : scroll;
}

.container {
    width : 100%;
    padding-left : 14px;
    padding-right : 14px;
    margin-left : auto;
    margin-right : auto;
}
@media (min-width: 576px) {
    .container {
        max-width : 540px;
    }
}
@media (min-width: 768px) {
    .container {
        max-width : 720px;
    }
}
@media (min-width: 992px) {
    .container {
        max-width : 960px;
    }
}
@media (min-width: 1200px) {
    .container {
        max-width : 1140px;
    }
}

.container-fluid {
    width : 100%;
    padding-left : 14px;
    padding-right : 14px;
    margin-left : auto;
    margin-right : auto;
}

.row {
    display : -webkit-box;
    display : -webkit-flex;
    display : -ms-flexbox;
    display :         flex;
    -webkit-flex-wrap : wrap;
    -ms-flex-wrap : wrap;
    flex-wrap : wrap;
    margin-left : -14px;
    margin-right : -14px;
}

.no-gutters {
    margin-left : 0;
    margin-right : 0;
}
.no-gutters > .col, .no-gutters > [class*='col-'] {
    padding-left : 0;
    padding-right : 0;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
    position : relative;
    width : 100%;
    padding-left : 14px;
    padding-right : 14px;
}

.col {
    -webkit-flex-basis : 0;
    -ms-flex-preferred-size : 0;
    flex-basis : 0;
    -webkit-box-flex : 1;
    -webkit-flex-grow : 1;
    -ms-flex-positive : 1;
    flex-grow : 1;
    max-width : 100%;
}

.col-auto {
    -webkit-box-flex : 0;
    -webkit-flex : 0 0 auto;
    -ms-flex : 0 0 auto;
    flex : 0 0 auto;
    width : auto;
    max-width : 100%;
}

.col-1 {
    -webkit-box-flex : 0;
    -webkit-flex : 0 0 8.33333%;
    -ms-flex : 0 0 8.33333%;
    flex : 0 0 8.33333%;
    max-width : 8.33333%;
}

.col-2 {
    -webkit-box-flex : 0;
    -webkit-flex : 0 0 16.66667%;
    -ms-flex : 0 0 16.66667%;
    flex : 0 0 16.66667%;
    max-width : 16.66667%;
}

.col-3 {
    -webkit-box-flex : 0;
    -webkit-flex : 0 0 25%;
    -ms-flex : 0 0 25%;
    flex : 0 0 25%;
    max-width : 25%;
}

.col-4 {
    -webkit-box-flex : 0;
    -webkit-flex : 0 0 33.33333%;
    -ms-flex : 0 0 33.33333%;
    flex : 0 0 33.33333%;
    max-width : 33.33333%;
}

.col-5 {
    -webkit-box-flex : 0;
    -webkit-flex : 0 0 41.66667%;
    -ms-flex : 0 0 41.66667%;
    flex : 0 0 41.66667%;
    max-width : 41.66667%;
}

.col-6 {
    -webkit-box-flex : 0;
    -webkit-flex : 0 0 50%;
    -ms-flex : 0 0 50%;
    flex : 0 0 50%;
    max-width : 50%;
}

.col-7 {
    -webkit-box-flex : 0;
    -webkit-flex : 0 0 58.33333%;
    -ms-flex : 0 0 58.33333%;
    flex : 0 0 58.33333%;
    max-width : 58.33333%;
}

.col-8 {
    -webkit-box-flex : 0;
    -webkit-flex : 0 0 66.66667%;
    -ms-flex : 0 0 66.66667%;
    flex : 0 0 66.66667%;
    max-width : 66.66667%;
}

.col-9 {
    -webkit-box-flex : 0;
    -webkit-flex : 0 0 75%;
    -ms-flex : 0 0 75%;
    flex : 0 0 75%;
    max-width : 75%;
}

.col-10 {
    -webkit-box-flex : 0;
    -webkit-flex : 0 0 83.33333%;
    -ms-flex : 0 0 83.33333%;
    flex : 0 0 83.33333%;
    max-width : 83.33333%;
}

.col-11 {
    -webkit-box-flex : 0;
    -webkit-flex : 0 0 91.66667%;
    -ms-flex : 0 0 91.66667%;
    flex : 0 0 91.66667%;
    max-width : 91.66667%;
}

.col-12 {
    -webkit-box-flex : 0;
    -webkit-flex : 0 0 100%;
    -ms-flex : 0 0 100%;
    flex : 0 0 100%;
    max-width : 100%;
}

.order-first {
    -webkit-box-ordinal-group : 0;
    -webkit-order : -1;
    -ms-flex-order : -1;
    order : -1;
}

.order-last {
    -webkit-box-ordinal-group : 14;
    -webkit-order : 13;
    -ms-flex-order : 13;
    order : 13;
}

.order-0 {
    -webkit-box-ordinal-group : 1;
    -webkit-order : 0;
    -ms-flex-order : 0;
    order : 0;
}

.order-1 {
    -webkit-box-ordinal-group : 2;
    -webkit-order : 1;
    -ms-flex-order : 1;
    order : 1;
}

.order-2 {
    -webkit-box-ordinal-group : 3;
    -webkit-order : 2;
    -ms-flex-order : 2;
    order : 2;
}

.order-3 {
    -webkit-box-ordinal-group : 4;
    -webkit-order : 3;
    -ms-flex-order : 3;
    order : 3;
}

.order-4 {
    -webkit-box-ordinal-group : 5;
    -webkit-order : 4;
    -ms-flex-order : 4;
    order : 4;
}

.order-5 {
    -webkit-box-ordinal-group : 6;
    -webkit-order : 5;
    -ms-flex-order : 5;
    order : 5;
}

.order-6 {
    -webkit-box-ordinal-group : 7;
    -webkit-order : 6;
    -ms-flex-order : 6;
    order : 6;
}

.order-7 {
    -webkit-box-ordinal-group : 8;
    -webkit-order : 7;
    -ms-flex-order : 7;
    order : 7;
}

.order-8 {
    -webkit-box-ordinal-group : 9;
    -webkit-order : 8;
    -ms-flex-order : 8;
    order : 8;
}

.order-9 {
    -webkit-box-ordinal-group : 10;
    -webkit-order : 9;
    -ms-flex-order : 9;
    order : 9;
}

.order-10 {
    -webkit-box-ordinal-group : 11;
    -webkit-order : 10;
    -ms-flex-order : 10;
    order : 10;
}

.order-11 {
    -webkit-box-ordinal-group : 12;
    -webkit-order : 11;
    -ms-flex-order : 11;
    order : 11;
}

.order-12 {
    -webkit-box-ordinal-group : 13;
    -webkit-order : 12;
    -ms-flex-order : 12;
    order : 12;
}

.offset-1 {
    margin-right : 8.33333%;
}

.offset-2 {
    margin-right : 16.66667%;
}

.offset-3 {
    margin-right : 25%;
}

.offset-4 {
    margin-right : 33.33333%;
}

.offset-5 {
    margin-right : 41.66667%;
}

.offset-6 {
    margin-right : 50%;
}

.offset-7 {
    margin-right : 58.33333%;
}

.offset-8 {
    margin-right : 66.66667%;
}

.offset-9 {
    margin-right : 75%;
}

.offset-10 {
    margin-right : 83.33333%;
}

.offset-11 {
    margin-right : 91.66667%;
}

@media (min-width: 576px) {
    .col-sm {
        -webkit-flex-basis : 0;
        -ms-flex-preferred-size : 0;
        flex-basis : 0;
        -webkit-box-flex : 1;
        -webkit-flex-grow : 1;
        -ms-flex-positive : 1;
        flex-grow : 1;
        max-width : 100%;
    }
    .col-sm-auto {
        -webkit-box-flex : 0;
        -webkit-flex : 0 0 auto;
        -ms-flex : 0 0 auto;
        flex : 0 0 auto;
        width : auto;
        max-width : 100%;
    }
    .col-sm-1 {
        -webkit-box-flex : 0;
        -webkit-flex : 0 0 8.33333%;
        -ms-flex : 0 0 8.33333%;
        flex : 0 0 8.33333%;
        max-width : 8.33333%;
    }
    .col-sm-2 {
        -webkit-box-flex : 0;
        -webkit-flex : 0 0 16.66667%;
        -ms-flex : 0 0 16.66667%;
        flex : 0 0 16.66667%;
        max-width : 16.66667%;
    }
    .col-sm-3 {
        -webkit-box-flex : 0;
        -webkit-flex : 0 0 25%;
        -ms-flex : 0 0 25%;
        flex : 0 0 25%;
        max-width : 25%;
    }
    .col-sm-4 {
        -webkit-box-flex : 0;
        -webkit-flex : 0 0 33.33333%;
        -ms-flex : 0 0 33.33333%;
        flex : 0 0 33.33333%;
        max-width : 33.33333%;
    }
    .col-sm-5 {
        -webkit-box-flex : 0;
        -webkit-flex : 0 0 41.66667%;
        -ms-flex : 0 0 41.66667%;
        flex : 0 0 41.66667%;
        max-width : 41.66667%;
    }
    .col-sm-6 {
        -webkit-box-flex : 0;
        -webkit-flex : 0 0 50%;
        -ms-flex : 0 0 50%;
        flex : 0 0 50%;
        max-width : 50%;
    }
    .col-sm-7 {
        -webkit-box-flex : 0;
        -webkit-flex : 0 0 58.33333%;
        -ms-flex : 0 0 58.33333%;
        flex : 0 0 58.33333%;
        max-width : 58.33333%;
    }
    .col-sm-8 {
        -webkit-box-flex : 0;
        -webkit-flex : 0 0 66.66667%;
        -ms-flex : 0 0 66.66667%;
        flex : 0 0 66.66667%;
        max-width : 66.66667%;
    }
    .col-sm-9 {
        -webkit-box-flex : 0;
        -webkit-flex : 0 0 75%;
        -ms-flex : 0 0 75%;
        flex : 0 0 75%;
        max-width : 75%;
    }
    .col-sm-10 {
        -webkit-box-flex : 0;
        -webkit-flex : 0 0 83.33333%;
        -ms-flex : 0 0 83.33333%;
        flex : 0 0 83.33333%;
        max-width : 83.33333%;
    }
    .col-sm-11 {
        -webkit-box-flex : 0;
        -webkit-flex : 0 0 91.66667%;
        -ms-flex : 0 0 91.66667%;
        flex : 0 0 91.66667%;
        max-width : 91.66667%;
    }
    .col-sm-12 {
        -webkit-box-flex : 0;
        -webkit-flex : 0 0 100%;
        -ms-flex : 0 0 100%;
        flex : 0 0 100%;
        max-width : 100%;
    }
    .order-sm-first {
        -webkit-box-ordinal-group : 0;
        -webkit-order : -1;
        -ms-flex-order : -1;
        order : -1;
    }
    .order-sm-last {
        -webkit-box-ordinal-group : 14;
        -webkit-order : 13;
        -ms-flex-order : 13;
        order : 13;
    }
    .order-sm-0 {
        -webkit-box-ordinal-group : 1;
        -webkit-order : 0;
        -ms-flex-order : 0;
        order : 0;
    }
    .order-sm-1 {
        -webkit-box-ordinal-group : 2;
        -webkit-order : 1;
        -ms-flex-order : 1;
        order : 1;
    }
    .order-sm-2 {
        -webkit-box-ordinal-group : 3;
        -webkit-order : 2;
        -ms-flex-order : 2;
        order : 2;
    }
    .order-sm-3 {
        -webkit-box-ordinal-group : 4;
        -webkit-order : 3;
        -ms-flex-order : 3;
        order : 3;
    }
    .order-sm-4 {
        -webkit-box-ordinal-group : 5;
        -webkit-order : 4;
        -ms-flex-order : 4;
        order : 4;
    }
    .order-sm-5 {
        -webkit-box-ordinal-group : 6;
        -webkit-order : 5;
        -ms-flex-order : 5;
        order : 5;
    }
    .order-sm-6 {
        -webkit-box-ordinal-group : 7;
        -webkit-order : 6;
        -ms-flex-order : 6;
        order : 6;
    }
    .order-sm-7 {
        -webkit-box-ordinal-group : 8;
        -webkit-order : 7;
        -ms-flex-order : 7;
        order : 7;
    }
    .order-sm-8 {
        -webkit-box-ordinal-group : 9;
        -webkit-order : 8;
        -ms-flex-order : 8;
        order : 8;
    }
    .order-sm-9 {
        -webkit-box-ordinal-group : 10;
        -webkit-order : 9;
        -ms-flex-order : 9;
        order : 9;
    }
    .order-sm-10 {
        -webkit-box-ordinal-group : 11;
        -webkit-order : 10;
        -ms-flex-order : 10;
        order : 10;
    }
    .order-sm-11 {
        -webkit-box-ordinal-group : 12;
        -webkit-order : 11;
        -ms-flex-order : 11;
        order : 11;
    }
    .order-sm-12 {
        -webkit-box-ordinal-group : 13;
        -webkit-order : 12;
        -ms-flex-order : 12;
        order : 12;
    }
    .offset-sm-0 {
        margin-right : 0;
    }
    .offset-sm-1 {
        margin-right : 8.33333%;
    }
    .offset-sm-2 {
        margin-right : 16.66667%;
    }
    .offset-sm-3 {
        margin-right : 25%;
    }
    .offset-sm-4 {
        margin-right : 33.33333%;
    }
    .offset-sm-5 {
        margin-right : 41.66667%;
    }
    .offset-sm-6 {
        margin-right : 50%;
    }
    .offset-sm-7 {
        margin-right : 58.33333%;
    }
    .offset-sm-8 {
        margin-right : 66.66667%;
    }
    .offset-sm-9 {
        margin-right : 75%;
    }
    .offset-sm-10 {
        margin-right : 83.33333%;
    }
    .offset-sm-11 {
        margin-right : 91.66667%;
    }
}

@media (min-width: 768px) {
    .col-md {
        -webkit-flex-basis : 0;
        -ms-flex-preferred-size : 0;
        flex-basis : 0;
        -webkit-box-flex : 1;
        -webkit-flex-grow : 1;
        -ms-flex-positive : 1;
        flex-grow : 1;
        max-width : 100%;
    }
    .col-md-auto {
        -webkit-box-flex : 0;
        -webkit-flex : 0 0 auto;
        -ms-flex : 0 0 auto;
        flex : 0 0 auto;
        width : auto;
        max-width : 100%;
    }
    .col-md-1 {
        -webkit-box-flex : 0;
        -webkit-flex : 0 0 8.33333%;
        -ms-flex : 0 0 8.33333%;
        flex : 0 0 8.33333%;
        max-width : 8.33333%;
    }
    .col-md-2 {
        -webkit-box-flex : 0;
        -webkit-flex : 0 0 16.66667%;
        -ms-flex : 0 0 16.66667%;
        flex : 0 0 16.66667%;
        max-width : 16.66667%;
    }
    .col-md-3 {
        -webkit-box-flex : 0;
        -webkit-flex : 0 0 25%;
        -ms-flex : 0 0 25%;
        flex : 0 0 25%;
        max-width : 25%;
    }
    .col-md-4 {
        -webkit-box-flex : 0;
        -webkit-flex : 0 0 33.33333%;
        -ms-flex : 0 0 33.33333%;
        flex : 0 0 33.33333%;
        max-width : 33.33333%;
    }
    .col-md-5 {
        -webkit-box-flex : 0;
        -webkit-flex : 0 0 41.66667%;
        -ms-flex : 0 0 41.66667%;
        flex : 0 0 41.66667%;
        max-width : 41.66667%;
    }
    .col-md-6 {
        -webkit-box-flex : 0;
        -webkit-flex : 0 0 50%;
        -ms-flex : 0 0 50%;
        flex : 0 0 50%;
        max-width : 50%;
    }
    .col-md-7 {
        -webkit-box-flex : 0;
        -webkit-flex : 0 0 58.33333%;
        -ms-flex : 0 0 58.33333%;
        flex : 0 0 58.33333%;
        max-width : 58.33333%;
    }
    .col-md-8 {
        -webkit-box-flex : 0;
        -webkit-flex : 0 0 66.66667%;
        -ms-flex : 0 0 66.66667%;
        flex : 0 0 66.66667%;
        max-width : 66.66667%;
    }
    .col-md-9 {
        -webkit-box-flex : 0;
        -webkit-flex : 0 0 75%;
        -ms-flex : 0 0 75%;
        flex : 0 0 75%;
        max-width : 75%;
    }
    .col-md-10 {
        -webkit-box-flex : 0;
        -webkit-flex : 0 0 83.33333%;
        -ms-flex : 0 0 83.33333%;
        flex : 0 0 83.33333%;
        max-width : 83.33333%;
    }
    .col-md-11 {
        -webkit-box-flex : 0;
        -webkit-flex : 0 0 91.66667%;
        -ms-flex : 0 0 91.66667%;
        flex : 0 0 91.66667%;
        max-width : 91.66667%;
    }
    .col-md-12 {
        -webkit-box-flex : 0;
        -webkit-flex : 0 0 100%;
        -ms-flex : 0 0 100%;
        flex : 0 0 100%;
        max-width : 100%;
    }
    .order-md-first {
        -webkit-box-ordinal-group : 0;
        -webkit-order : -1;
        -ms-flex-order : -1;
        order : -1;
    }
    .order-md-last {
        -webkit-box-ordinal-group : 14;
        -webkit-order : 13;
        -ms-flex-order : 13;
        order : 13;
    }
    .order-md-0 {
        -webkit-box-ordinal-group : 1;
        -webkit-order : 0;
        -ms-flex-order : 0;
        order : 0;
    }
    .order-md-1 {
        -webkit-box-ordinal-group : 2;
        -webkit-order : 1;
        -ms-flex-order : 1;
        order : 1;
    }
    .order-md-2 {
        -webkit-box-ordinal-group : 3;
        -webkit-order : 2;
        -ms-flex-order : 2;
        order : 2;
    }
    .order-md-3 {
        -webkit-box-ordinal-group : 4;
        -webkit-order : 3;
        -ms-flex-order : 3;
        order : 3;
    }
    .order-md-4 {
        -webkit-box-ordinal-group : 5;
        -webkit-order : 4;
        -ms-flex-order : 4;
        order : 4;
    }
    .order-md-5 {
        -webkit-box-ordinal-group : 6;
        -webkit-order : 5;
        -ms-flex-order : 5;
        order : 5;
    }
    .order-md-6 {
        -webkit-box-ordinal-group : 7;
        -webkit-order : 6;
        -ms-flex-order : 6;
        order : 6;
    }
    .order-md-7 {
        -webkit-box-ordinal-group : 8;
        -webkit-order : 7;
        -ms-flex-order : 7;
        order : 7;
    }
    .order-md-8 {
        -webkit-box-ordinal-group : 9;
        -webkit-order : 8;
        -ms-flex-order : 8;
        order : 8;
    }
    .order-md-9 {
        -webkit-box-ordinal-group : 10;
        -webkit-order : 9;
        -ms-flex-order : 9;
        order : 9;
    }
    .order-md-10 {
        -webkit-box-ordinal-group : 11;
        -webkit-order : 10;
        -ms-flex-order : 10;
        order : 10;
    }
    .order-md-11 {
        -webkit-box-ordinal-group : 12;
        -webkit-order : 11;
        -ms-flex-order : 11;
        order : 11;
    }
    .order-md-12 {
        -webkit-box-ordinal-group : 13;
        -webkit-order : 12;
        -ms-flex-order : 12;
        order : 12;
    }
    .offset-md-0 {
        margin-right : 0;
    }
    .offset-md-1 {
        margin-right : 8.33333%;
    }
    .offset-md-2 {
        margin-right : 16.66667%;
    }
    .offset-md-3 {
        margin-right : 25%;
    }
    .offset-md-4 {
        margin-right : 33.33333%;
    }
    .offset-md-5 {
        margin-right : 41.66667%;
    }
    .offset-md-6 {
        margin-right : 50%;
    }
    .offset-md-7 {
        margin-right : 58.33333%;
    }
    .offset-md-8 {
        margin-right : 66.66667%;
    }
    .offset-md-9 {
        margin-right : 75%;
    }
    .offset-md-10 {
        margin-right : 83.33333%;
    }
    .offset-md-11 {
        margin-right : 91.66667%;
    }
}

@media (min-width: 992px) {
    .col-lg {
        -webkit-flex-basis : 0;
        -ms-flex-preferred-size : 0;
        flex-basis : 0;
        -webkit-box-flex : 1;
        -webkit-flex-grow : 1;
        -ms-flex-positive : 1;
        flex-grow : 1;
        max-width : 100%;
    }
    .col-lg-auto {
        -webkit-box-flex : 0;
        -webkit-flex : 0 0 auto;
        -ms-flex : 0 0 auto;
        flex : 0 0 auto;
        width : auto;
        max-width : 100%;
    }
    .col-lg-1 {
        -webkit-box-flex : 0;
        -webkit-flex : 0 0 8.33333%;
        -ms-flex : 0 0 8.33333%;
        flex : 0 0 8.33333%;
        max-width : 8.33333%;
    }
    .col-lg-2 {
        -webkit-box-flex : 0;
        -webkit-flex : 0 0 16.66667%;
        -ms-flex : 0 0 16.66667%;
        flex : 0 0 16.66667%;
        max-width : 16.66667%;
    }
    .col-lg-3 {
        -webkit-box-flex : 0;
        -webkit-flex : 0 0 25%;
        -ms-flex : 0 0 25%;
        flex : 0 0 25%;
        max-width : 25%;
    }
    .col-lg-4 {
        -webkit-box-flex : 0;
        -webkit-flex : 0 0 33.33333%;
        -ms-flex : 0 0 33.33333%;
        flex : 0 0 33.33333%;
        max-width : 33.33333%;
    }
    .col-lg-5 {
        -webkit-box-flex : 0;
        -webkit-flex : 0 0 41.66667%;
        -ms-flex : 0 0 41.66667%;
        flex : 0 0 41.66667%;
        max-width : 41.66667%;
    }
    .col-lg-6 {
        -webkit-box-flex : 0;
        -webkit-flex : 0 0 50%;
        -ms-flex : 0 0 50%;
        flex : 0 0 50%;
        max-width : 50%;
    }
    .col-lg-7 {
        -webkit-box-flex : 0;
        -webkit-flex : 0 0 58.33333%;
        -ms-flex : 0 0 58.33333%;
        flex : 0 0 58.33333%;
        max-width : 58.33333%;
    }
    .col-lg-8 {
        -webkit-box-flex : 0;
        -webkit-flex : 0 0 66.66667%;
        -ms-flex : 0 0 66.66667%;
        flex : 0 0 66.66667%;
        max-width : 66.66667%;
    }
    .col-lg-9 {
        -webkit-box-flex : 0;
        -webkit-flex : 0 0 75%;
        -ms-flex : 0 0 75%;
        flex : 0 0 75%;
        max-width : 75%;
    }
    .col-lg-10 {
        -webkit-box-flex : 0;
        -webkit-flex : 0 0 83.33333%;
        -ms-flex : 0 0 83.33333%;
        flex : 0 0 83.33333%;
        max-width : 83.33333%;
    }
    .col-lg-11 {
        -webkit-box-flex : 0;
        -webkit-flex : 0 0 91.66667%;
        -ms-flex : 0 0 91.66667%;
        flex : 0 0 91.66667%;
        max-width : 91.66667%;
    }
    .col-lg-12 {
        -webkit-box-flex : 0;
        -webkit-flex : 0 0 100%;
        -ms-flex : 0 0 100%;
        flex : 0 0 100%;
        max-width : 100%;
    }
    .order-lg-first {
        -webkit-box-ordinal-group : 0;
        -webkit-order : -1;
        -ms-flex-order : -1;
        order : -1;
    }
    .order-lg-last {
        -webkit-box-ordinal-group : 14;
        -webkit-order : 13;
        -ms-flex-order : 13;
        order : 13;
    }
    .order-lg-0 {
        -webkit-box-ordinal-group : 1;
        -webkit-order : 0;
        -ms-flex-order : 0;
        order : 0;
    }
    .order-lg-1 {
        -webkit-box-ordinal-group : 2;
        -webkit-order : 1;
        -ms-flex-order : 1;
        order : 1;
    }
    .order-lg-2 {
        -webkit-box-ordinal-group : 3;
        -webkit-order : 2;
        -ms-flex-order : 2;
        order : 2;
    }
    .order-lg-3 {
        -webkit-box-ordinal-group : 4;
        -webkit-order : 3;
        -ms-flex-order : 3;
        order : 3;
    }
    .order-lg-4 {
        -webkit-box-ordinal-group : 5;
        -webkit-order : 4;
        -ms-flex-order : 4;
        order : 4;
    }
    .order-lg-5 {
        -webkit-box-ordinal-group : 6;
        -webkit-order : 5;
        -ms-flex-order : 5;
        order : 5;
    }
    .order-lg-6 {
        -webkit-box-ordinal-group : 7;
        -webkit-order : 6;
        -ms-flex-order : 6;
        order : 6;
    }
    .order-lg-7 {
        -webkit-box-ordinal-group : 8;
        -webkit-order : 7;
        -ms-flex-order : 7;
        order : 7;
    }
    .order-lg-8 {
        -webkit-box-ordinal-group : 9;
        -webkit-order : 8;
        -ms-flex-order : 8;
        order : 8;
    }
    .order-lg-9 {
        -webkit-box-ordinal-group : 10;
        -webkit-order : 9;
        -ms-flex-order : 9;
        order : 9;
    }
    .order-lg-10 {
        -webkit-box-ordinal-group : 11;
        -webkit-order : 10;
        -ms-flex-order : 10;
        order : 10;
    }
    .order-lg-11 {
        -webkit-box-ordinal-group : 12;
        -webkit-order : 11;
        -ms-flex-order : 11;
        order : 11;
    }
    .order-lg-12 {
        -webkit-box-ordinal-group : 13;
        -webkit-order : 12;
        -ms-flex-order : 12;
        order : 12;
    }
    .offset-lg-0 {
        margin-right : 0;
    }
    .offset-lg-1 {
        margin-right : 8.33333%;
    }
    .offset-lg-2 {
        margin-right : 16.66667%;
    }
    .offset-lg-3 {
        margin-right : 25%;
    }
    .offset-lg-4 {
        margin-right : 33.33333%;
    }
    .offset-lg-5 {
        margin-right : 41.66667%;
    }
    .offset-lg-6 {
        margin-right : 50%;
    }
    .offset-lg-7 {
        margin-right : 58.33333%;
    }
    .offset-lg-8 {
        margin-right : 66.66667%;
    }
    .offset-lg-9 {
        margin-right : 75%;
    }
    .offset-lg-10 {
        margin-right : 83.33333%;
    }
    .offset-lg-11 {
        margin-right : 91.66667%;
    }
}

@media (min-width: 1200px) {
    .col-xl {
        -webkit-flex-basis : 0;
        -ms-flex-preferred-size : 0;
        flex-basis : 0;
        -webkit-box-flex : 1;
        -webkit-flex-grow : 1;
        -ms-flex-positive : 1;
        flex-grow : 1;
        max-width : 100%;
    }
    .col-xl-auto {
        -webkit-box-flex : 0;
        -webkit-flex : 0 0 auto;
        -ms-flex : 0 0 auto;
        flex : 0 0 auto;
        width : auto;
        max-width : 100%;
    }
    .col-xl-1 {
        -webkit-box-flex : 0;
        -webkit-flex : 0 0 8.33333%;
        -ms-flex : 0 0 8.33333%;
        flex : 0 0 8.33333%;
        max-width : 8.33333%;
    }
    .col-xl-2 {
        -webkit-box-flex : 0;
        -webkit-flex : 0 0 16.66667%;
        -ms-flex : 0 0 16.66667%;
        flex : 0 0 16.66667%;
        max-width : 16.66667%;
    }
    .col-xl-3 {
        -webkit-box-flex : 0;
        -webkit-flex : 0 0 25%;
        -ms-flex : 0 0 25%;
        flex : 0 0 25%;
        max-width : 25%;
    }
    .col-xl-4 {
        -webkit-box-flex : 0;
        -webkit-flex : 0 0 33.33333%;
        -ms-flex : 0 0 33.33333%;
        flex : 0 0 33.33333%;
        max-width : 33.33333%;
    }
    .col-xl-5 {
        -webkit-box-flex : 0;
        -webkit-flex : 0 0 41.66667%;
        -ms-flex : 0 0 41.66667%;
        flex : 0 0 41.66667%;
        max-width : 41.66667%;
    }
    .col-xl-6 {
        -webkit-box-flex : 0;
        -webkit-flex : 0 0 50%;
        -ms-flex : 0 0 50%;
        flex : 0 0 50%;
        max-width : 50%;
    }
    .col-xl-7 {
        -webkit-box-flex : 0;
        -webkit-flex : 0 0 58.33333%;
        -ms-flex : 0 0 58.33333%;
        flex : 0 0 58.33333%;
        max-width : 58.33333%;
    }
    .col-xl-8 {
        -webkit-box-flex : 0;
        -webkit-flex : 0 0 66.66667%;
        -ms-flex : 0 0 66.66667%;
        flex : 0 0 66.66667%;
        max-width : 66.66667%;
    }
    .col-xl-9 {
        -webkit-box-flex : 0;
        -webkit-flex : 0 0 75%;
        -ms-flex : 0 0 75%;
        flex : 0 0 75%;
        max-width : 75%;
    }
    .col-xl-10 {
        -webkit-box-flex : 0;
        -webkit-flex : 0 0 83.33333%;
        -ms-flex : 0 0 83.33333%;
        flex : 0 0 83.33333%;
        max-width : 83.33333%;
    }
    .col-xl-11 {
        -webkit-box-flex : 0;
        -webkit-flex : 0 0 91.66667%;
        -ms-flex : 0 0 91.66667%;
        flex : 0 0 91.66667%;
        max-width : 91.66667%;
    }
    .col-xl-12 {
        -webkit-box-flex : 0;
        -webkit-flex : 0 0 100%;
        -ms-flex : 0 0 100%;
        flex : 0 0 100%;
        max-width : 100%;
    }
    .order-xl-first {
        -webkit-box-ordinal-group : 0;
        -webkit-order : -1;
        -ms-flex-order : -1;
        order : -1;
    }
    .order-xl-last {
        -webkit-box-ordinal-group : 14;
        -webkit-order : 13;
        -ms-flex-order : 13;
        order : 13;
    }
    .order-xl-0 {
        -webkit-box-ordinal-group : 1;
        -webkit-order : 0;
        -ms-flex-order : 0;
        order : 0;
    }
    .order-xl-1 {
        -webkit-box-ordinal-group : 2;
        -webkit-order : 1;
        -ms-flex-order : 1;
        order : 1;
    }
    .order-xl-2 {
        -webkit-box-ordinal-group : 3;
        -webkit-order : 2;
        -ms-flex-order : 2;
        order : 2;
    }
    .order-xl-3 {
        -webkit-box-ordinal-group : 4;
        -webkit-order : 3;
        -ms-flex-order : 3;
        order : 3;
    }
    .order-xl-4 {
        -webkit-box-ordinal-group : 5;
        -webkit-order : 4;
        -ms-flex-order : 4;
        order : 4;
    }
    .order-xl-5 {
        -webkit-box-ordinal-group : 6;
        -webkit-order : 5;
        -ms-flex-order : 5;
        order : 5;
    }
    .order-xl-6 {
        -webkit-box-ordinal-group : 7;
        -webkit-order : 6;
        -ms-flex-order : 6;
        order : 6;
    }
    .order-xl-7 {
        -webkit-box-ordinal-group : 8;
        -webkit-order : 7;
        -ms-flex-order : 7;
        order : 7;
    }
    .order-xl-8 {
        -webkit-box-ordinal-group : 9;
        -webkit-order : 8;
        -ms-flex-order : 8;
        order : 8;
    }
    .order-xl-9 {
        -webkit-box-ordinal-group : 10;
        -webkit-order : 9;
        -ms-flex-order : 9;
        order : 9;
    }
    .order-xl-10 {
        -webkit-box-ordinal-group : 11;
        -webkit-order : 10;
        -ms-flex-order : 10;
        order : 10;
    }
    .order-xl-11 {
        -webkit-box-ordinal-group : 12;
        -webkit-order : 11;
        -ms-flex-order : 11;
        order : 11;
    }
    .order-xl-12 {
        -webkit-box-ordinal-group : 13;
        -webkit-order : 12;
        -ms-flex-order : 12;
        order : 12;
    }
    .offset-xl-0 {
        margin-right : 0;
    }
    .offset-xl-1 {
        margin-right : 8.33333%;
    }
    .offset-xl-2 {
        margin-right : 16.66667%;
    }
    .offset-xl-3 {
        margin-right : 25%;
    }
    .offset-xl-4 {
        margin-right : 33.33333%;
    }
    .offset-xl-5 {
        margin-right : 41.66667%;
    }
    .offset-xl-6 {
        margin-right : 50%;
    }
    .offset-xl-7 {
        margin-right : 58.33333%;
    }
    .offset-xl-8 {
        margin-right : 66.66667%;
    }
    .offset-xl-9 {
        margin-right : 75%;
    }
    .offset-xl-10 {
        margin-right : 83.33333%;
    }
    .offset-xl-11 {
        margin-right : 91.66667%;
    }
}

.table {
    width : 100%;
    margin-bottom : 1rem;
    color : #626262;
}
.table th, .table td {
    padding : 0.75rem;
    vertical-align : top;
    border-top : 1px solid #F8F8F8;
}
.table thead th {
    vertical-align : bottom;
    border-bottom : 2px solid #F8F8F8;
}
.table tbody + tbody {
    border-top : 2px solid #F8F8F8;
}

.table-sm th, .table-sm td {
    padding : 0.3rem;
}

.table-bordered {
    border : 1px solid #F8F8F8;
}
.table-bordered th, .table-bordered td {
    border : 1px solid #F8F8F8;
}
.table-bordered thead th, .table-bordered thead td {
    border-bottom-width : 2px;
}

.table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody {
    border : 0;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color : rgba(34, 41, 47, 0.05);
}

.table-hover tbody tr:hover {
    color : #626262;
    background-color : rgba(34, 41, 47, 0.075);
}

.table-primary, .table-primary > th, .table-primary > td {
    background-color : #D8D4FB;
}

.table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody {
    border-color : #B6B0F7;
}

.table-hover .table-primary:hover {
    background-color : #C3BDF9;
}
.table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {
    background-color : #C3BDF9;
}

.table-secondary, .table-secondary > th, .table-secondary > td {
    background-color : #EBEEF1;
}

.table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody {
    border-color : #DADFE4;
}

.table-hover .table-secondary:hover {
    background-color : #DCE1E7;
}
.table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th {
    background-color : #DCE1E7;
}

.table-success, .table-success > th, .table-success > td {
    background-color : #C3EFD7;
}

.table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody {
    border-color : #8FE2B4;
}

.table-hover .table-success:hover {
    background-color : #AFEACA;
}
.table-hover .table-success:hover > td, .table-hover .table-success:hover > th {
    background-color : #AFEACA;
}

.table-info, .table-info > th, .table-info > td {
    background-color : #B8F2F9;
}

.table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody {
    border-color : #7AE6F3;
}

.table-hover .table-info:hover {
    background-color : #A0EEF7;
}
.table-hover .table-info:hover > td, .table-hover .table-info:hover > th {
    background-color : #A0EEF7;
}

.table-warning, .table-warning > th, .table-warning > td {
    background-color : #FFE4CA;
}

.table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody {
    border-color : #FFCD9D;
}

.table-hover .table-warning:hover {
    background-color : #FFD7B1;
}
.table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th {
    background-color : #FFD7B1;
}

.table-danger, .table-danger > th, .table-danger > td {
    background-color : #F9CFCF;
}

.table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody {
    border-color : #F4A6A7;
}

.table-hover .table-danger:hover {
    background-color : #F6B8B8;
}
.table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th {
    background-color : #F6B8B8;
}

.table-light, .table-light > th, .table-light > td {
    background-color : #ECEDEF;
}

.table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody {
    border-color : #DBDEE2;
}

.table-hover .table-light:hover {
    background-color : #DEE0E3;
}
.table-hover .table-light:hover > td, .table-hover .table-light:hover > th {
    background-color : #DEE0E3;
}

.table-dark, .table-dark > th, .table-dark > td {
    background-color : silver;
}

.table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody {
    border-color : #8A8A8A;
}

.table-hover .table-dark:hover {
    background-color : #B3B3B3;
}
.table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th {
    background-color : #B3B3B3;
}

.table-active, .table-active > th, .table-active > td {
    background-color : rgba(34, 41, 47, 0.075);
}

.table-hover .table-active:hover {
    background-color : rgba(23, 28, 32, 0.075);
}
.table-hover .table-active:hover > td, .table-hover .table-active:hover > th {
    background-color : rgba(23, 28, 32, 0.075);
}

.table .thead-dark th {
    color : #FFFFFF;
    background-color : #1E1E1E;
    border-color : #313131;
}

.table .thead-light th {
    color : #4E5154;
    background-color : #EDEDED;
    border-color : #F8F8F8;
}

.table-dark {
    color : #FFFFFF;
    background-color : #1E1E1E;
}
.table-dark th, .table-dark td, .table-dark thead th {
    border-color : #313131;
}
.table-dark.table-bordered {
    border : 0;
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color : rgba(255, 255, 255, 0.05);
}
.table-dark.table-hover tbody tr:hover {
    color : #FFFFFF;
    background-color : rgba(255, 255, 255, 0.075);
}

@media (max-width: 575.98px) {
    .table-responsive-sm {
        display : block;
        width : 100%;
        overflow-x : auto;
        -webkit-overflow-scrolling : touch;
    }
    .table-responsive-sm > .table-bordered {
        border : 0;
    }
    #make-flex-column {
        flex-direction: column!important;
        align-items: center!important;
        justify-content: space-between!important;
    }
}

@media (max-width: 767.98px) {
    .table-responsive-md {
        display : block;
        width : 100%;
        overflow-x : auto;
        -webkit-overflow-scrolling : touch;
    }
    .table-responsive-md > .table-bordered {
        border : 0;
    }
}

@media (max-width: 991.98px) {
    .table-responsive-lg {
        display : block;
        width : 100%;
        overflow-x : auto;
        -webkit-overflow-scrolling : touch;
    }
    .table-responsive-lg > .table-bordered {
        border : 0;
    }
}

@media (max-width: 1199.98px) {
    .table-responsive-xl {
        display : block;
        width : 100%;
        overflow-x : auto;
        -webkit-overflow-scrolling : touch;
    }
    .table-responsive-xl > .table-bordered {
        border : 0;
    }
}

.table-responsive {
    display : block;
    width : 100%;
    overflow-x : auto;
    -webkit-overflow-scrolling : touch;
}
.table-responsive > .table-bordered {
    border : 0;
}

.form-control {
    display : block;
    width : 100%;
    height : calc( 1.25em + 1.4rem + 1px);
    padding : 0.7rem 0.7rem;
    font-size : 0.96rem;
    font-weight : 400;
    line-height : 1.25;
    color : #4E5154;
    background-color : #FFFFFF;
    background-clip : padding-box;
    border : 1px solid rgba(0, 0, 0, 0.2);
    border-radius : 5px;
    -webkit-transition : border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition : border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .form-control {
        -webkit-transition : none;
        transition : none;
    }
}
.form-control::-ms-expand {
    background-color : transparent;
    border : 0;
}
.form-control:focus {
    color : #4E5154;
    background-color : #FFFFFF;
    border-color : #7367F0;
    outline : 0;
    box-shadow : 0 3px 10px 0 rgba(0, 0, 0, 0.15);
}
.form-control::-webkit-input-placeholder {
    color : rgba(0, 0, 0, 0.5);
    opacity : 1;
}
.form-control::-moz-placeholder {
    color : rgba(0, 0, 0, 0.5);
    opacity : 1;
}
.form-control:-ms-input-placeholder {
    color : rgba(0, 0, 0, 0.5);
    opacity : 1;
}
.form-control::-ms-input-placeholder {
    color : rgba(0, 0, 0, 0.5);
    opacity : 1;
}
.form-control::placeholder {
    color : rgba(0, 0, 0, 0.5);
    opacity : 1;
}
.form-control:disabled, .form-control[readonly] {
    background-color : #F5F5F1;
    opacity : 1;
}

select.form-control:focus::-ms-value {
    color : #4E5154;
    background-color : #FFFFFF;
}

.form-control-file, .form-control-range {
    display : block;
    width : 100%;
}

.col-form-label {
    padding-top : calc(0.7rem + 1px);
    padding-bottom : calc(0.7rem + 1px);
    margin-bottom : 0;
    font-size : inherit;
    line-height : 1.25;
}

.col-form-label-lg {
    padding-top : calc(1rem + 1px);
    padding-bottom : calc(1rem + 1px);
    font-size : 1.25rem;
    line-height : 1.25;
}

.col-form-label-sm {
    padding-top : calc(0.5rem + 1px);
    padding-bottom : calc(0.5rem + 1px);
    font-size : 0.7rem;
    line-height : 1;
}

.form-control-plaintext {
    display : block;
    width : 100%;
    padding-top : 0.7rem;
    padding-bottom : 0.7rem;
    margin-bottom : 0;
    line-height : 1.25;
    color : #ADB5BD;
    background-color : transparent;
    border : solid transparent;
    border-width : 1px 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
    padding-left : 0;
    padding-right : 0;
}

.form-control-sm {
    height : calc(1em + 1rem + 2px);
    padding : 0.5rem 1.5rem;
    font-size : 0.7rem;
    line-height : 1;
    border-radius : 4px;
}

.form-control-lg {
    height : calc(1.25em + 2rem + 2px);
    padding : 1rem 2.5rem;
    font-size : 1.25rem;
    line-height : 1.25;
    border-radius : 6px;
}

select.form-control[size], select.form-control[multiple] {
    height : auto;
}

textarea.form-control {
    height : auto;
}

.form-group {
    margin-bottom : 1rem;
}

.form-text {
    display : block;
    margin-top : 0.25rem;
}

.form-row {
    display : -webkit-box;
    display : -webkit-flex;
    display : -ms-flexbox;
    display :         flex;
    -webkit-flex-wrap : wrap;
    -ms-flex-wrap : wrap;
    flex-wrap : wrap;
    margin-left : -5px;
    margin-right : -5px;
}
.form-row > .col, .form-row > [class*='col-'] {
    padding-left : 5px;
    padding-right : 5px;
}

.form-check {
    position : relative;
    display : block;
    padding-right : 1.25rem;
}

.form-check-input {
    position : absolute;
    margin-top : 0.3rem;
    margin-right : -1.25rem;
}
.form-check-input:disabled ~ .form-check-label {
    color : #B8C2CC;
}

.form-check-label {
    margin-bottom : 0;
}

.form-check-inline {
    display : -webkit-inline-box;
    display : -webkit-inline-flex;
    display : -ms-inline-flexbox;
    display :         inline-flex;
    -webkit-box-align : center;
    -webkit-align-items : center;
    -ms-flex-align : center;
    align-items : center;
    padding-right : 0;
    margin-left : 0.75rem;
}
.form-check-inline .form-check-input {
    position : static;
    margin-top : 0;
    margin-left : 0.3125rem;
    margin-right : 0;
}

.valid-feedback {
    display : none;
    width : 100%;
    margin-top : 0.25rem;
    font-size : smaller;
    color : #28C76F;
}

.valid-tooltip {
    position : absolute;
    top : 100%;
    z-index : 5;
    display : none;
    max-width : 100%;
    padding : 0.4rem 0.775rem;
    margin-top : 0.1rem;
    font-size : 0.857rem;
    line-height : 1.45;
    color : #FFFFFF;
    background-color : #28C76F;
    border-radius : 0.428rem;
}

.was-validated .form-control:valid, .form-control.is-valid {
    border-color : #28C76F;
    padding-left : calc(1.25em + 1.4rem);
    background-image : url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 8 8\'%3e%3cpath fill=\'%2328c76f\' d=\'M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z\'/%3e%3c/svg%3e');
    background-repeat : no-repeat;
    background-position : center left calc(0.3125em + 0.35rem);
    background-size : calc(0.625em + 0.7rem) calc(0.625em + 0.7rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
    border-color : #28C76F;
    box-shadow : 0 0 0 0.2rem rgba(40, 199, 111, 0.25);
}
.was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip {
    display : block;
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
    padding-left : calc(1.25em + 1.4rem);
    background-position : top calc(0.3125em + 0.35rem) left calc(0.3125em + 0.35rem);
}

.was-validated .custom-select:valid, .custom-select.is-valid {
    border-color : #28C76F;
    padding-left : calc((1em + 1.4rem) * 3 / 4 + 1.7rem);
    background : url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 4 5\'%3e%3cpath fill=\'%231e1e1e\' d=\'M2 0L0 2h4zm0 5L0 3h4z\'/%3e%3c/svg%3e') no-repeat left 0.7rem center/8px 10px, url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 8 8\'%3e%3cpath fill=\'%2328c76f\' d=\'M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z\'/%3e%3c/svg%3e') #FFFFFF no-repeat center right 1.7rem/calc(0.625em + 0.7rem) calc(0.625em + 0.7rem);
}
.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
    border-color : #28C76F;
    box-shadow : 0 0 0 0.2rem rgba(40, 199, 111, 0.25);
}
.was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip {
    display : block;
}

.was-validated .form-control-file:valid ~ .valid-feedback, .was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback, .form-control-file.is-valid ~ .valid-tooltip {
    display : block;
}

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
    color : #28C76F;
}

.was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip {
    display : block;
}

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
    color : #28C76F;
}
.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
    border-color : #28C76F;
}

.was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip {
    display : block;
}

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
    border-color : #48DA89;
    background-color : #48DA89;
}

.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
    box-shadow : 0 0 0 0.2rem rgba(40, 199, 111, 0.25);
}

.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
    border-color : #28C76F;
}

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
    border-color : #28C76F;
}

.was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip {
    display : block;
}

.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
    border-color : #28C76F;
    box-shadow : 0 0 0 0.2rem rgba(40, 199, 111, 0.25);
}

.invalid-feedback {
    display : none;
    width : 100%;
    margin-top : 0.25rem;
    font-size : smaller;
    color : #EA5455;
}

.invalid-tooltip {
    position : absolute;
    top : 100%;
    z-index : 5;
    display : none;
    max-width : 100%;
    padding : 0.4rem 0.775rem;
    margin-top : 0.1rem;
    font-size : 0.857rem;
    line-height : 1.45;
    color : #FFFFFF;
    background-color : #EA5455;
    border-radius : 0.428rem;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
    border-color : #EA5455;
    padding-left : calc(1.25em + 1.4rem);
    background-image : url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' fill=\'%23ea5455\' viewBox=\'-2 -2 7 7\'%3e%3cpath stroke=\'%23ea5455\' d=\'M0 0l3 3m0-3L0 3\'/%3e%3ccircle r=\'.5\'/%3e%3ccircle cx=\'3\' r=\'.5\'/%3e%3ccircle cy=\'3\' r=\'.5\'/%3e%3ccircle cx=\'3\' cy=\'3\' r=\'.5\'/%3e%3c/svg%3E');
    background-repeat : no-repeat;
    background-position : center left calc(0.3125em + 0.35rem);
    background-size : calc(0.625em + 0.7rem) calc(0.625em + 0.7rem);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
    border-color : #EA5455;
    box-shadow : 0 0 0 0.2rem rgba(234, 84, 85, 0.25);
}
.was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip {
    display : block;
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
    padding-left : calc(1.25em + 1.4rem);
    background-position : top calc(0.3125em + 0.35rem) left calc(0.3125em + 0.35rem);
}

.was-validated .custom-select:invalid, .custom-select.is-invalid {
    border-color : #EA5455;
    padding-left : calc((1em + 1.4rem) * 3 / 4 + 1.7rem);
    background : url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 4 5\'%3e%3cpath fill=\'%231e1e1e\' d=\'M2 0L0 2h4zm0 5L0 3h4z\'/%3e%3c/svg%3e') no-repeat left 0.7rem center/8px 10px, url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' fill=\'%23ea5455\' viewBox=\'-2 -2 7 7\'%3e%3cpath stroke=\'%23ea5455\' d=\'M0 0l3 3m0-3L0 3\'/%3e%3ccircle r=\'.5\'/%3e%3ccircle cx=\'3\' r=\'.5\'/%3e%3ccircle cy=\'3\' r=\'.5\'/%3e%3ccircle cx=\'3\' cy=\'3\' r=\'.5\'/%3e%3c/svg%3E') #FFFFFF no-repeat center right 1.7rem/calc(0.625em + 0.7rem) calc(0.625em + 0.7rem);
}
.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
    border-color : #EA5455;
    box-shadow : 0 0 0 0.2rem rgba(234, 84, 85, 0.25);
}
.was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip {
    display : block;
}

.was-validated .form-control-file:invalid ~ .invalid-feedback, .was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback, .form-control-file.is-invalid ~ .invalid-tooltip {
    display : block;
}

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
    color : #EA5455;
}

.was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip {
    display : block;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
    color : #EA5455;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
    border-color : #EA5455;
}

.was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip {
    display : block;
}

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
    border-color : #F08182;
    background-color : #F08182;
}

.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
    box-shadow : 0 0 0 0.2rem rgba(234, 84, 85, 0.25);
}

.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
    border-color : #EA5455;
}

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
    border-color : #EA5455;
}

.was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip {
    display : block;
}

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
    border-color : #EA5455;
    box-shadow : 0 0 0 0.2rem rgba(234, 84, 85, 0.25);
}

.form-inline {
    display : -webkit-box;
    display : -webkit-flex;
    display : -ms-flexbox;
    display :         flex;
    -webkit-box-orient : horizontal;
    -webkit-box-direction : normal;
    -webkit-flex-flow : row wrap;
    -ms-flex-flow : row wrap;
    flex-flow : row wrap;
    -webkit-box-align : center;
    -webkit-align-items : center;
    -ms-flex-align : center;
    align-items : center;
}
.form-inline .form-check {
    width : 100%;
}
@media (min-width: 576px) {
    .form-inline label {
        display : -webkit-box;
        display : -webkit-flex;
        display : -ms-flexbox;
        display :         flex;
        -webkit-box-align : center;
        -webkit-align-items : center;
        -ms-flex-align : center;
        align-items : center;
        -webkit-box-pack : center;
        -webkit-justify-content : center;
        -ms-flex-pack : center;
        justify-content : center;
        margin-bottom : 0;
    }
    .form-inline .form-group {
        display : -webkit-box;
        display : -webkit-flex;
        display : -ms-flexbox;
        display :         flex;
        -webkit-box-flex : 0;
        -webkit-flex : 0 0 auto;
        -ms-flex : 0 0 auto;
        flex : 0 0 auto;
        -webkit-box-orient : horizontal;
        -webkit-box-direction : normal;
        -webkit-flex-flow : row wrap;
        -ms-flex-flow : row wrap;
        flex-flow : row wrap;
        -webkit-box-align : center;
        -webkit-align-items : center;
        -ms-flex-align : center;
        align-items : center;
        margin-bottom : 0;
    }
    .form-inline .form-control {
        display : inline-block;
        width : auto;
        vertical-align : middle;
    }
    .form-inline .form-control-plaintext {
        display : inline-block;
    }
    .form-inline .input-group, .form-inline .custom-select {
        width : auto;
    }
    .form-inline .form-check {
        display : -webkit-box;
        display : -webkit-flex;
        display : -ms-flexbox;
        display :         flex;
        -webkit-box-align : center;
        -webkit-align-items : center;
        -ms-flex-align : center;
        align-items : center;
        -webkit-box-pack : center;
        -webkit-justify-content : center;
        -ms-flex-pack : center;
        justify-content : center;
        width : auto;
        padding-right : 0;
    }
    .form-inline .form-check-input {
        position : relative;
        -webkit-flex-shrink : 0;
        -ms-flex-negative : 0;
        flex-shrink : 0;
        margin-top : 0;
        margin-left : 0.25rem;
        margin-right : 0;
    }
    .form-inline .custom-control {
        -webkit-box-align : center;
        -webkit-align-items : center;
        -ms-flex-align : center;
        align-items : center;
        -webkit-box-pack : center;
        -webkit-justify-content : center;
        -ms-flex-pack : center;
        justify-content : center;
    }
    .form-inline .custom-control-label {
        margin-bottom : 0;
    }
}

.btn {
    display : inline-block;
    font-weight : 400;
    color : #626262;
    text-align : center;
    vertical-align : middle;
    -webkit-user-select : none;
    -moz-user-select : none;
    -ms-user-select : none;
    user-select : none;
    background-color : transparent;
    border : 0 solid transparent;
    padding : 0.9rem 2rem;
    font-size : 1rem;
    line-height : 1;
    border-radius : 0.4285rem;
    -webkit-transition : color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition : color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .btn {
        -webkit-transition : none;
        transition : none;
    }
}
.btn:hover {
    color : #626262;
    text-decoration : none;
}
.btn:focus, .btn.focus {
    outline : 0;
    box-shadow : 0 0 0 0.2rem rgba(115, 103, 240, 0.25);
}
.btn.disabled, .btn:disabled {
    opacity : 0.65;
}

a.btn.disabled, fieldset:disabled a.btn {
    pointer-events : none;
}

.btn-primary {
    color : #FFFFFF;
    background-color : #7367F0;
    border-color : #7367F0;
}
.btn-primary:hover {
    color : #FFFFFF;
    background-color : #5344ED;
    border-color : #4839EB;
}
.btn-primary:focus, .btn-primary.focus {
    box-shadow : 0 0 0 0.2rem rgba(136, 126, 242, 0.5);
}
.btn-primary.disabled, .btn-primary:disabled {
    color : #FFFFFF;
    background-color : #7367F0;
    border-color : #7367F0;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color : #FFFFFF;
    background-color : #4839EB;
    border-color : #3E2DEA;
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow : 0 0 0 0.2rem rgba(136, 126, 242, 0.5);
}

.btn-secondary {
    color : #2A2E30;
    background-color : #B8C2CC;
    border-color : #B8C2CC;
}
.btn-secondary:hover {
    color : #2A2E30;
    background-color : #A2AFBC;
    border-color : #9AA9B7;
}
.btn-secondary:focus, .btn-secondary.focus {
    box-shadow : 0 0 0 0.2rem rgba(163, 172, 181, 0.5);
}
.btn-secondary.disabled, .btn-secondary:disabled {
    color : #2A2E30;
    background-color : #B8C2CC;
    border-color : #B8C2CC;
}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
    color : #2A2E30;
    background-color : #9AA9B7;
    border-color : #93A2B1;
}
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
    box-shadow : 0 0 0 0.2rem rgba(163, 172, 181, 0.5);
}

.btn-success {
    color : #FFFFFF;
    background-color : #28C76F;
    border-color : #28C76F;
}
.btn-success:hover {
    color : #FFFFFF;
    background-color : #22A75D;
    border-color : #1F9D57;
}
.btn-success:focus, .btn-success.focus {
    box-shadow : 0 0 0 0.2rem rgba(72, 207, 133, 0.5);
}
.btn-success.disabled, .btn-success:disabled {
    color : #FFFFFF;
    background-color : #28C76F;
    border-color : #28C76F;
}
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
    color : #FFFFFF;
    background-color : #1F9D57;
    border-color : #1D9251;
}
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
    box-shadow : 0 0 0 0.2rem rgba(72, 207, 133, 0.5);
}

.btn-info {
    color : #FFFFFF;
    background-color : #00CFE8;
    border-color : #00CFE8;
}
.btn-info:hover {
    color : #FFFFFF;
    background-color : #00ADC2;
    border-color : #00A1B5;
}
.btn-info:focus, .btn-info.focus {
    box-shadow : 0 0 0 0.2rem rgba(38, 214, 235, 0.5);
}
.btn-info.disabled, .btn-info:disabled {
    color : #FFFFFF;
    background-color : #00CFE8;
    border-color : #00CFE8;
}
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
    color : #FFFFFF;
    background-color : #00A1B5;
    border-color : #0096A8;
}
.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
    box-shadow : 0 0 0 0.2rem rgba(38, 214, 235, 0.5);
}

.btn-warning {
    color : #2A2E30;
    background-color : #FF9F43;
    border-color : #FF9F43;
}
.btn-warning:hover {
    color : #2A2E30;
    background-color : #FF8B1D;
    border-color : #FF8510;
}
.btn-warning:focus, .btn-warning.focus {
    box-shadow : 0 0 0 0.2rem rgba(223, 142, 64, 0.5);
}
.btn-warning.disabled, .btn-warning:disabled {
    color : #2A2E30;
    background-color : #FF9F43;
    border-color : #FF9F43;
}
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
    color : #2A2E30;
    background-color : #FF8510;
    border-color : #FF7E03;
}
.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
    box-shadow : 0 0 0 0.2rem rgba(223, 142, 64, 0.5);
}

.btn-danger {
    color : #FFFFFF;
    background-color : #EA5455;
    border-color : #EA5455;
}
.btn-danger:hover {
    color : #FFFFFF;
    background-color : #E63233;
    border-color : #E42728;
}
.btn-danger:focus, .btn-danger.focus {
    box-shadow : 0 0 0 0.2rem rgba(237, 110, 111, 0.5);
}
.btn-danger.disabled, .btn-danger:disabled {
    color : #FFFFFF;
    background-color : #EA5455;
    border-color : #EA5455;
}
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
    color : #FFFFFF;
    background-color : #E42728;
    border-color : #E21C1D;
}
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
    box-shadow : 0 0 0 0.2rem rgba(237, 110, 111, 0.5);
}

.btn-light {
    color : #2A2E30;
    background-color : #BABFC7;
    border-color : #BABFC7;
}
.btn-light:hover {
    color : #2A2E30;
    background-color : #A5ABB6;
    border-color : #9EA5B0;
}
.btn-light:focus, .btn-light.focus {
    box-shadow : 0 0 0 0.2rem rgba(164, 169, 176, 0.5);
}
.btn-light.disabled, .btn-light:disabled {
    color : #2A2E30;
    background-color : #BABFC7;
    border-color : #BABFC7;
}
.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
    color : #2A2E30;
    background-color : #9EA5B0;
    border-color : #979EAA;
}
.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus {
    box-shadow : 0 0 0 0.2rem rgba(164, 169, 176, 0.5);
}

.btn-dark {
    color : #FFFFFF;
    background-color : #1E1E1E;
    border-color : #1E1E1E;
}
.btn-dark:hover {
    color : #FFFFFF;
    background-color : #0B0B0B;
    border-color : #050505;
}
.btn-dark:focus, .btn-dark.focus {
    box-shadow : 0 0 0 0.2rem rgba(64, 64, 64, 0.5);
}
.btn-dark.disabled, .btn-dark:disabled {
    color : #FFFFFF;
    background-color : #1E1E1E;
    border-color : #1E1E1E;
}
.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
    color : #FFFFFF;
    background-color : #050505;
    border-color : black;
}
.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus {
    box-shadow : 0 0 0 0.2rem rgba(64, 64, 64, 0.5);
}

.btn-outline-primary {
    color : #7367F0;
    border-color : #7367F0;
}
.btn-outline-primary:hover {
    color : #FFFFFF;
    background-color : #7367F0;
    border-color : #7367F0;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow : 0 0 0 0.2rem rgba(115, 103, 240, 0.5);
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color : #7367F0;
    background-color : transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
    color : #FFFFFF;
    background-color : #7367F0;
    border-color : #7367F0;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
    box-shadow : 0 0 0 0.2rem rgba(115, 103, 240, 0.5);
}

.btn-outline-secondary {
    color : #B8C2CC;
    border-color : #B8C2CC;
}
.btn-outline-secondary:hover {
    color : #2A2E30;
    background-color : #B8C2CC;
    border-color : #B8C2CC;
}
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
    box-shadow : 0 0 0 0.2rem rgba(184, 194, 204, 0.5);
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
    color : #B8C2CC;
    background-color : transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
    color : #2A2E30;
    background-color : #B8C2CC;
    border-color : #B8C2CC;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
    box-shadow : 0 0 0 0.2rem rgba(184, 194, 204, 0.5);
}

.btn-outline-success {
    color : #28C76F;
    border-color : #28C76F;
}
.btn-outline-success:hover {
    color : #FFFFFF;
    background-color : #28C76F;
    border-color : #28C76F;
}
.btn-outline-success:focus, .btn-outline-success.focus {
    box-shadow : 0 0 0 0.2rem rgba(40, 199, 111, 0.5);
}
.btn-outline-success.disabled, .btn-outline-success:disabled {
    color : #28C76F;
    background-color : transparent;
}
.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
    color : #FFFFFF;
    background-color : #28C76F;
    border-color : #28C76F;
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
    box-shadow : 0 0 0 0.2rem rgba(40, 199, 111, 0.5);
}

.btn-outline-info {
    color : #00CFE8;
    border-color : #00CFE8;
}
.btn-outline-info:hover {
    color : #FFFFFF;
    background-color : #00CFE8;
    border-color : #00CFE8;
}
.btn-outline-info:focus, .btn-outline-info.focus {
    box-shadow : 0 0 0 0.2rem rgba(0, 207, 232, 0.5);
}
.btn-outline-info.disabled, .btn-outline-info:disabled {
    color : #00CFE8;
    background-color : transparent;
}
.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
    color : #FFFFFF;
    background-color : #00CFE8;
    border-color : #00CFE8;
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
    box-shadow : 0 0 0 0.2rem rgba(0, 207, 232, 0.5);
}

.btn-outline-warning {
    color : #FF9F43;
    border-color : #FF9F43;
}
.btn-outline-warning:hover {
    color : #2A2E30;
    background-color : #FF9F43;
    border-color : #FF9F43;
}
.btn-outline-warning:focus, .btn-outline-warning.focus {
    box-shadow : 0 0 0 0.2rem rgba(255, 159, 67, 0.5);
}
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
    color : #FF9F43;
    background-color : transparent;
}
.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
    color : #2A2E30;
    background-color : #FF9F43;
    border-color : #FF9F43;
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
    box-shadow : 0 0 0 0.2rem rgba(255, 159, 67, 0.5);
}

.btn-outline-danger {
    color : #EA5455;
    border-color : #EA5455;
}
.btn-outline-danger:hover {
    color : #FFFFFF;
    background-color : #EA5455;
    border-color : #EA5455;
}
.btn-outline-danger:focus, .btn-outline-danger.focus {
    box-shadow : 0 0 0 0.2rem rgba(234, 84, 85, 0.5);
}
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
    color : #EA5455;
    background-color : transparent;
}
.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
    color : #FFFFFF;
    background-color : #EA5455;
    border-color : #EA5455;
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
    box-shadow : 0 0 0 0.2rem rgba(234, 84, 85, 0.5);
}

.btn-outline-light {
    color : #BABFC7;
    border-color : #BABFC7;
}
.btn-outline-light:hover {
    color : #2A2E30;
    background-color : #BABFC7;
    border-color : #BABFC7;
}
.btn-outline-light:focus, .btn-outline-light.focus {
    box-shadow : 0 0 0 0.2rem rgba(186, 191, 199, 0.5);
}
.btn-outline-light.disabled, .btn-outline-light:disabled {
    color : #BABFC7;
    background-color : transparent;
}
.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {
    color : #2A2E30;
    background-color : #BABFC7;
    border-color : #BABFC7;
}
.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
    box-shadow : 0 0 0 0.2rem rgba(186, 191, 199, 0.5);
}

.btn-outline-dark {
    color : #1E1E1E;
    border-color : #1E1E1E;
}
.btn-outline-dark:hover {
    color : #FFFFFF;
    background-color : #1E1E1E;
    border-color : #1E1E1E;
}
.btn-outline-dark:focus, .btn-outline-dark.focus {
    box-shadow : 0 0 0 0.2rem rgba(30, 30, 30, 0.5);
}
.btn-outline-dark.disabled, .btn-outline-dark:disabled {
    color : #1E1E1E;
    background-color : transparent;
}
.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {
    color : #FFFFFF;
    background-color : #1E1E1E;
    border-color : #1E1E1E;
}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
    box-shadow : 0 0 0 0.2rem rgba(30, 30, 30, 0.5);
}

.btn-link {
    font-weight : 400;
    color : #7367F0;
    text-decoration : none;
}
.btn-link:hover {
    color : #5E50EE;
    text-decoration : none;
}
.btn-link:focus, .btn-link.focus {
    text-decoration : none;
    box-shadow : none;
}
.btn-link:disabled, .btn-link.disabled {
    color : #B8C2CC;
    pointer-events : none;
}

.btn-lg, .btn-group-lg > .btn {
    padding : 1rem 2.5rem;
    font-size : 1.25rem;
    line-height : 1.25;
    border-radius : 0.4285rem;
}

.btn-sm, .btn-group-sm > .btn {
    padding : 0.5rem 1.5rem;
    font-size : 0.7rem;
    line-height : 1;
    border-radius : 0.4285rem;
}

.btn-block {
    display : block;
    width : 100%;
}
.btn-block + .btn-block {
    margin-top : 0.5rem;
}

input[type='submit'].btn-block, input[type='reset'].btn-block, input[type='button'].btn-block {
    width : 100%;
}

.fade {
    -webkit-transition : opacity 0.15s linear;
    transition : opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
    .fade {
        -webkit-transition : none;
        transition : none;
    }
}
.fade:not(.show) {
    opacity : 0;
}

.collapse:not(.show) {
    display : none;
}

.collapsing {
    position : relative;
    height : 0;
    overflow : hidden;
    -webkit-transition : height 0.35s ease;
    transition : height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
    .collapsing {
        -webkit-transition : none;
        transition : none;
    }
}

.dropup, .dropright, .dropdown, .dropleft {
    position : relative;
}

.dropdown-toggle {
    white-space : nowrap;
}
.dropdown-toggle::after {
    display : inline-block;
    margin-right : 0.255em;
    vertical-align : 0.255em;
    content : '';
    border-top : 0.3em solid;
    border-left : 0.3em solid transparent;
    border-bottom : 0;
    border-right : 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
    margin-right : 0;
}

.dropdown-menu {
    position : absolute;
    top : 100%;
    right : 0;
    z-index : 10;
    display : none;
    float : right;
    min-width : 10rem;
    padding : 0.5rem 0;
    margin : 0.5rem 0 0;
    font-size : 0.9375rem;
    color : #626262;
    text-align : right;
    list-style : none;
    background-color : #FFFFFF;
    background-clip : padding-box;
    border : 1px solid rgba(34, 41, 47, 0.15);
    border-radius : 5px;
}

.dropdown-menu-left {
    left : auto;
    right : 0;
}

.dropdown-menu-right {
    left : 0;
    right : auto;
}

@media (min-width: 576px) {
    .dropdown-menu-sm-left {
        left : auto;
        right : 0;
    }
    .dropdown-menu-sm-right {
        left : 0;
        right : auto;
    }
}

@media (min-width: 768px) {
    .dropdown-menu-md-left {
        left : auto;
        right : 0;
    }
    .dropdown-menu-md-right {
        left : 0;
        right : auto;
    }
}

@media (min-width: 992px) {
    .dropdown-menu-lg-left {
        left : auto;
        right : 0;
    }
    .dropdown-menu-lg-right {
        left : 0;
        right : auto;
    }
}

@media (min-width: 1200px) {
    .dropdown-menu-xl-left {
        left : auto;
        right : 0;
    }
    .dropdown-menu-xl-right {
        left : 0;
        right : auto;
    }
}

.dropup .dropdown-menu {
    top : auto;
    bottom : 100%;
    margin-top : 0;
    margin-bottom : 0.5rem;
}

.dropup .dropdown-toggle::after {
    display : inline-block;
    margin-right : 0.255em;
    vertical-align : 0.255em;
    content : '';
    border-top : 0;
    border-left : 0.3em solid transparent;
    border-bottom : 0.3em solid;
    border-right : 0.3em solid transparent;
}

.dropup .dropdown-toggle:empty::after {
    margin-right : 0;
}

.dropright .dropdown-menu {
    top : 0;
    left : auto;
    right : 100%;
    margin-top : 0;
    margin-right : 0.5rem;
}

.dropright .dropdown-toggle::after {
    display : inline-block;
    margin-right : 0.255em;
    vertical-align : 0.255em;
    content : '';
    border-top : 0.3em solid transparent;
    border-left : 0;
    border-bottom : 0.3em solid transparent;
    border-right : 0.3em solid;
}

.dropright .dropdown-toggle:empty::after {
    margin-right : 0;
}

.dropright .dropdown-toggle::after {
    vertical-align : 0;
}

.dropleft .dropdown-menu {
    top : 0;
    left : 100%;
    right : auto;
    margin-top : 0;
    margin-left : 0.5rem;
}

.dropleft .dropdown-toggle::after {
    display : inline-block;
    margin-right : 0.255em;
    vertical-align : 0.255em;
    content : '';
}

.dropleft .dropdown-toggle::after {
    display : none;
}

.dropleft .dropdown-toggle::before {
    display : inline-block;
    margin-left : 0.255em;
    vertical-align : 0.255em;
    content : '';
    border-top : 0.3em solid transparent;
    border-left : 0.3em solid;
    border-bottom : 0.3em solid transparent;
}

.dropleft .dropdown-toggle:empty::after {
    margin-right : 0;
}

.dropleft .dropdown-toggle::before {
    vertical-align : 0;
}

.dropdown-menu[x-placement^='top'], .dropdown-menu[x-placement^='right'], .dropdown-menu[x-placement^='bottom'], .dropdown-menu[x-placement^='left'] {
    left : auto;
    bottom : auto;
}

.dropdown-divider {
    height : 0;
    margin : 0.5rem 0;
    overflow : hidden;
    border-top : 1px solid rgba(0, 0, 0, 0.08);
}

.dropdown-item {
    display : block;
    width : 100%;
    padding : 0.25rem 1.5rem;
    clear : both;
    font-weight : 400;
    color : #2A2E30;
    text-align : inherit;
    white-space : nowrap;
    background-color : transparent;
    border : 0;
}
.dropdown-item:hover, .dropdown-item:focus {
    color : #1E2122;
    text-decoration : none;
    background-color : #F8F8F8;
}
.dropdown-item.active, .dropdown-item:active {
    color : #FFFFFF;
    text-decoration : none;
    background-color : #7367F0;
}
.dropdown-item.disabled, .dropdown-item:disabled {
    color : #B8C2CC;
    pointer-events : none;
    background-color : transparent;
}

.dropdown-menu.show {
    display : block;
}

.dropdown-header {
    display : block;
    padding : 0.5rem 1.5rem;
    margin-bottom : 0;
    font-size : 1rem;
    color : #B8C2CC;
    white-space : nowrap;
}

.dropdown-item-text {
    display : block;
    padding : 0.25rem 1.5rem;
    color : #2A2E30;
}

.btn-group, .btn-group-vertical {
    position : relative;
    display : -webkit-inline-box;
    display : -webkit-inline-flex;
    display : -ms-inline-flexbox;
    display :         inline-flex;
    vertical-align : middle;
}
.btn-group > .btn, .btn-group-vertical > .btn {
    position : relative;
    -webkit-box-flex : 1;
    -webkit-flex : 1 1 auto;
    -ms-flex : 1 1 auto;
    flex : 1 1 auto;
}
.btn-group > .btn:hover, .btn-group-vertical > .btn:hover {
    z-index : 1;
}
.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active {
    z-index : 1;
}

.btn-toolbar {
    display : -webkit-box;
    display : -webkit-flex;
    display : -ms-flexbox;
    display :         flex;
    -webkit-flex-wrap : wrap;
    -ms-flex-wrap : wrap;
    flex-wrap : wrap;
    -webkit-box-pack : start;
    -webkit-justify-content : flex-start;
    -ms-flex-pack : start;
    justify-content : flex-start;
}
.btn-toolbar .input-group {
    width : auto;
}

.btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) {
    margin-right : 0;
}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn {
    border-top-left-radius : 0;
    border-bottom-left-radius : 0;
}

.btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn {
    border-top-right-radius : 0;
    border-bottom-right-radius : 0;
}

.dropdown-toggle-split {
    padding-left : 1.5rem;
    padding-right : 1.5rem;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after {
    margin-right : 0;
}
.dropleft .dropdown-toggle-split::before {
    margin-left : 0;
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
    padding-left : 1.125rem;
    padding-right : 1.125rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
    padding-left : 1.875rem;
    padding-right : 1.875rem;
}

.btn-group-vertical {
    -webkit-box-orient : vertical;
    -webkit-box-direction : normal;
    -webkit-flex-direction : column;
    -ms-flex-direction : column;
    flex-direction : column;
    -webkit-box-align : start;
    -webkit-align-items : flex-start;
    -ms-flex-align : start;
    align-items : flex-start;
    -webkit-box-pack : center;
    -webkit-justify-content : center;
    -ms-flex-pack : center;
    justify-content : center;
}
.btn-group-vertical > .btn, .btn-group-vertical > .btn-group {
    width : 100%;
}
.btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) {
    margin-top : 0;
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn {
    border-bottom-left-radius : 0;
    border-bottom-right-radius : 0;
}
.btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn {
    border-top-right-radius : 0;
    border-top-left-radius : 0;
}

.btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn {
    margin-bottom : 0;
}
.btn-group-toggle > .btn input[type='radio'], .btn-group-toggle > .btn input[type='checkbox'], .btn-group-toggle > .btn-group > .btn input[type='radio'], .btn-group-toggle > .btn-group > .btn input[type='checkbox'] {
    position : absolute;
    clip : rect(0, 0, 0, 0);
    pointer-events : none;
}

.input-group {
    position : relative;
    display : -webkit-box;
    display : -webkit-flex;
    display : -ms-flexbox;
    display :         flex;
    -webkit-flex-wrap : wrap;
    -ms-flex-wrap : wrap;
    flex-wrap : wrap;
    -webkit-box-align : stretch;
    -webkit-align-items : stretch;
    -ms-flex-align : stretch;
    align-items : stretch;
    width : 100%;
}
.input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file {
    position : relative;
    -webkit-box-flex : 1;
    -webkit-flex : 1 1 auto;
    -ms-flex : 1 1 auto;
    flex : 1 1 auto;
    width : 1%;
    margin-bottom : 0;
}
.input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .form-control-plaintext + .form-control, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file {
    margin-right : -1px;
}
.input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
    z-index : 3;
}
.input-group > .custom-file .custom-file-input:focus {
    z-index : 4;
}
.input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) {
    border-top-left-radius : 0;
    border-bottom-left-radius : 0;
}
.input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) {
    border-top-right-radius : 0;
    border-bottom-right-radius : 0;
}
.input-group > .custom-file {
    display : -webkit-box;
    display : -webkit-flex;
    display : -ms-flexbox;
    display :         flex;
    -webkit-box-align : center;
    -webkit-align-items : center;
    -ms-flex-align : center;
    align-items : center;
}
.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after {
    border-top-left-radius : 0;
    border-bottom-left-radius : 0;
}
.input-group > .custom-file:not(:first-child) .custom-file-label {
    border-top-right-radius : 0;
    border-bottom-right-radius : 0;
}

.input-group-prepend, .input-group-append {
    display : -webkit-box;
    display : -webkit-flex;
    display : -ms-flexbox;
    display :         flex;
}
.input-group-prepend .btn, .input-group-append .btn {
    position : relative;
    z-index : 2;
}
.input-group-prepend .btn:focus, .input-group-append .btn:focus {
    z-index : 3;
}
.input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn {
    margin-right : -1px;
}

.input-group-prepend {
    margin-left : -1px;
}

.input-group-append {
    margin-right : -1px;
}

.input-group-text {
    display : -webkit-box;
    display : -webkit-flex;
    display : -ms-flexbox;
    display :         flex;
    -webkit-box-align : center;
    -webkit-align-items : center;
    -ms-flex-align : center;
    align-items : center;
    padding : 0.7rem 0.7rem;
    margin-bottom : 0;
    font-size : 0.96rem;
    font-weight : 400;
    line-height : 1.25;
    color : #4E5154;
    text-align : center;
    white-space : nowrap;
    background-color : #EDEDED;
    border : 1px solid rgba(0, 0, 0, 0.2);
    border-radius : 5px;
}
.input-group-text input[type='radio'], .input-group-text input[type='checkbox'] {
    margin-top : 0;
}

.input-group-lg > .form-control:not(textarea), .input-group-lg > .custom-select {
    height : calc(1.25em + 2rem + 2px);
}

.input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn {
    padding : 1rem 2.5rem;
    font-size : 1.25rem;
    line-height : 1.25;
    border-radius : 6px;
}

.input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select {
    height : calc(1em + 1rem + 2px);
}

.input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn {
    padding : 0.5rem 1.5rem;
    font-size : 0.7rem;
    line-height : 1;
    border-radius : 4px;
}

.input-group-lg > .custom-select, .input-group-sm > .custom-select {
    padding-left : 1.7rem;
}

.input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
    border-top-left-radius : 0;
    border-bottom-left-radius : 0;
}

.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
    border-top-right-radius : 0;
    border-bottom-right-radius : 0;
}

.custom-control {
    position : relative;
    display : block;
    min-height : 1.45rem;
    padding-right : 1.5rem;
}

.custom-control-inline {
    display : -webkit-inline-box;
    display : -webkit-inline-flex;
    display : -ms-inline-flexbox;
    display :         inline-flex;
    margin-left : 1rem;
}

.custom-control-input {
    position : absolute;
    z-index : -1;
    opacity : 0;
}
.custom-control-input:checked ~ .custom-control-label::before {
    color : #FFFFFF;
    border-color : #7367F0;
    background-color : #7367F0;
}
.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow : 0 3px 10px 0 rgba(0, 0, 0, 0.15);
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color : #7367F0;
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    color : #FFFFFF;
    background-color : white;
    border-color : white;
}
.custom-control-input:disabled ~ .custom-control-label {
    color : #B8C2CC;
}
.custom-control-input:disabled ~ .custom-control-label::before {
    background-color : #F5F5F1;
}

.custom-control-label {
    position : relative;
    margin-bottom : 0;
    vertical-align : top;
    color: #0c2864;
    font-size: 1rem!important;
    font-weight: 500;
}
.custom-control-label::before {
    position : absolute;
    top : 0.225rem;
    right : -1.5rem;
    display : block;
    width : 1rem;
    height : 1rem;
    pointer-events : none;
    content : '';
    background-color : #FFFFFF;
    border : #ADB5BD solid 1px;
}
.custom-control-label::after {
    position : absolute;
    top : 0.225rem;
    right : -1.5rem;
    display : block;
    width : 1rem;
    height : 1rem;
    content : '';
    background : no-repeat 50% / 50% 50%;
}

.custom-checkbox .custom-control-label::before {
    border-radius : 0.25rem;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image : url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 8 8\'%3e%3cpath fill=\'%23fff\' d=\'M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z\'/%3e%3c/svg%3e');
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
    border-color : #7367F0;
    background-color : #ee6735;
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
    background-image : url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 4 4\'%3e%3cpath stroke=\'%23fff\' d=\'M0 2h4\'/%3e%3c/svg%3e');
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color : #ee6735;
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
    background-color : #ee6735;
}

.custom-radio .custom-control-label::before {
    border-radius : 50%;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image : url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'-4 -4 8 8\'%3e%3ccircle r=\'3\' fill=\'%23fff\'/%3e%3c/svg%3e');
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color : #ee6735;
}

.custom-switch {
    padding-right : 3.5rem;
}
.custom-switch .custom-control-label::before {
    right : -3.5rem;
    width : 3rem;
    pointer-events : all;
    border-radius : 0.857rem;
}
.custom-switch .custom-control-label::after {
    top : calc(0.225rem + 2px);
    right : calc(-3.5rem + 2px);
    width : 1.286rem;
    height : 1.286rem;
    background-color : #ADB5BD;
    border-radius : 0.857rem;
    -webkit-transition : background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
    transition : background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
    transition : transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition : transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .custom-switch .custom-control-label::after {
        -webkit-transition : none;
        transition : none;
    }
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color : #FFFFFF;
    -webkit-transform : translateX(-2rem);
    -ms-transform : translateX(-2rem);
    transform : translateX(-2rem);
}
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color : #ee6735;
}

.custom-select {
    display : inline-block;
    width : 100%;
    height : calc( 1.25em + 1.4rem + 1px);
    padding : 0.7rem 0.7rem 0.7rem 1.7rem;
    font-size : 0.96rem;
    font-weight : 400;
    line-height : 1.25;
    color : #4E5154;
    vertical-align : middle;
    background : url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 4 5\'%3e%3cpath fill=\'%231e1e1e\' d=\'M2 0L0 2h4zm0 5L0 3h4z\'/%3e%3c/svg%3e') no-repeat left 0.7rem center/8px 10px;
    background-color : #FFFFFF;
    border : 1px solid rgba(0, 0, 0, 0.2);
    border-radius : 5px;
    -webkit-appearance : none;
    -moz-appearance : none;
    appearance : none;
}
.custom-select:focus {
    border-color : #7367F0;
    outline : 0;
    box-shadow : 0 3px 10px 0 rgba(0, 0, 0, 0.15);
}
.custom-select:focus::-ms-value {
    color : #4E5154;
    background-color : #FFFFFF;
}
.custom-select[multiple], .custom-select[size]:not([size='1']) {
    height : auto;
    padding-left : 0.7rem;
    background-image : none;
}
.custom-select:disabled {
    color : #B8C2CC;
    background-color : #EDEDED;
}
.custom-select::-ms-expand {
    display : none;
}

.custom-select-sm {
    height : calc(1em + 1rem + 2px);
    padding-top : 0.5rem;
    padding-bottom : 0.5rem;
    padding-right : 1.5rem;
    font-size : 0.7rem;
}

.custom-select-lg {
    height : calc(1.25em + 2rem + 2px);
    padding-top : 1rem;
    padding-bottom : 1rem;
    padding-right : 2.5rem;
    font-size : 1.25rem;
}

.custom-file {
    position : relative;
    display : inline-block;
    width : 100%;
    height : calc( 1.25em + 1.4rem + 1px);
    margin-bottom : 0;
}

.custom-file-input {
    position : relative;
    z-index : 2;
    width : 100%;
    height : calc( 1.25em + 1.4rem + 1px);
    margin : 0;
    opacity : 0;
}
.custom-file-input:focus ~ .custom-file-label {
    border-color : #7367F0;
    box-shadow : 0 3px 10px 0 rgba(0, 0, 0, 0.15);
}
.custom-file-input:disabled ~ .custom-file-label {
    background-color : #F5F5F1;
}
.custom-file-input:lang(en) ~ .custom-file-label::after {
    content : 'Browse';
}
.custom-file-input ~ .custom-file-label[data-browse]::after {
    content : attr(data-browse);
}

.custom-file-label {
    position : absolute;
    top : 0;
    left : 0;
    right : 0;
    z-index : 1;
    height : calc( 1.25em + 1.4rem + 1px);
    padding : 0.7rem 0.7rem;
    font-weight : 400;
    line-height : 1.5rem;
    color : #4E5154;
    background-color : #FFFFFF;
    border : 1px solid rgba(0, 0, 0, 0.2);
    border-radius : 5px;
}
.custom-file-label::after {
    position : absolute;
    top : 0;
    left : 0;
    bottom : 0;
    z-index : 3;
    display : block;
    height : calc(1.25em + 1.4rem);
    padding : 0.7rem 0.7rem;
    line-height : 1.5rem;
    color : #4E5154;
    content : 'Browse';
    background-color : #EDEDED;
    border-right : inherit;
    border-radius : 5px 0 0 5px;
}

.custom-range {
    width : 100%;
    height : calc(1rem + 0.4rem);
    padding : 0;
    background-color : transparent;
    -webkit-appearance : none;
    -moz-appearance : none;
    appearance : none;
}
.custom-range:focus {
    outline : none;
}
.custom-range:focus::-webkit-slider-thumb {
    box-shadow : 0 0 0 1px #F8F8F8, 0 3px 10px 0 rgba(0, 0, 0, 0.15);
}
.custom-range:focus::-moz-range-thumb {
    box-shadow : 0 0 0 1px #F8F8F8, 0 3px 10px 0 rgba(0, 0, 0, 0.15);
}
.custom-range:focus::-ms-thumb {
    box-shadow : 0 0 0 1px #F8F8F8, 0 3px 10px 0 rgba(0, 0, 0, 0.15);
}
.custom-range::-moz-focus-outer {
    border : 0;
}
.custom-range::-webkit-slider-thumb {
    width : 1rem;
    height : 1rem;
    margin-top : -0.25rem;
    background-color : #7367F0;
    border : 0;
    border-radius : 1rem;
    -webkit-transition : background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition : background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-appearance : none;
    appearance : none;
}
@media (prefers-reduced-motion: reduce) {
    .custom-range::-webkit-slider-thumb {
        -webkit-transition : none;
        transition : none;
    }
}
.custom-range::-webkit-slider-thumb:active {
    background-color : white;
}
.custom-range::-webkit-slider-runnable-track {
    width : 100%;
    height : 0.5rem;
    color : transparent;
    cursor : pointer;
    background-color : #DAE1E7;
    border-color : transparent;
    border-radius : 1rem;
}
.custom-range::-moz-range-thumb {
    width : 1rem;
    height : 1rem;
    background-color : #7367F0;
    border : 0;
    border-radius : 1rem;
    -webkit-transition : background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition : background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -moz-appearance : none;
    appearance : none;
}
@media (prefers-reduced-motion: reduce) {
    .custom-range::-moz-range-thumb {
        -webkit-transition : none;
        transition : none;
    }
}
.custom-range::-moz-range-thumb:active {
    background-color : white;
}
.custom-range::-moz-range-track {
    width : 100%;
    height : 0.5rem;
    color : transparent;
    cursor : pointer;
    background-color : #DAE1E7;
    border-color : transparent;
    border-radius : 1rem;
}
.custom-range::-ms-thumb {
    width : 1rem;
    height : 1rem;
    margin-top : 0;
    margin-left : 0.2rem;
    margin-right : 0.2rem;
    background-color : #7367F0;
    border : 0;
    border-radius : 1rem;
    -webkit-transition : background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition : background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    appearance : none;
}
@media (prefers-reduced-motion: reduce) {
    .custom-range::-ms-thumb {
        -webkit-transition : none;
        transition : none;
    }
}
.custom-range::-ms-thumb:active {
    background-color : white;
}
.custom-range::-ms-track {
    width : 100%;
    height : 0.5rem;
    color : transparent;
    cursor : pointer;
    background-color : transparent;
    border-color : transparent;
    border-width : 0.5rem;
}
.custom-range::-ms-fill-lower {
    background-color : #DAE1E7;
    border-radius : 1rem;
}
.custom-range::-ms-fill-upper {
    margin-left : 15px;
    background-color : #DAE1E7;
    border-radius : 1rem;
}
.custom-range:disabled::-webkit-slider-thumb {
    background-color : #ADB5BD;
}
.custom-range:disabled::-webkit-slider-runnable-track {
    cursor : default;
}
.custom-range:disabled::-moz-range-thumb {
    background-color : #ADB5BD;
}
.custom-range:disabled::-moz-range-track {
    cursor : default;
}
.custom-range:disabled::-ms-thumb {
    background-color : #ADB5BD;
}

.custom-control-label::before, .custom-file-label, .custom-select {
    -webkit-transition : background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition : background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .custom-control-label::before, .custom-file-label, .custom-select {
        -webkit-transition : none;
        transition : none;
    }
}

.nav {
    display : -webkit-box;
    display : -webkit-flex;
    display : -ms-flexbox;
    display :         flex;
    -webkit-flex-wrap : wrap;
    -ms-flex-wrap : wrap;
    flex-wrap : wrap;
    padding-right : 0;
    margin-bottom : 0;
    list-style : none;
}

.nav-link {
    display : block;
    padding : 0.357rem 0.5rem;
}
.nav-link:hover, .nav-link:focus {
    text-decoration : none;
}
.nav-link.disabled {
    color : #B8C2CC;
    pointer-events : none;
    cursor : default;
}

.nav-tabs {
    border-bottom : 1px solid #DAE1E7;
}
.nav-tabs .nav-item {
    margin-bottom : -1px;
}
.nav-tabs .nav-link {
    border : 1px solid transparent;
    border-top-right-radius : 0.5rem;
    border-top-left-radius : 0.5rem;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
    border-color : #EDEDED #EDEDED #DAE1E7;
}
.nav-tabs .nav-link.disabled {
    color : #B8C2CC;
    background-color : transparent;
    border-color : transparent;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color : #4E5154;
    background-color : #F8F8F8;
    border-color : #DAE1E7 #DAE1E7 #F8F8F8;
}
.nav-tabs .dropdown-menu {
    margin-top : -1px;
    border-top-right-radius : 0;
    border-top-left-radius : 0;
}

.nav-pills .nav-link {
    border-radius : 0.5rem;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color : #FFFFFF;
    background-color : #7367F0;
}

.nav-fill .nav-item {
    -webkit-box-flex : 1;
    -webkit-flex : 1 1 auto;
    -ms-flex : 1 1 auto;
    flex : 1 1 auto;
    text-align : center;
}

.nav-justified .nav-item {
    -webkit-flex-basis : 0;
    -ms-flex-preferred-size : 0;
    flex-basis : 0;
    -webkit-box-flex : 1;
    -webkit-flex-grow : 1;
    -ms-flex-positive : 1;
    flex-grow : 1;
    text-align : center;
}

.tab-content > .tab-pane {
    display : none;
}

.tab-content > .active {
    display : block;
}

.navbar {
    position : relative;
    display : -webkit-box;
    display : -webkit-flex;
    display : -ms-flexbox;
    display :         flex;
    -webkit-flex-wrap : wrap;
    -ms-flex-wrap : wrap;
    flex-wrap : wrap;
    -webkit-box-align : center;
    -webkit-align-items : center;
    -ms-flex-align : center;
    align-items : center;
    -webkit-box-pack : justify;
    -webkit-justify-content : space-between;
    -ms-flex-pack : justify;
    justify-content : space-between;
    padding : 0.5rem 1rem;
}
.navbar > .container, .navbar > .container-fluid {
    display : -webkit-box;
    display : -webkit-flex;
    display : -ms-flexbox;
    display :         flex;
    -webkit-flex-wrap : wrap;
    -ms-flex-wrap : wrap;
    flex-wrap : wrap;
    -webkit-box-align : center;
    -webkit-align-items : center;
    -ms-flex-align : center;
    align-items : center;
    -webkit-box-pack : justify;
    -webkit-justify-content : space-between;
    -ms-flex-pack : justify;
    justify-content : space-between;
}

.navbar-brand {
    display : inline-block;
    padding-top : -0.368rem;
    padding-bottom : -0.368rem;
    margin-left : 1rem;
    font-size : 2rem;
    line-height : inherit;
    white-space : nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
    text-decoration : none;
}

.navbar-nav {
    display : -webkit-box;
    display : -webkit-flex;
    display : -ms-flexbox;
    display :         flex;
    -webkit-box-orient : vertical;
    -webkit-box-direction : normal;
    -webkit-flex-direction : column;
    -ms-flex-direction : column;
    flex-direction : column;
    padding-right : 0;
    margin-bottom : 0;
    list-style : none;
}
.navbar-nav .nav-link {
    padding-left : 0;
    padding-right : 0;
}
.navbar-nav .dropdown-menu {
    position : static;
    float : none;
}

.navbar-text {
    display : inline-block;
    padding-top : 0.357rem;
    padding-bottom : 0.357rem;
}

.navbar-collapse {
    -webkit-flex-basis : 100%;
    -ms-flex-preferred-size : 100%;
    flex-basis : 100%;
    -webkit-box-flex : 1;
    -webkit-flex-grow : 1;
    -ms-flex-positive : 1;
    flex-grow : 1;
    -webkit-box-align : center;
    -webkit-align-items : center;
    -ms-flex-align : center;
    align-items : center;
}

.navbar-toggler {
    padding : 0.25rem 0.75rem;
    font-size : 2rem;
    line-height : 1;
    background-color : transparent;
    border : 1px solid transparent;
    border-radius : 0.4285rem;
}
.navbar-toggler:hover, .navbar-toggler:focus {
    text-decoration : none;
}

.navbar-toggler-icon {
    display : inline-block;
    width : 1.5em;
    height : 1.5em;
    vertical-align : middle;
    content : '';
    background : no-repeat center center;
    background-size : 100% 100%;
}

@media (max-width: 575.98px) {
    .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid {
        padding-left : 0;
        padding-right : 0;
    }
}

@media (min-width: 576px) {
    .navbar-expand-sm {
        -webkit-box-orient : horizontal;
        -webkit-box-direction : normal;
        -webkit-flex-flow : row nowrap;
        -ms-flex-flow : row nowrap;
        flex-flow : row nowrap;
        -webkit-box-pack : start;
        -webkit-justify-content : flex-start;
        -ms-flex-pack : start;
        justify-content : flex-start;
    }
    .navbar-expand-sm .navbar-nav {
        -webkit-box-orient : horizontal;
        -webkit-box-direction : normal;
        -webkit-flex-direction : row;
        -ms-flex-direction : row;
        flex-direction : row;
    }
    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position : absolute;
    }
    .navbar-expand-sm .navbar-nav .nav-link {
        padding-left : 0.5rem;
        padding-right : 0.5rem;
    }
    .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid {
        -webkit-flex-wrap : nowrap;
        -ms-flex-wrap : nowrap;
        flex-wrap : nowrap;
    }
    .navbar-expand-sm .navbar-collapse {
        display : -webkit-box !important;
        display : -webkit-flex !important;
        display : -ms-flexbox !important;
        display :         flex !important;
        -webkit-flex-basis : auto;
        -ms-flex-preferred-size : auto;
        flex-basis : auto;
    }
    .navbar-expand-sm .navbar-toggler {
        display : none;
    }
}

@media (max-width: 767.98px) {
    .navbar-expand-md > .container, .navbar-expand-md > .container-fluid {
        padding-left : 0;
        padding-right : 0;
    }
}

@media (min-width: 768px) {
    .navbar-expand-md {
        -webkit-box-orient : horizontal;
        -webkit-box-direction : normal;
        -webkit-flex-flow : row nowrap;
        -ms-flex-flow : row nowrap;
        flex-flow : row nowrap;
        -webkit-box-pack : start;
        -webkit-justify-content : flex-start;
        -ms-flex-pack : start;
        justify-content : flex-start;
    }
    .navbar-expand-md .navbar-nav {
        -webkit-box-orient : horizontal;
        -webkit-box-direction : normal;
        -webkit-flex-direction : row;
        -ms-flex-direction : row;
        flex-direction : row;
    }
    .navbar-expand-md .navbar-nav .dropdown-menu {
        position : absolute;
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding-left : 0.5rem;
        padding-right : 0.5rem;
    }
    .navbar-expand-md > .container, .navbar-expand-md > .container-fluid {
        -webkit-flex-wrap : nowrap;
        -ms-flex-wrap : nowrap;
        flex-wrap : nowrap;
    }
    .navbar-expand-md .navbar-collapse {
        display : -webkit-box !important;
        display : -webkit-flex !important;
        display : -ms-flexbox !important;
        display :         flex !important;
        -webkit-flex-basis : auto;
        -ms-flex-preferred-size : auto;
        flex-basis : auto;
    }
    .navbar-expand-md .navbar-toggler {
        display : none;
    }
}

@media (max-width: 991.98px) {
    .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
        padding-left : 0;
        padding-right : 0;
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg {
        -webkit-box-orient : horizontal;
        -webkit-box-direction : normal;
        -webkit-flex-flow : row nowrap;
        -ms-flex-flow : row nowrap;
        flex-flow : row nowrap;
        -webkit-box-pack : start;
        -webkit-justify-content : flex-start;
        -ms-flex-pack : start;
        justify-content : flex-start;
    }
    .navbar-expand-lg .navbar-nav {
        -webkit-box-orient : horizontal;
        -webkit-box-direction : normal;
        -webkit-flex-direction : row;
        -ms-flex-direction : row;
        flex-direction : row;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position : absolute;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-left : 0.5rem;
        padding-right : 0.5rem;
    }
    .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
        -webkit-flex-wrap : nowrap;
        -ms-flex-wrap : nowrap;
        flex-wrap : nowrap;
    }
    .navbar-expand-lg .navbar-collapse {
        display : -webkit-box !important;
        display : -webkit-flex !important;
        display : -ms-flexbox !important;
        display :         flex !important;
        -webkit-flex-basis : auto;
        -ms-flex-preferred-size : auto;
        flex-basis : auto;
    }
    .navbar-expand-lg .navbar-toggler {
        display : none;
    }
}

@media (max-width: 1199.98px) {
    .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid {
        padding-left : 0;
        padding-right : 0;
    }
}

@media (min-width: 1200px) {
    .navbar-expand-xl {
        -webkit-box-orient : horizontal;
        -webkit-box-direction : normal;
        -webkit-flex-flow : row nowrap;
        -ms-flex-flow : row nowrap;
        flex-flow : row nowrap;
        -webkit-box-pack : start;
        -webkit-justify-content : flex-start;
        -ms-flex-pack : start;
        justify-content : flex-start;
    }
    .navbar-expand-xl .navbar-nav {
        -webkit-box-orient : horizontal;
        -webkit-box-direction : normal;
        -webkit-flex-direction : row;
        -ms-flex-direction : row;
        flex-direction : row;
    }
    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position : absolute;
    }
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-left : 0.5rem;
        padding-right : 0.5rem;
    }
    .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid {
        -webkit-flex-wrap : nowrap;
        -ms-flex-wrap : nowrap;
        flex-wrap : nowrap;
    }
    .navbar-expand-xl .navbar-collapse {
        display : -webkit-box !important;
        display : -webkit-flex !important;
        display : -ms-flexbox !important;
        display :         flex !important;
        -webkit-flex-basis : auto;
        -ms-flex-preferred-size : auto;
        flex-basis : auto;
    }
    .navbar-expand-xl .navbar-toggler {
        display : none;
    }
}

.navbar-expand {
    -webkit-box-orient : horizontal;
    -webkit-box-direction : normal;
    -webkit-flex-flow : row nowrap;
    -ms-flex-flow : row nowrap;
    flex-flow : row nowrap;
    -webkit-box-pack : start;
    -webkit-justify-content : flex-start;
    -ms-flex-pack : start;
    justify-content : flex-start;
}
.navbar-expand > .container, .navbar-expand > .container-fluid {
    padding-left : 0;
    padding-right : 0;
}
.navbar-expand .navbar-nav {
    -webkit-box-orient : horizontal;
    -webkit-box-direction : normal;
    -webkit-flex-direction : row;
    -ms-flex-direction : row;
    flex-direction : row;
}
.navbar-expand .navbar-nav .dropdown-menu {
    position : absolute;
}
.navbar-expand .navbar-nav .nav-link {
    padding-left : 0.5rem;
    padding-right : 0.5rem;
}
.navbar-expand > .container, .navbar-expand > .container-fluid {
    -webkit-flex-wrap : nowrap;
    -ms-flex-wrap : nowrap;
    flex-wrap : nowrap;
}
.navbar-expand .navbar-collapse {
    display : -webkit-box !important;
    display : -webkit-flex !important;
    display : -ms-flexbox !important;
    display :         flex !important;
    -webkit-flex-basis : auto;
    -ms-flex-preferred-size : auto;
    flex-basis : auto;
}
.navbar-expand .navbar-toggler {
    display : none;
}

.navbar-light .navbar-brand {
    color : rgba(34, 41, 47, 0.9);
}
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
    color : rgba(34, 41, 47, 0.9);
}

.navbar-light .navbar-nav .nav-link {
    color : rgba(34, 41, 47, 0.5);
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
    color : rgba(34, 41, 47, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
    color : rgba(34, 41, 47, 0.3);
}

.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
    color : rgba(34, 41, 47, 0.9);
}

.navbar-light .navbar-toggler {
    color : rgba(34, 41, 47, 0.5);
    border-color : rgba(34, 41, 47, 0.1);
}

.navbar-light .navbar-toggler-icon {
    background-image : url('data:image/svg+xml,%3csvg viewBox=\'0 0 30 30\' xmlns=\'http://www.w3.org/2000/svg\'%3e%3cpath stroke=\'rgba(34, 41, 47, 0.5)\' stroke-width=\'2\' stroke-linecap=\'round\' stroke-miterlimit=\'10\' d=\'M4 7h22M4 15h22M4 23h22\'/%3e%3c/svg%3e');
}

.navbar-light .navbar-text {
    color : rgba(34, 41, 47, 0.5);
}
.navbar-light .navbar-text a {
    color : rgba(34, 41, 47, 0.9);
}
.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
    color : rgba(34, 41, 47, 0.9);
}

.navbar-dark .navbar-brand {
    color : #FFFFFF;
}
.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
    color : #FFFFFF;
}

.navbar-dark .navbar-nav .nav-link {
    color : rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
    color : rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .nav-link.disabled {
    color : rgba(255, 255, 255, 0.25);
}

.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active {
    color : #FFFFFF;
}

.navbar-dark .navbar-toggler {
    color : rgba(255, 255, 255, 0.5);
    border-color : rgba(255, 255, 255, 0.1);
}

.navbar-dark .navbar-toggler-icon {
    background-image : url('data:image/svg+xml,%3csvg viewBox=\'0 0 30 30\' xmlns=\'http://www.w3.org/2000/svg\'%3e%3cpath stroke=\'rgba(255, 255, 255, 0.5)\' stroke-width=\'2\' stroke-linecap=\'round\' stroke-miterlimit=\'10\' d=\'M4 7h22M4 15h22M4 23h22\'/%3e%3c/svg%3e');
}
.navbar-dark .navbar-text {
    color : rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-text a {
    color : #FFFFFF;
}
.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
    color : #FFFFFF;
}

.card {
    position : relative;
    display : -webkit-box;
    display : -webkit-flex;
    display : -ms-flexbox;
    display :         flex;
    -webkit-box-orient : vertical;
    -webkit-box-direction : normal;
    -webkit-flex-direction : column;
    -ms-flex-direction : column;
    flex-direction : column;
    min-width : 0;
    word-wrap : break-word;
    background-color : #FFFFFF;
    background-clip : border-box;
    border : 1px solid rgba(34, 41, 47, 0.125);
    border-radius : 0.5rem;
    /*max-height: 40px !important;*/
}
.card > hr {
    margin-left : 0;
    margin-right : 0;
}
.card > .list-group:first-child .list-group-item:first-child {
    border-top-right-radius : 0.5rem;
    border-top-left-radius : 0.5rem;
}
.card > .list-group:last-child .list-group-item:last-child {
    border-bottom-left-radius : 0.5rem;
    border-bottom-right-radius : 0.5rem;
}

.card-body {
    -webkit-box-flex : 1;
    -webkit-flex : 1 1 auto;
    -ms-flex : 1 1 auto;
    flex : 1 1 auto;
    padding : 1.5rem;
}

.card-title {
    margin-bottom : 1.5rem;
}

.card-subtitle {
    margin-top : -0.75rem;
    margin-bottom : 0;
}

.card-text:last-child {
    margin-bottom : 0;
}

.card-link:hover {
    text-decoration : none;
}


.card-link + .card-link {
    margin-right : 1.5rem;
}

.card-header {
    padding : 1.5rem 1.5rem;
    margin-bottom : 0;
    background-color : rgba(34, 41, 47, 0.03);
    border-bottom : 1px solid rgba(34, 41, 47, 0.125);
}
.card-header:first-child {
    border-radius : calc(0.5rem - 1px) calc(0.5rem - 1px) 0 0;
}
.card-header + .list-group .list-group-item:first-child {
    border-top : 0;
}

.card-footer {
    padding : 1.5rem 1.5rem;
    background-color : rgba(34, 41, 47, 0.03);
    border-top : 1px solid rgba(34, 41, 47, 0.125);
}
.card-footer:last-child {
    border-radius : 0 0 calc(0.5rem - 1px) calc(0.5rem - 1px);
}

.card-header-tabs {
    margin-left : -0.75rem;
    margin-bottom : -1.5rem;
    margin-right : -0.75rem;
    border-bottom : 0;
}

.card-header-pills {
    margin-left : -0.75rem;
    margin-right : -0.75rem;
}

.card-img-overlay {
    position : absolute;
    top : 0;
    left : 0;
    bottom : 0;
    right : 0;
    padding : 1.25rem;
}

.card-img {
    width : 100%;
    border-radius : calc(0.5rem - 1px);
}

.card-img-top {
    width : 100%;
    border-top-right-radius : calc(0.5rem - 1px);
    border-top-left-radius : calc(0.5rem - 1px);
}

.card-img-bottom {
    width : 100%;
    border-bottom-left-radius : calc(0.5rem - 1px);
    border-bottom-right-radius : calc(0.5rem - 1px);
}

.card-deck {
    display : -webkit-box;
    display : -webkit-flex;
    display : -ms-flexbox;
    display :         flex;
    -webkit-box-orient : vertical;
    -webkit-box-direction : normal;
    -webkit-flex-direction : column;
    -ms-flex-direction : column;
    flex-direction : column;
}
.card-deck .card {
    margin-bottom : 14px;
}
@media (min-width: 576px) {
    .card-deck {
        -webkit-box-orient : horizontal;
        -webkit-box-direction : normal;
        -webkit-flex-flow : row wrap;
        -ms-flex-flow : row wrap;
        flex-flow : row wrap;
        margin-left : -14px;
        margin-right : -14px;
    }
    .card-deck .card {
        display : -webkit-box;
        display : -webkit-flex;
        display : -ms-flexbox;
        display :         flex;
        -webkit-box-flex : 1;
        -webkit-flex : 1 0 0;
        -ms-flex : 1 0 0;
        flex : 1 0 0;
        -webkit-box-orient : vertical;
        -webkit-box-direction : normal;
        -webkit-flex-direction : column;
        -ms-flex-direction : column;
        flex-direction : column;
        margin-left : 14px;
        margin-bottom : 0;
        margin-right : 14px;
    }
}

.card-group {
    display : -webkit-box;
    display : -webkit-flex;
    display : -ms-flexbox;
    display :         flex;
    -webkit-box-orient : vertical;
    -webkit-box-direction : normal;
    -webkit-flex-direction : column;
    -ms-flex-direction : column;
    flex-direction : column;
}
.card-group > .card {
    margin-bottom : 14px;
}
@media (min-width: 576px) {
    .card-group {
        -webkit-box-orient : horizontal;
        -webkit-box-direction : normal;
        -webkit-flex-flow : row wrap;
        -ms-flex-flow : row wrap;
        flex-flow : row wrap;
    }
    .card-group > .card {
        -webkit-box-flex : 1;
        -webkit-flex : 1 0 0;
        -ms-flex : 1 0 0;
        flex : 1 0 0;
        margin-bottom : 0;
    }
    .card-group > .card + .card {
        margin-right : 0;
        border-right : 0;
    }
    .card-group > .card:not(:last-child) {
        border-top-left-radius : 0;
        border-bottom-left-radius : 0;
    }
    .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header {
        border-top-left-radius : 0;
    }
    .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer {
        border-bottom-left-radius : 0;
    }
    .card-group > .card:not(:first-child) {
        border-top-right-radius : 0;
        border-bottom-right-radius : 0;
    }
    .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header {
        border-top-right-radius : 0;
    }
    .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer {
        border-bottom-right-radius : 0;
    }
}

.card-columns .card {
    margin-bottom : 1.5rem;
}

@media (min-width: 576px) {
    .card-columns {
        -webkit-column-count : 3;
        -moz-column-count : 3;
        column-count : 3;
        -webkit-column-gap : 1.25rem;
        -moz-column-gap : 1.25rem;
        column-gap : 1.25rem;
        orphans : 1;
        widows : 1;
    }
    .card-columns .card {
        display : inline-block;
        width : 100%;
    }
}

.accordion > .card {
    overflow : hidden;
}
.accordion > .card:not(:first-of-type) .card-header:first-child {
    border-radius : 0;
}
.accordion > .card:not(:first-of-type):not(:last-of-type) {
    border-bottom : 0;
    border-radius : 0;
}
.accordion > .card:first-of-type {
    border-bottom : 0;
    border-bottom-left-radius : 0;
    border-bottom-right-radius : 0;
}
.accordion > .card:last-of-type {
    border-top-right-radius : 0;
    border-top-left-radius : 0;
}
.accordion > .card .card-header {
    margin-bottom : -1px;
}

.breadcrumb {
    display : -webkit-box;
    display : -webkit-flex;
    display : -ms-flexbox;
    display :         flex;
    -webkit-flex-wrap : wrap;
    -ms-flex-wrap : wrap;
    flex-wrap : wrap;
    padding : 0.75rem 1rem;
    margin-bottom : 1rem;
    list-style : none;
    background-color : #EDEDED;
    border-radius : 0.5rem;
}

.breadcrumb-item + .breadcrumb-item {
    padding-right : 0.5rem;
}
.breadcrumb-item + .breadcrumb-item::before {
    display : inline-block;
    padding-left : 0.5rem;
    color : #B8C2CC;
    content : '/';
}

.breadcrumb-item + .breadcrumb-item:hover::before {
    text-decoration : underline;
}

.breadcrumb-item + .breadcrumb-item:hover::before {
    text-decoration : none;
}

.breadcrumb-item.active {
    color : #B8C2CC;
}

.pagination {
    display : -webkit-box;
    display : -webkit-flex;
    display : -ms-flexbox;
    display :         flex;
    padding-right : 0;
    list-style : none;
    border-radius : 0.5rem;
}

.page-link {
    position : relative;
    display : block;
    padding : 0.65rem 0.911rem;
    margin-right : -1px;
    line-height : 1.25;
    color : #7367F0;
    background-color : #FFFFFF;
    border : 1px solid #DAE1E7;
}
.page-link:hover {
    z-index : 2;
    color : #5E50EE;
    text-decoration : none;
    background-color : #EDEDED;
    border-color : #DAE1E7;
}
.page-link:focus {
    z-index : 2;
    outline : 0;
    box-shadow : 0 0 0 0.2rem rgba(115, 103, 240, 0.25);
}

.page-item:first-child .page-link {
    margin-right : 0;
    border-top-right-radius : 0.5rem;
    border-bottom-right-radius : 0.5rem;
}

.page-item:last-child .page-link {
    border-top-left-radius : 0.5rem;
    border-bottom-left-radius : 0.5rem;
}

.page-item.active .page-link {
    z-index : 1;
    color : #FFFFFF;
    background-color : #7367F0;
    border-color : #7367F0;
}

.page-item.disabled .page-link {
    color : #B8C2CC;
    pointer-events : none;
    cursor : auto;
    background-color : #FFFFFF;
    border-color : #DAE1E7;
}

.pagination-lg .page-link {
    padding : 0.5rem 1rem;
    font-size : 2rem;
    line-height : 1.25;
}

.pagination-lg .page-item:first-child .page-link {
    border-top-right-radius : 0.6rem;
    border-bottom-right-radius : 0.6rem;
}

.pagination-lg .page-item:last-child .page-link {
    border-top-left-radius : 0.6rem;
    border-bottom-left-radius : 0.6rem;
}

.pagination-sm .page-link {
    padding : 0.5rem 0.75rem;
    font-size : 1rem;
    line-height : 1;
}

.pagination-sm .page-item:first-child .page-link {
    border-top-right-radius : 0.25rem;
    border-bottom-right-radius : 0.25rem;
}

.pagination-sm .page-item:last-child .page-link {
    border-top-left-radius : 0.25rem;
    border-bottom-left-radius : 0.25rem;
}

.badge {
    display : inline-block;
    padding : 0.35em 0.4em;
    font-size : 80%;
    font-weight : 700;
    line-height : 1;
    text-align : center;
    white-space : nowrap;
    vertical-align : baseline;
    border-radius : 0.25rem;
    -webkit-transition : color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition : color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .badge {
        -webkit-transition : none;
        transition : none;
    }
}
a.badge:hover, a.badge:focus {
    text-decoration : none;
}
.badge:empty {
    display : none;
}

.btn .badge {
    position : relative;
    top : -1px;
}

.badge-pill {
    padding-left : 0.6em;
    padding-right : 0.6em;
    border-radius : 10rem;
}

.badge-primary {
    color : #FFFFFF;
    background-color : #7367F0;
}
a.badge-primary:hover, a.badge-primary:focus {
    color : #FFFFFF;
    background-color : #4839EB;
}
a.badge-primary:focus, a.badge-primary.focus {
    outline : 0;
    box-shadow : 0 0 0 0.2rem rgba(115, 103, 240, 0.5);
}

.badge-secondary {
    color : #2A2E30;
    background-color : #B8C2CC;
}
a.badge-secondary:hover, a.badge-secondary:focus {
    color : #2A2E30;
    background-color : #9AA9B7;
}
a.badge-secondary:focus, a.badge-secondary.focus {
    outline : 0;
    box-shadow : 0 0 0 0.2rem rgba(184, 194, 204, 0.5);
}

.badge-success {
    color : #FFFFFF;
    background-color : #28C76F;
}
a.badge-success:hover, a.badge-success:focus {
    color : #FFFFFF;
    background-color : #1F9D57;
}
a.badge-success:focus, a.badge-success.focus {
    outline : 0;
    box-shadow : 0 0 0 0.2rem rgba(40, 199, 111, 0.5);
}

.badge-info {
    color : #FFFFFF;
    background-color : #00CFE8;
}
a.badge-info:hover, a.badge-info:focus {
    color : #FFFFFF;
    background-color : #00A1B5;
}
a.badge-info:focus, a.badge-info.focus {
    outline : 0;
    box-shadow : 0 0 0 0.2rem rgba(0, 207, 232, 0.5);
}

.badge-warning {
    color : #2A2E30;
    background-color : #FF9F43;
}
a.badge-warning:hover, a.badge-warning:focus {
    color : #2A2E30;
    background-color : #FF8510;
}
a.badge-warning:focus, a.badge-warning.focus {
    outline : 0;
    box-shadow : 0 0 0 0.2rem rgba(255, 159, 67, 0.5);
}

.badge-danger {
    color : #FFFFFF;
    background-color : #EA5455;
}
a.badge-danger:hover, a.badge-danger:focus {
    color : #FFFFFF;
    background-color : #E42728;
}
a.badge-danger:focus, a.badge-danger.focus {
    outline : 0;
    box-shadow : 0 0 0 0.2rem rgba(234, 84, 85, 0.5);
}

.badge-light {
    color : #2A2E30;
    background-color : #BABFC7;
}
a.badge-light:hover, a.badge-light:focus {
    color : #2A2E30;
    background-color : #9EA5B0;
}
a.badge-light:focus, a.badge-light.focus {
    outline : 0;
    box-shadow : 0 0 0 0.2rem rgba(186, 191, 199, 0.5);
}

.badge-dark {
    color : #FFFFFF;
    background-color : #1E1E1E;
}
a.badge-dark:hover, a.badge-dark:focus {
    color : #FFFFFF;
    background-color : #050505;
}
a.badge-dark:focus, a.badge-dark.focus {
    outline : 0;
    box-shadow : 0 0 0 0.2rem rgba(30, 30, 30, 0.5);
}

.jumbotron {
    padding : 2rem 1rem;
    margin-bottom : 2rem;
    background-color : #EDEDED;
    border-radius : 0.6rem;
}
@media (min-width: 576px) {
    .jumbotron {
        padding : 4rem 2rem;
    }
}

.jumbotron-fluid {
    padding-left : 0;
    padding-right : 0;
    border-radius : 0;
}

.alert {
    position : relative;
    padding : 0.71rem 0.71rem;
    margin-bottom : 1rem;
    border : 1px solid transparent;
    border-radius : 0.5rem;
}

.alert-heading {
    color : inherit;
}

.alert-link {
    font-weight : 700;
}

.alert-dismissible {
    padding-left : 2.92rem;
}
.alert-dismissible .close {
    position : absolute;
    top : 0;
    left : 0;
    padding : 0.71rem 0.71rem;
    color : inherit;
}

.alert-primary {
    color : #4C4993;
    background-color : #E3E1FC;
    border-color : #D8D4FB;
}
.alert-primary hr {
    border-top-color : #C3BDF9;
}
.alert-primary .alert-link {
    color : #3A3871;
}

.alert-secondary {
    color : #707981;
    background-color : #F1F3F5;
    border-color : #EBEEF1;
}
.alert-secondary hr {
    border-top-color : #DCE1E7;
}
.alert-secondary .alert-link {
    color : #585F66;
}

.alert-success {
    color : #257B50;
    background-color : #D4F4E2;
    border-color : #C3EFD7;
}
.alert-success hr {
    border-top-color : #AFEACA;
}
.alert-success .alert-link {
    color : #195437;
}

.alert-info {
    color : #107F8F;
    background-color : #CCF5FA;
    border-color : #B8F2F9;
}
.alert-info hr {
    border-top-color : #A0EEF7;
}
.alert-info .alert-link {
    color : #0B5661;
}

.alert-warning {
    color : #956639;
    background-color : #FFECD9;
    border-color : #FFE4CA;
}
.alert-warning hr {
    border-top-color : #FFD7B1;
}
.alert-warning .alert-link {
    color : #704D2B;
}

.alert-danger {
    color : #8A3F43;
    background-color : #FBDDDD;
    border-color : #F9CFCF;
}
.alert-danger hr {
    border-top-color : #F6B8B8;
}
.alert-danger .alert-link {
    color : #672F32;
}

.alert-light {
    color : #71777E;
    background-color : #F1F2F4;
    border-color : #ECEDEF;
}
.alert-light hr {
    border-top-color : #DEE0E3;
}
.alert-light .alert-link {
    color : #595E63;
}

.alert-dark {
    color : #202326;
    background-color : #D2D2D2;
    border-color : silver;
}
.alert-dark hr {
    border-top-color : #B3B3B3;
}
.alert-dark .alert-link {
    color : #090A0A;
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position : 0.357rem 0;
    }
    to {
        background-position : 100% 0;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position : 0.357rem 0;
    }
    to {
        background-position : 100% 0;
    }
}

.progress {
    display : -webkit-box;
    display : -webkit-flex;
    display : -ms-flexbox;
    display :         flex;
    height : 0.357rem;
    overflow : hidden;
    font-size : 0.75rem;
    background-color : #EDEDED;
    border-radius : 1.28rem;
}

.progress-bar {
    display : -webkit-box;
    display : -webkit-flex;
    display : -ms-flexbox;
    display :         flex;
    -webkit-box-orient : vertical;
    -webkit-box-direction : normal;
    -webkit-flex-direction : column;
    -ms-flex-direction : column;
    flex-direction : column;
    -webkit-box-pack : center;
    -webkit-justify-content : center;
    -ms-flex-pack : center;
    justify-content : center;
    color : #FFFFFF;
    text-align : center;
    white-space : nowrap;
    background-color : #7367F0;
    -webkit-transition : width 0.6s ease;
    transition : width 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
    .progress-bar {
        -webkit-transition : none;
        transition : none;
    }
}

.progress-bar-striped {
    background-image : -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image :         linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size : 0.357rem 0.357rem;
}

.progress-bar-animated {
    -webkit-animation : progress-bar-stripes 1s linear infinite;
    animation : progress-bar-stripes 1s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
    .progress-bar-animated {
        -webkit-animation : none;
        animation : none;
    }
}

.media {
    display : -webkit-box;
    display : -webkit-flex;
    display : -ms-flexbox;
    display :         flex;
    -webkit-box-align : start;
    -webkit-align-items : flex-start;
    -ms-flex-align : start;
    align-items : flex-start;
}

.media-body {
    -webkit-box-flex : 1;
    -webkit-flex : 1;
    -ms-flex : 1;
    flex : 1;
}

.list-group {
    display : -webkit-box;
    display : -webkit-flex;
    display : -ms-flexbox;
    display :         flex;
    -webkit-box-orient : vertical;
    -webkit-box-direction : normal;
    -webkit-flex-direction : column;
    -ms-flex-direction : column;
    flex-direction : column;
    padding-right : 0;
    margin-bottom : 0;
}

.list-group-item-action {
    width : 100%;
    color : #4E5154;
    text-align : inherit;
}
.list-group-item-action:hover, .list-group-item-action:focus {
    z-index : 1;
    color : #4E5154;
    text-decoration : none;
    background-color : #BABFC7;
}
.list-group-item-action:active {
    color : #626262;
    background-color : #EDEDED;
}

.list-group-item {
    position : relative;
    display : block;
    padding : 0.75rem 1.25rem;
    margin-bottom : -1px;
    background-color : #FFFFFF;
    border : 1px solid rgba(34, 41, 47, 0.125);
}
.list-group-item:first-child {
    border-top-right-radius : 0.5rem;
    border-top-left-radius : 0.5rem;
}
.list-group-item:last-child {
    margin-bottom : 0;
    border-bottom-left-radius : 0.5rem;
    border-bottom-right-radius : 0.5rem;
}
.list-group-item.disabled, .list-group-item:disabled {
    color : #B8C2CC;
    pointer-events : none;
    background-color : #FFFFFF;
}
.list-group-item.active {
    z-index : 2;
    color : #FFFFFF;
    background-color : #7367F0;
    border-color : #7367F0;
}

.list-group-horizontal {
    -webkit-box-orient : horizontal;
    -webkit-box-direction : normal;
    -webkit-flex-direction : row;
    -ms-flex-direction : row;
    flex-direction : row;
}
.list-group-horizontal .list-group-item {
    margin-left : -1px;
    margin-bottom : 0;
}
.list-group-horizontal .list-group-item:first-child {
    border-top-right-radius : 0.5rem;
    border-bottom-right-radius : 0.5rem;
    border-top-left-radius : 0;
}
.list-group-horizontal .list-group-item:last-child {
    margin-left : 0;
    border-top-left-radius : 0.5rem;
    border-bottom-left-radius : 0.5rem;
    border-bottom-right-radius : 0;
}

@media (min-width: 576px) {
    .list-group-horizontal-sm {
        -webkit-box-orient : horizontal;
        -webkit-box-direction : normal;
        -webkit-flex-direction : row;
        -ms-flex-direction : row;
        flex-direction : row;
    }
    .list-group-horizontal-sm .list-group-item {
        margin-left : -1px;
        margin-bottom : 0;
    }
    .list-group-horizontal-sm .list-group-item:first-child {
        border-top-right-radius : 0.5rem;
        border-bottom-right-radius : 0.5rem;
        border-top-left-radius : 0;
    }
    .list-group-horizontal-sm .list-group-item:last-child {
        margin-left : 0;
        border-top-left-radius : 0.5rem;
        border-bottom-left-radius : 0.5rem;
        border-bottom-right-radius : 0;
    }
}

@media (min-width: 768px) {
    .list-group-horizontal-md {
        -webkit-box-orient : horizontal;
        -webkit-box-direction : normal;
        -webkit-flex-direction : row;
        -ms-flex-direction : row;
        flex-direction : row;
    }
    .list-group-horizontal-md .list-group-item {
        margin-left : -1px;
        margin-bottom : 0;
    }
    .list-group-horizontal-md .list-group-item:first-child {
        border-top-right-radius : 0.5rem;
        border-bottom-right-radius : 0.5rem;
        border-top-left-radius : 0;
    }
    .list-group-horizontal-md .list-group-item:last-child {
        margin-left : 0;
        border-top-left-radius : 0.5rem;
        border-bottom-left-radius : 0.5rem;
        border-bottom-right-radius : 0;
    }
}

@media (min-width: 992px) {
    .list-group-horizontal-lg {
        -webkit-box-orient : horizontal;
        -webkit-box-direction : normal;
        -webkit-flex-direction : row;
        -ms-flex-direction : row;
        flex-direction : row;
    }
    .list-group-horizontal-lg .list-group-item {
        margin-left : -1px;
        margin-bottom : 0;
    }
    .list-group-horizontal-lg .list-group-item:first-child {
        border-top-right-radius : 0.5rem;
        border-bottom-right-radius : 0.5rem;
        border-top-left-radius : 0;
    }
    .list-group-horizontal-lg .list-group-item:last-child {
        margin-left : 0;
        border-top-left-radius : 0.5rem;
        border-bottom-left-radius : 0.5rem;
        border-bottom-right-radius : 0;
    }
}

@media (min-width: 1200px) {
    .list-group-horizontal-xl {
        -webkit-box-orient : horizontal;
        -webkit-box-direction : normal;
        -webkit-flex-direction : row;
        -ms-flex-direction : row;
        flex-direction : row;
    }
    .list-group-horizontal-xl .list-group-item {
        margin-left : -1px;
        margin-bottom : 0;
    }
    .list-group-horizontal-xl .list-group-item:first-child {
        border-top-right-radius : 0.5rem;
        border-bottom-right-radius : 0.5rem;
        border-top-left-radius : 0;
    }
    .list-group-horizontal-xl .list-group-item:last-child {
        margin-left : 0;
        border-top-left-radius : 0.5rem;
        border-bottom-left-radius : 0.5rem;
        border-bottom-right-radius : 0;
    }
}

.list-group-flush .list-group-item {
    border-left : 0;
    border-right : 0;
    border-radius : 0;
}
.list-group-flush .list-group-item:last-child {
    margin-bottom : -1px;
}

.list-group-flush:first-child .list-group-item:first-child {
    border-top : 0;
}

.list-group-flush:last-child .list-group-item:last-child {
    margin-bottom : 0;
    border-bottom : 0;
}

.list-group-item-primary {
    color : #4C4993;
    background-color : #D8D4FB;
}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
    color : #4C4993;
    background-color : #C3BDF9;
}
.list-group-item-primary.list-group-item-action.active {
    color : #FFFFFF;
    background-color : #4C4993;
    border-color : #4C4993;
}

.list-group-item-secondary {
    color : #707981;
    background-color : #EBEEF1;
}
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
    color : #707981;
    background-color : #DCE1E7;
}
.list-group-item-secondary.list-group-item-action.active {
    color : #FFFFFF;
    background-color : #707981;
    border-color : #707981;
}

.list-group-item-success {
    color : #257B50;
    background-color : #C3EFD7;
}
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
    color : #257B50;
    background-color : #AFEACA;
}
.list-group-item-success.list-group-item-action.active {
    color : #FFFFFF;
    background-color : #257B50;
    border-color : #257B50;
}

.list-group-item-info {
    color : #107F8F;
    background-color : #B8F2F9;
}
.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
    color : #107F8F;
    background-color : #A0EEF7;
}
.list-group-item-info.list-group-item-action.active {
    color : #FFFFFF;
    background-color : #107F8F;
    border-color : #107F8F;
}

.list-group-item-warning {
    color : #956639;
    background-color : #FFE4CA;
}
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
    color : #956639;
    background-color : #FFD7B1;
}
.list-group-item-warning.list-group-item-action.active {
    color : #FFFFFF;
    background-color : #956639;
    border-color : #956639;
}

.list-group-item-danger {
    color : #8A3F43;
    background-color : #F9CFCF;
}
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
    color : #8A3F43;
    background-color : #F6B8B8;
}
.list-group-item-danger.list-group-item-action.active {
    color : #FFFFFF;
    background-color : #8A3F43;
    border-color : #8A3F43;
}

.list-group-item-light {
    color : #71777E;
    background-color : #ECEDEF;
}
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
    color : #71777E;
    background-color : #DEE0E3;
}
.list-group-item-light.list-group-item-action.active {
    color : #FFFFFF;
    background-color : #71777E;
    border-color : #71777E;
}

.list-group-item-dark {
    color : #202326;
    background-color : silver;
}
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
    color : #202326;
    background-color : #B3B3B3;
}
.list-group-item-dark.list-group-item-action.active {
    color : #FFFFFF;
    background-color : #202326;
    border-color : #202326;
}

.close {
    float : left;
    font-size : 1.5rem;
    font-weight : 700;
    line-height : 1;
    color : #22292F;
    text-shadow : 0 1px 0 #FFFFFF;
    opacity : 0.5;
}
.close:hover {
    color : #22292F;
    text-decoration : none;
}
.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
    opacity : 0.75;
}

button.close {
    padding : 0;
    background-color : transparent;
    border : 0;
    -webkit-appearance : none;
    -moz-appearance : none;
    appearance : none;
}

a.close.disabled {
    pointer-events : none;
}

.toast {
    max-width : 350px;
    overflow : hidden;
    font-size : 0.875rem;
    background-color : rgba(255, 255, 255, 0.85);
    background-clip : padding-box;
    border : 1px solid rgba(0, 0, 0, 0.1);
    box-shadow : 0 0.25rem 0.75rem rgba(34, 41, 47, 0.1);
    -webkit-backdrop-filter : blur(10px);
    backdrop-filter : blur(10px);
    opacity : 0;
    border-radius : 0.25rem;
}
.toast:not(:last-child) {
    margin-bottom : 0.75rem;
}
.toast.showing {
    opacity : 1;
}
.toast.show {
    display : block;
    opacity : 1;
}
.toast.hide {
    display : none;
}

.toast-header {
    display : -webkit-box;
    display : -webkit-flex;
    display : -ms-flexbox;
    display :         flex;
    -webkit-box-align : center;
    -webkit-align-items : center;
    -ms-flex-align : center;
    align-items : center;
    padding : 0.25rem 0.75rem;
    color : #B8C2CC;
    background-color : rgba(255, 255, 255, 0.85);
    background-clip : padding-box;
    border-bottom : 1px solid rgba(0, 0, 0, 0.05);
}

.toast-body {
    padding : 0.75rem;
}

.modal-open {
    overflow : hidden;
}
.modal-open .modal {
    overflow-x : hidden;
    overflow-y : auto;
}

.modal {
    position : fixed;
    top : 0;
    right : 0;
    z-index : 1050;
    display : none;
    width : 100%;
    height : 100%;
    overflow : hidden;
    outline : 0;
}

.modal-dialog {
    position : relative;
    width : auto;
    margin : 0.5rem;
    pointer-events : none;
}
.modal.fade .modal-dialog {
    -webkit-transition : -webkit-transform 0.3s ease-out;
    transition : -webkit-transform 0.3s ease-out;
    transition :         transform 0.3s ease-out;
    transition :         transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -webkit-transform : translate(0, -50px);
    -ms-transform : translate(0, -50px);
    transform : translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        -webkit-transition : none;
        transition : none;
    }
}
.modal.show .modal-dialog {
    -webkit-transform : none;
    -ms-transform : none;
    transform : none;
}

.modal-dialog-scrollable {
    display : -webkit-box;
    display : -webkit-flex;
    display : -ms-flexbox;
    display :         flex;
    max-height : calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
    max-height : calc(100vh - 1rem);
    overflow : hidden;
}
.modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer {
    -webkit-flex-shrink : 0;
    -ms-flex-negative : 0;
    flex-shrink : 0;
}
.modal-dialog-scrollable .modal-body {
    overflow-y : auto;
}

.modal-dialog-centered {
    display : -webkit-box;
    display : -webkit-flex;
    display : -ms-flexbox;
    display :         flex;
    -webkit-box-align : center;
    -webkit-align-items : center;
    -ms-flex-align : center;
    align-items : center;
    min-height : calc(100% - 1rem);
}
.modal-dialog-centered::before {
    display : block;
    height : calc(100vh - 1rem);
    content : '';
}
.modal-dialog-centered.modal-dialog-scrollable {
    -webkit-box-orient : vertical;
    -webkit-box-direction : normal;
    -webkit-flex-direction : column;
    -ms-flex-direction : column;
    flex-direction : column;
    -webkit-box-pack : center;
    -webkit-justify-content : center;
    -ms-flex-pack : center;
    justify-content : center;
    height : 100%;
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height : none;
}
.modal-dialog-centered.modal-dialog-scrollable::before {
    content : none;
}

.modal-content {
    position : relative;
    display : -webkit-box;
    display : -webkit-flex;
    display : -ms-flexbox;
    display :         flex;
    -webkit-box-orient : vertical;
    -webkit-box-direction : normal;
    -webkit-flex-direction : column;
    -ms-flex-direction : column;
    flex-direction : column;
    width : 100%;
    pointer-events : auto;
    background-color : #FFFFFF;
    background-clip : padding-box;
    border : 1px solid rgba(34, 41, 47, 0.2);
    border-radius : 0.6rem;
    outline : 0;
}

.modal-backdrop {
    position : fixed;
    top : 0;
    right : 0;
    z-index : 1040;
    width : 100vw;
    height : 100vh;
    background-color : #22292F;
}
.modal-backdrop.fade {
    opacity : 0;
}
.modal-backdrop.show {
    opacity : 0.5;
}

.modal-header {
    display : -webkit-box;
    display : -webkit-flex;
    display : -ms-flexbox;
    display :         flex;
    -webkit-box-align : start;
    -webkit-align-items : flex-start;
    -ms-flex-align : start;
    align-items : flex-start;
    -webkit-box-pack : justify;
    -webkit-justify-content : space-between;
    -ms-flex-pack : justify;
    justify-content : space-between;
    padding : 1rem 1rem;
    border-bottom : 1px solid #EDEDED;
    border-top-right-radius : 0.6rem;
    border-top-left-radius : 0.6rem;
}
.modal-header .close {
    padding : 1rem 1rem;
    margin : -1rem auto -1rem -1rem;
}

.modal-title {
    margin-bottom : 0;
    line-height : 1.45;
}

.modal-body {
    position : relative;
    -webkit-box-flex : 1;
    -webkit-flex : 1 1 auto;
    -ms-flex : 1 1 auto;
    flex : 1 1 auto;
    padding : 1rem;
}

.modal-footer {
    display : -webkit-box;
    display : -webkit-flex;
    display : -ms-flexbox;
    display :         flex;
    -webkit-box-align : center;
    -webkit-align-items : center;
    -ms-flex-align : center;
    align-items : center;
    -webkit-box-pack : end;
    -webkit-justify-content : flex-end;
    -ms-flex-pack : end;
    justify-content : flex-end;
    padding : 1rem;
    border-top : 1px solid #EDEDED;
    border-bottom-left-radius : 0.6rem;
    border-bottom-right-radius : 0.6rem;
}
.modal-footer > :not(:first-child) {
    margin-right : 0.25rem;
}
.modal-footer > :not(:last-child) {
    margin-left : 0.25rem;
}

.modal-scrollbar-measure {
    position : absolute;
    top : -9999px;
    width : 50px;
    height : 50px;
    overflow : scroll;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width : 500px;
        margin : 1.75rem auto;
    }
    .modal-dialog-scrollable {
        max-height : calc(100% - 3.5rem);
    }
    .modal-dialog-scrollable .modal-content {
        max-height : calc(100vh - 3.5rem);
    }
    .modal-dialog-centered {
        min-height : calc(100% - 3.5rem);
    }
    .modal-dialog-centered::before {
        height : calc(100vh - 3.5rem);
    }
    .modal-sm {
        max-width : 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg, .modal-xl {
        max-width : 800px;
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        max-width : 1140px;
    }
}

.tooltip {
    position : absolute;
    z-index : 1070;
    display : block;
    margin : 0;
    font-family : 'Montserrat', Helvetica, Arial, serif;
    font-style : normal;
    font-weight : 400;
    line-height : 1.45;
    text-align : right;
    text-align : start;
    text-decoration : none;
    text-shadow : none;
    text-transform : none;
    letter-spacing : normal;
    word-break : normal;
    word-spacing : normal;
    white-space : normal;
    line-break : auto;
    font-size : 0.857rem;
    word-wrap : break-word;
    opacity : 0;
}
.tooltip.show {
    opacity : 1;
}
.tooltip .arrow {
    position : absolute;
    display : block;
    width : 0.8rem;
    height : 0.4rem;
}
.tooltip .arrow::before {
    position : absolute;
    content : '';
    border-color : transparent;
    border-style : solid;
}

.bs-tooltip-top, .bs-tooltip-auto[x-placement^='top'] {
    padding : 0.4rem 0;
}
.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^='top'] .arrow {
    bottom : 0;
}
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^='top'] .arrow::before {
    top : 0;
    border-width : 0.4rem 0.4rem 0;
    border-top-color : #323232;
}

.bs-tooltip-right, .bs-tooltip-auto[x-placement^='right'] {
    padding : 0 0.4rem;
}
.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^='right'] .arrow {
    right : 0;
    width : 0.4rem;
    height : 0.8rem;
}
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^='right'] .arrow::before {
    left : 0;
    border-width : 0.4rem 0 0.4rem 0.4rem;
    border-left-color : #323232;
}

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^='bottom'] {
    padding : 0.4rem 0;
}
.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^='bottom'] .arrow {
    top : 0;
}
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^='bottom'] .arrow::before {
    bottom : 0;
    border-width : 0 0.4rem 0.4rem;
    border-bottom-color : #323232;
}

.bs-tooltip-left, .bs-tooltip-auto[x-placement^='left'] {
    padding : 0 0.4rem;
}
.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^='left'] .arrow {
    left : 0;
    width : 0.4rem;
    height : 0.8rem;
}
.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^='left'] .arrow::before {
    right : 0;
    border-width : 0.4rem 0.4rem 0.4rem 0;
    border-right-color : #323232;
}

.tooltip-inner {
    max-width : 220px;
    padding : 0.4rem 0.775rem;
    color : #FFFFFF;
    text-align : center;
    background-color : #323232;
    border-radius : 0.428rem;
}

.popover {
    position : absolute;
    top : 0;
    right : 0;
    z-index : 1060;
    display : block;
    max-width : 276px;
    font-family : 'Montserrat', Helvetica, Arial, serif;
    font-style : normal;
    font-weight : 400;
    line-height : 1.45;
    text-align : right;
    text-align : start;
    text-decoration : none;
    text-shadow : none;
    text-transform : none;
    letter-spacing : normal;
    word-break : normal;
    word-spacing : normal;
    white-space : normal;
    line-break : auto;
    font-size : 0.857rem;
    word-wrap : break-word;
    background-color : #FFFFFF;
    background-clip : padding-box;
    border : 1px solid rgba(34, 41, 47, 0.2);
    border-radius : 0.428rem;
}
.popover .arrow {
    position : absolute;
    display : block;
    width : 1rem;
    height : 0.5rem;
    margin : 0 0.6rem;
}
.popover .arrow::before, .popover .arrow::after {
    position : absolute;
    display : block;
    content : '';
    border-color : transparent;
    border-style : solid;
}

.bs-popover-top, .bs-popover-auto[x-placement^='top'] {
    margin-bottom : 0.5rem;
}
.bs-popover-top > .arrow, .bs-popover-auto[x-placement^='top'] > .arrow {
    bottom : calc((0.5rem + 1px) * -1);
}
.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^='top'] > .arrow::before {
    bottom : 0;
    border-width : 0.5rem 0.5rem 0;
    border-top-color : rgba(34, 41, 47, 0.25);
}
.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^='top'] > .arrow::after {
    bottom : 1px;
    border-width : 0.5rem 0.5rem 0;
    border-top-color : #FFFFFF;
}

.bs-popover-right, .bs-popover-auto[x-placement^='right'] {
    margin-right : 0.5rem;
}
.bs-popover-right > .arrow, .bs-popover-auto[x-placement^='right'] > .arrow {
    right : calc((0.5rem + 1px) * -1);
    width : 0.5rem;
    height : 1rem;
    margin : 0.6rem 0;
}
.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^='right'] > .arrow::before {
    right : 0;
    border-width : 0.5rem 0 0.5rem 0.5rem;
    border-left-color : rgba(34, 41, 47, 0.25);
}
.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^='right'] > .arrow::after {
    right : 1px;
    border-width : 0.5rem 0 0.5rem 0.5rem;
    border-left-color : #FFFFFF;
}

.bs-popover-bottom, .bs-popover-auto[x-placement^='bottom'] {
    margin-top : 0.5rem;
}
.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^='bottom'] > .arrow {
    top : calc((0.5rem + 1px) * -1);
}
.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^='bottom'] > .arrow::before {
    top : 0;
    border-width : 0 0.5rem 0.5rem 0.5rem;
    border-bottom-color : rgba(34, 41, 47, 0.25);
}
.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^='bottom'] > .arrow::after {
    top : 1px;
    border-width : 0 0.5rem 0.5rem 0.5rem;
    border-bottom-color : #FFFFFF;
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^='bottom'] .popover-header::before {
    position : absolute;
    top : 0;
    right : 50%;
    display : block;
    width : 1rem;
    margin-right : -0.5rem;
    content : '';
    border-bottom : 1px solid #7367F0;
}

.bs-popover-left, .bs-popover-auto[x-placement^='left'] {
    margin-left : 0.5rem;
}
.bs-popover-left > .arrow, .bs-popover-auto[x-placement^='left'] > .arrow {
    left : calc((0.5rem + 1px) * -1);
    width : 0.5rem;
    height : 1rem;
    margin : 0.6rem 0;
}
.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^='left'] > .arrow::before {
    left : 0;
    border-width : 0.5rem 0.5rem 0.5rem 0;
    border-right-color : rgba(34, 41, 47, 0.25);
}
.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^='left'] > .arrow::after {
    left : 1px;
    border-width : 0.5rem 0.5rem 0.5rem 0;
    border-right-color : #FFFFFF;
}

.popover-header {
    padding : 0.5rem 0.75rem;
    margin-bottom : 0;
    font-size : 1rem;
    color : #2C2C2C;
    background-color : #7367F0;
    border-bottom : 1px solid #5E50EE;
    border-top-right-radius : calc(0.6rem - 1px);
    border-top-left-radius : calc(0.6rem - 1px);
}
.popover-header:empty {
    display : none;
}

.popover-body {
    padding : 0.5rem 0.75rem;
    color : #626262;
}

.carousel {
    position : relative;
}

.carousel.pointer-event {
    -ms-touch-action : pan-y;
    touch-action : pan-y;
}

.carousel-inner {
    position : relative;
    width : 100%;
    overflow : hidden;
}
.carousel-inner::after {
    display : block;
    clear : both;
    content : '';
}

.carousel-item {
    position : relative;
    display : none;
    float : right;
    width : 100%;
    margin-left : -100%;
    -webkit-backface-visibility : hidden;
    backface-visibility : hidden;
    -webkit-transition : -webkit-transform 0.6s ease-in-out;
    transition : -webkit-transform 0.6s ease-in-out;
    transition :         transform 0.6s ease-in-out;
    transition :         transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .carousel-item {
        -webkit-transition : none;
        transition : none;
    }
}

.carousel-item.active, .carousel-item-next, .carousel-item-prev {
    display : block;
}

.carousel-item-next:not(.carousel-item-left), .active.carousel-item-right {
    -webkit-transform : translateX(-100%);
    -ms-transform : translateX(-100%);
    transform : translateX(-100%);
}

.carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left {
    -webkit-transform : translateX(100%);
    -ms-transform : translateX(100%);
    transform : translateX(100%);
}

.carousel-fade .carousel-item {
    opacity : 0;
    -webkit-transition-property : opacity;
    transition-property : opacity;
    -webkit-transform : none;
    -ms-transform : none;
    transform : none;
}

.carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right {
    z-index : 1;
    opacity : 1;
}

.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
    z-index : 0;
    opacity : 0;
    -webkit-transition : 0s 0.6s opacity;
    transition : 0s 0.6s opacity;
}
@media (prefers-reduced-motion: reduce) {
    .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
        -webkit-transition : none;
        transition : none;
    }
}

.carousel-control-prev, .carousel-control-next {
    position : absolute;
    top : 0;
    bottom : 0;
    z-index : 1;
    display : -webkit-box;
    display : -webkit-flex;
    display : -ms-flexbox;
    display :         flex;
    -webkit-box-align : center;
    -webkit-align-items : center;
    -ms-flex-align : center;
    align-items : center;
    -webkit-box-pack : center;
    -webkit-justify-content : center;
    -ms-flex-pack : center;
    justify-content : center;
    width : 15%;
    color : #FFFFFF;
    text-align : center;
    opacity : 0.5;
    -webkit-transition : opacity 0.15s ease;
    transition : opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
    .carousel-control-prev, .carousel-control-next {
        -webkit-transition : none;
        transition : none;
    }
}
.carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus {
    color : #FFFFFF;
    text-decoration : none;
    outline : 0;
    opacity : 0.9;
}

.carousel-control-prev {
    right : 0;
}

.carousel-control-next {
    left : 0;
}

.carousel-control-prev-icon, .carousel-control-next-icon {
    display : inline-block;
    width : 20px;
    height : 20px;
    background : no-repeat 50% / 100% 100%;
}

.carousel-control-prev-icon {
    background-image : url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' fill=\'%23fff\' viewBox=\'0 0 8 8\'%3e%3cpath d=\'M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z\'/%3e%3c/svg%3e');
}

.carousel-control-next-icon {
    background-image : url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' fill=\'%23fff\' viewBox=\'0 0 8 8\'%3e%3cpath d=\'M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z\'/%3e%3c/svg%3e');
}

.carousel-indicators {
    position : absolute;
    left : 0;
    bottom : 0;
    right : 0;
    z-index : 15;
    display : -webkit-box;
    display : -webkit-flex;
    display : -ms-flexbox;
    display :         flex;
    -webkit-box-pack : center;
    -webkit-justify-content : center;
    -ms-flex-pack : center;
    justify-content : center;
    padding-right : 0;
    margin-left : 15%;
    margin-right : 15%;
    list-style : none;
}
.carousel-indicators li {
    box-sizing : content-box;
    -webkit-box-flex : 0;
    -webkit-flex : 0 1 auto;
    -ms-flex : 0 1 auto;
    flex : 0 1 auto;
    width : 30px;
    height : 3px;
    margin-left : 3px;
    margin-right : 3px;
    text-indent : -999px;
    cursor : pointer;
    background-color : #FFFFFF;
    background-clip : padding-box;
    border-top : 10px solid transparent;
    border-bottom : 10px solid transparent;
    opacity : 0.5;
    -webkit-transition : opacity 0.6s ease;
    transition : opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
    .carousel-indicators li {
        -webkit-transition : none;
        transition : none;
    }
}
.carousel-indicators .active {
    opacity : 1;
}



@-webkit-keyframes spinner-border {
    to {
        -webkit-transform : rotate(-360deg);
        transform : rotate(-360deg);
    }
}

@keyframes spinner-border {
    to {
        -webkit-transform : rotate(-360deg);
        transform : rotate(-360deg);
    }
}

.spinner-border {
    display : inline-block;
    width : 2rem;
    height : 2rem;
    vertical-align : text-bottom;
    border : 0.25em solid currentColor;
    border-left-color : transparent;
    border-radius : 50%;
    -webkit-animation : spinner-border 0.75s linear infinite;
    animation : spinner-border 0.75s linear infinite;
}

.spinner-border-sm {
    width : 1rem;
    height : 1rem;
    border-width : 0.2em;
}

@-webkit-keyframes spinner-grow {
    0% {
        -webkit-transform : scale(0);
        transform : scale(0);
    }
    50% {
        opacity : 1;
    }
}

@keyframes spinner-grow {
    0% {
        -webkit-transform : scale(0);
        transform : scale(0);
    }
    50% {
        opacity : 1;
    }
}

.spinner-grow {
    display : inline-block;
    width : 2rem;
    height : 2rem;
    vertical-align : text-bottom;
    background-color : currentColor;
    border-radius : 50%;
    opacity : 0;
    -webkit-animation : spinner-grow 0.75s linear infinite;
    animation : spinner-grow 0.75s linear infinite;
}

.spinner-grow-sm {
    width : 1rem;
    height : 1rem;
}

.align-baseline {
    vertical-align : baseline !important;
}

.align-top {
    vertical-align : top !important;
}

.align-middle {
    vertical-align : middle !important;
}

.align-bottom {
    vertical-align : bottom !important;
}

.align-text-bottom {
    vertical-align : text-bottom !important;
}

.align-text-top {
    vertical-align : text-top !important;
}

.bg-primary {
    background-color : #7367F0 !important;
}

a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus {
    background-color : #4839EB !important;
}

.bg-secondary {
    background-color : #B8C2CC !important;
}

a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus {
    background-color : #9AA9B7 !important;
}

.bg-success {
    background-color : #28C76F !important;
}

a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus {
    background-color : #1F9D57 !important;
}

.bg-info {
    background-color : #00CFE8 !important;
}

a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus {
    background-color : #00A1B5 !important;
}

.bg-warning {
    background-color : #FF9F43 !important;
}

a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus {
    background-color : #FF8510 !important;
}

.bg-danger {
    background-color : #EA5455 !important;
}

a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus {
    background-color : #E42728 !important;
}

.bg-light {
    background-color : #BABFC7 !important;
}

a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus {
    background-color : #9EA5B0 !important;
}

.bg-dark {
    background-color : #1E1E1E !important;
}

a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus {
    background-color : #050505 !important;
}

.bg-white {
    background-color : #FFFFFF !important;
}

.bg-transparent {
    background-color : transparent !important;
}

.border {
    border : 1px solid #EDEDED !important;
}

.border-top {
    border-top : 1px solid #EDEDED !important;
}

.border-right {
    border-left : 1px solid #EDEDED !important;
}

.border-bottom {
    border-bottom : 1px solid #EDEDED !important;
}

.border-left {
    border-right : 1px solid #EDEDED !important;
}

.border-0 {
    border : 0 !important;
}

.border-top-0 {
    border-top : 0 !important;
}

.border-right-0 {
    border-left : 0 !important;
}

.border-bottom-0 {
    border-bottom : 0 !important;
}

.border-left-0 {
    border-right : 0 !important;
}

.border-primary {
    border-color : #7367F0 !important;
}

.border-secondary {
    border-color : #B8C2CC !important;
}

.border-success {
    border-color : #28C76F !important;
}

.border-info {
    border-color : #00CFE8 !important;
}

.border-warning {
    border-color : #FF9F43 !important;
}

.border-danger {
    border-color : #EA5455 !important;
}

.border-light {
    border-color : #BABFC7 !important;
}

.border-dark {
    border-color : #1E1E1E !important;
}

.border-white {
    border-color : #FFFFFF !important;
}

.rounded-sm {
    border-radius : 0.25rem !important;
}

.rounded {
    border-radius : 0.5rem !important;
}

.rounded-top {
    border-top-right-radius : 0.5rem !important;
    border-top-left-radius : 0.5rem !important;
}

.rounded-right {
    border-top-left-radius : 0.5rem !important;
    border-bottom-left-radius : 0.5rem !important;
}

.rounded-bottom {
    border-bottom-left-radius : 0.5rem !important;
    border-bottom-right-radius : 0.5rem !important;
}

.rounded-left {
    border-top-right-radius : 0.5rem !important;
    border-bottom-right-radius : 0.5rem !important;
}

.rounded-lg {
    border-radius : 0.6rem !important;
}

.rounded-circle {
    border-radius : 50% !important;
}

.rounded-pill {
    border-radius : 50rem !important;
}

.rounded-0 {
    border-radius : 0 !important;
}

.clearfix::after {
    display : block;
    clear : both;
    content : '';
}


#timeline-container .timeline {
    list-style-type: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

#timeline-container .li {
    transition: all 200ms ease-in;
}

#timeline-container .timestamp {
    margin-bottom: 20px;
    /*padding: 0px 40px;*/
    display: flex;
    flex-direction: column;
    align-items: center;
    color: black;
    font-weight: 500;
    font-size: 0.9rem;
}


#timeline-container .status {
    padding: 0px 40px;

    display: flex;
    justify-content: right;
    border-top: 2px solid #D6DCE0;
    position: relative;
    transition: all 200ms ease-in;
    padding-top: 30px!important;
}

#timeline-container .status h4 {
    text-align: center;
    font-weight: 600;
    min-width: 85px!important;
}
#timeline-container .phase .status h4{
    text-align: center;
    font-weight: 600;
    min-width: 140px!important;
}

#timeline-container .status:before {
    content: "";
    width: 40px;
    height: 40px;
    background-color: #c7c5c5;
    border-radius: 25px;
    border: 1px solid gray;
    position: absolute;
    top: -22px;
    left: 42%;
    transition: all 200ms ease-in;
}
.ignore-btn{
    padding: 3px 6px!important;
    background-color: darkred;
    color:white;
    border-radius: 4px;

}
.ignore-btn:hover{
    cursor: pointer;
}


#timeline-container .li.complete .status {
    border-top: 2px solid #2b5c30;
    padding-top:30px
}

#timeline-container .li.complete .status:before {
    background-color: #2e8031;
    border: none;
    transition: all 200ms ease-in;
}
#timeline-container .col-md-4 {
    margin-bottom: 2rem;
}

#timeline-container .li.complete .status h4 {
    background: #d9e8d9;
    color: #3b7d3d;
    padding: 4px 9px;
    border-radius: 3px;
    font-size: 0.9rem;
}

#timeline-container .li.inProgress .status:before{
    background-color: #3090e6;
}

#timeline-container .li.inProgress .status h4 {

    background: #d5e8f4;
    color: #3090e6;
    padding: 4px 9px;
    border-radius: 3px;
    font-size: 0.9rem;
}
#timeline-container .li .status h4 {
    background: #e1e1e1;
    color: #575656;
    border-radius: 3px;
    font-size: 0.9rem;
    padding: 4px 9px;
}


#timeline-container @media (min-device-width: 320px) and (max-device-width: 700px) {
    .timeline {
        list-style-type: none;
        display: block;
    }

    .li {
        transition: all 200ms ease-in;
        display: flex;
        width: inherit;
    }

    .timestamp {
        width: 100px;
    }

    .status:before {
        left: -8%;
        top: 30%;
        transition: all 200ms ease-in;
    }
}



.d-none {
    display : none !important;
}

.d-inline {
    display : inline !important;
}

.d-inline-block {
    display : inline-block !important;
}

.d-block {
    display : block !important;
}

.d-table {
    display : table !important;
}

.d-table-row {
    display : table-row !important;
}

.d-table-cell {
    display : table-cell !important;
}

.d-flex {
    display : -webkit-box !important;
    display : -webkit-flex !important;
    display : -ms-flexbox !important;
    display :         flex !important;
}

.d-inline-flex {
    display : -webkit-inline-box !important;
    display : -webkit-inline-flex !important;
    display : -ms-inline-flexbox !important;
    display :         inline-flex !important;
}

@media (min-width: 576px) {
    .d-sm-none {
        display : none !important;
    }
    .d-sm-inline {
        display : inline !important;
    }
    .d-sm-inline-block {
        display : inline-block !important;
    }
    .d-sm-block {
        display : block !important;
    }
    .d-sm-table {
        display : table !important;
    }
    .d-sm-table-row {
        display : table-row !important;
    }
    .d-sm-table-cell {
        display : table-cell !important;
    }
    .d-sm-flex {
        display : -webkit-box !important;
        display : -webkit-flex !important;
        display : -ms-flexbox !important;
        display :         flex !important;
    }
    .d-sm-inline-flex {
        display : -webkit-inline-box !important;
        display : -webkit-inline-flex !important;
        display : -ms-inline-flexbox !important;
        display :         inline-flex !important;
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display : none !important;
    }
    .d-md-inline {
        display : inline !important;
    }
    .d-md-inline-block {
        display : inline-block !important;
    }
    .d-md-block {
        display : block !important;
    }
    .d-md-table {
        display : table !important;
    }
    .d-md-table-row {
        display : table-row !important;
    }
    .d-md-table-cell {
        display : table-cell !important;
    }
    .d-md-flex {
        display : -webkit-box !important;
        display : -webkit-flex !important;
        display : -ms-flexbox !important;
        display :         flex !important;
    }
    .d-md-inline-flex {
        display : -webkit-inline-box !important;
        display : -webkit-inline-flex !important;
        display : -ms-inline-flexbox !important;
        display :         inline-flex !important;
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display : none !important;
    }
    .d-lg-inline {
        display : inline !important;
    }
    .d-lg-inline-block {
        display : inline-block !important;
    }
    .d-lg-block {
        display : block !important;
    }
    .d-lg-table {
        display : table !important;
    }
    .d-lg-table-row {
        display : table-row !important;
    }
    .d-lg-table-cell {
        display : table-cell !important;
    }
    .d-lg-flex {
        display : -webkit-box !important;
        display : -webkit-flex !important;
        display : -ms-flexbox !important;
        display :         flex !important;
    }
    .d-lg-inline-flex {
        display : -webkit-inline-box !important;
        display : -webkit-inline-flex !important;
        display : -ms-inline-flexbox !important;
        display :         inline-flex !important;
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display : none !important;
    }
    .d-xl-inline {
        display : inline !important;
    }
    .d-xl-inline-block {
        display : inline-block !important;
    }
    .d-xl-block {
        display : block !important;
    }
    .d-xl-table {
        display : table !important;
    }
    .d-xl-table-row {
        display : table-row !important;
    }
    .d-xl-table-cell {
        display : table-cell !important;
    }
    .d-xl-flex {
        display : -webkit-box !important;
        display : -webkit-flex !important;
        display : -ms-flexbox !important;
        display :         flex !important;
    }
    .d-xl-inline-flex {
        display : -webkit-inline-box !important;
        display : -webkit-inline-flex !important;
        display : -ms-inline-flexbox !important;
        display :         inline-flex !important;
    }
}

@media print {
    .d-print-none {
        display : none !important;
    }
    .d-print-inline {
        display : inline !important;
    }
    .d-print-inline-block {
        display : inline-block !important;
    }
    .d-print-block {
        display : block !important;
    }
    .d-print-table {
        display : table !important;
    }
    .d-print-table-row {
        display : table-row !important;
    }
    .d-print-table-cell {
        display : table-cell !important;
    }
    .d-print-flex {
        display : -webkit-box !important;
        display : -webkit-flex !important;
        display : -ms-flexbox !important;
        display :         flex !important;
    }
    .d-print-inline-flex {
        display : -webkit-inline-box !important;
        display : -webkit-inline-flex !important;
        display : -ms-inline-flexbox !important;
        display :         inline-flex !important;
    }
}

.embed-responsive {
    position : relative;
    display : block;
    width : 100%;
    padding : 0;
    overflow : hidden;
}
.embed-responsive::before {
    display : block;
    content : '';
}
.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
    position : absolute;
    top : 0;
    bottom : 0;
    right : 0;
    width : 100%;
    height : 100%;
    border : 0;
}

.embed-responsive-21by9::before {
    padding-top : 42.85714%;
}

.embed-responsive-16by9::before {
    padding-top : 56.25%;
}

.embed-responsive-4by3::before {
    padding-top : 75%;
}

.embed-responsive-1by1::before {
    padding-top : 100%;
}

.embed-responsive-21by9::before {
    padding-top : 42.85714%;
}

.embed-responsive-16by9::before {
    padding-top : 56.25%;
}

.embed-responsive-4by3::before {
    padding-top : 75%;
}

.embed-responsive-1by1::before {
    padding-top : 100%;
}

.flex-row {
    -webkit-box-orient : horizontal !important;
    -webkit-box-direction : normal !important;
    -webkit-flex-direction : row !important;
    -ms-flex-direction : row !important;
    flex-direction : row !important;
}

.flex-column {
    -webkit-box-orient : vertical !important;
    -webkit-box-direction : normal !important;
    -webkit-flex-direction : column !important;
    -ms-flex-direction : column !important;
    flex-direction : column !important;
}

.flex-row-reverse {
    -webkit-box-orient : horizontal !important;
    -webkit-box-direction : reverse !important;
    -webkit-flex-direction : row-reverse !important;
    -ms-flex-direction : row-reverse !important;
    flex-direction : row-reverse !important;
}

.flex-column-reverse {
    -webkit-box-orient : vertical !important;
    -webkit-box-direction : reverse !important;
    -webkit-flex-direction : column-reverse !important;
    -ms-flex-direction : column-reverse !important;
    flex-direction : column-reverse !important;
}

.flex-wrap {
    -webkit-flex-wrap : wrap !important;
    -ms-flex-wrap : wrap !important;
    flex-wrap : wrap !important;
}

.flex-nowrap {
    -webkit-flex-wrap : nowrap !important;
    -ms-flex-wrap : nowrap !important;
    flex-wrap : nowrap !important;
}

.flex-wrap-reverse {
    -webkit-flex-wrap : wrap-reverse !important;
    -ms-flex-wrap : wrap-reverse !important;
    flex-wrap : wrap-reverse !important;
}

.flex-fill {
    -webkit-box-flex : 1 !important;
    -webkit-flex : 1 1 auto !important;
    -ms-flex : 1 1 auto !important;
    flex : 1 1 auto !important;
}

.flex-grow-0 {
    -webkit-box-flex : 0 !important;
    -webkit-flex-grow : 0 !important;
    -ms-flex-positive : 0 !important;
    flex-grow : 0 !important;
}

.flex-grow-1 {
    -webkit-box-flex : 1 !important;
    -webkit-flex-grow : 1 !important;
    -ms-flex-positive : 1 !important;
    flex-grow : 1 !important;
}

.flex-shrink-0 {
    -webkit-flex-shrink : 0 !important;
    -ms-flex-negative : 0 !important;
    flex-shrink : 0 !important;
}

.flex-shrink-1 {
    -webkit-flex-shrink : 1 !important;
    -ms-flex-negative : 1 !important;
    flex-shrink : 1 !important;
}

.justify-content-start {
    -webkit-box-pack : start !important;
    -webkit-justify-content : flex-start !important;
    -ms-flex-pack : start !important;
    justify-content : flex-start !important;
}

.justify-content-end {
    -webkit-box-pack : end !important;
    -webkit-justify-content : flex-end !important;
    -ms-flex-pack : end !important;
    justify-content : flex-end !important;
}

.justify-content-center {
    -webkit-box-pack : center !important;
    -webkit-justify-content : center !important;
    -ms-flex-pack : center !important;
    justify-content : center !important;
}

.justify-content-between {
    -webkit-box-pack : justify !important;
    -webkit-justify-content : space-between !important;
    -ms-flex-pack : justify !important;
    justify-content : space-between !important;
}

.justify-content-around {
    -webkit-justify-content : space-around !important;
    -ms-flex-pack : distribute !important;
    justify-content : space-around !important;
}

.align-items-start {
    -webkit-box-align : start !important;
    -webkit-align-items : flex-start !important;
    -ms-flex-align : start !important;
    align-items : flex-start !important;
}

.align-items-end {
    -webkit-box-align : end !important;
    -webkit-align-items : flex-end !important;
    -ms-flex-align : end !important;
    align-items : flex-end !important;
}

.align-items-center {
    -webkit-box-align : center !important;
    -webkit-align-items : center !important;
    -ms-flex-align : center !important;
    align-items : center !important;
}

.align-items-baseline {
    -webkit-box-align : baseline !important;
    -webkit-align-items : baseline !important;
    -ms-flex-align : baseline !important;
    align-items : baseline !important;
}

.align-items-stretch {
    -webkit-box-align : stretch !important;
    -webkit-align-items : stretch !important;
    -ms-flex-align : stretch !important;
    align-items : stretch !important;
}

.align-content-start {
    -webkit-align-content : flex-start !important;
    -ms-flex-line-pack : start !important;
    align-content : flex-start !important;
}

.align-content-end {
    -webkit-align-content : flex-end !important;
    -ms-flex-line-pack : end !important;
    align-content : flex-end !important;
}

.align-content-center {
    -webkit-align-content : center !important;
    -ms-flex-line-pack : center !important;
    align-content : center !important;
}

.align-content-between {
    -webkit-align-content : space-between !important;
    -ms-flex-line-pack : justify !important;
    align-content : space-between !important;
}

.align-content-around {
    -webkit-align-content : space-around !important;
    -ms-flex-line-pack : distribute !important;
    align-content : space-around !important;
}

.align-content-stretch {
    -webkit-align-content : stretch !important;
    -ms-flex-line-pack : stretch !important;
    align-content : stretch !important;
}

.align-self-auto {
    -webkit-align-self : auto !important;
    -ms-flex-item-align : auto !important;
    align-self : auto !important;
}

.align-self-start {
    -webkit-align-self : flex-start !important;
    -ms-flex-item-align : start !important;
    align-self : flex-start !important;
}

.align-self-end {
    -webkit-align-self : flex-end !important;
    -ms-flex-item-align : end !important;
    align-self : flex-end !important;
}

.align-self-center {
    -webkit-align-self : center !important;
    -ms-flex-item-align : center !important;
    align-self : center !important;
}

.align-self-baseline {
    -webkit-align-self : baseline !important;
    -ms-flex-item-align : baseline !important;
    align-self : baseline !important;
}

.align-self-stretch {
    -webkit-align-self : stretch !important;
    -ms-flex-item-align : stretch !important;
    align-self : stretch !important;
}

@media (min-width: 576px) {
    .flex-sm-row {
        -webkit-box-orient : horizontal !important;
        -webkit-box-direction : normal !important;
        -webkit-flex-direction : row !important;
        -ms-flex-direction : row !important;
        flex-direction : row !important;
    }
    .flex-sm-column {
        -webkit-box-orient : vertical !important;
        -webkit-box-direction : normal !important;
        -webkit-flex-direction : column !important;
        -ms-flex-direction : column !important;
        flex-direction : column !important;
    }
    .flex-sm-row-reverse {
        -webkit-box-orient : horizontal !important;
        -webkit-box-direction : reverse !important;
        -webkit-flex-direction : row-reverse !important;
        -ms-flex-direction : row-reverse !important;
        flex-direction : row-reverse !important;
    }
    .flex-sm-column-reverse {
        -webkit-box-orient : vertical !important;
        -webkit-box-direction : reverse !important;
        -webkit-flex-direction : column-reverse !important;
        -ms-flex-direction : column-reverse !important;
        flex-direction : column-reverse !important;
    }
    .flex-sm-wrap {
        -webkit-flex-wrap : wrap !important;
        -ms-flex-wrap : wrap !important;
        flex-wrap : wrap !important;
    }
    .flex-sm-nowrap {
        -webkit-flex-wrap : nowrap !important;
        -ms-flex-wrap : nowrap !important;
        flex-wrap : nowrap !important;
    }
    .flex-sm-wrap-reverse {
        -webkit-flex-wrap : wrap-reverse !important;
        -ms-flex-wrap : wrap-reverse !important;
        flex-wrap : wrap-reverse !important;
    }
    .flex-sm-fill {
        -webkit-box-flex : 1 !important;
        -webkit-flex : 1 1 auto !important;
        -ms-flex : 1 1 auto !important;
        flex : 1 1 auto !important;
    }
    .flex-sm-grow-0 {
        -webkit-box-flex : 0 !important;
        -webkit-flex-grow : 0 !important;
        -ms-flex-positive : 0 !important;
        flex-grow : 0 !important;
    }
    .flex-sm-grow-1 {
        -webkit-box-flex : 1 !important;
        -webkit-flex-grow : 1 !important;
        -ms-flex-positive : 1 !important;
        flex-grow : 1 !important;
    }
    .flex-sm-shrink-0 {
        -webkit-flex-shrink : 0 !important;
        -ms-flex-negative : 0 !important;
        flex-shrink : 0 !important;
    }
    .flex-sm-shrink-1 {
        -webkit-flex-shrink : 1 !important;
        -ms-flex-negative : 1 !important;
        flex-shrink : 1 !important;
    }
    .justify-content-sm-start {
        -webkit-box-pack : start !important;
        -webkit-justify-content : flex-start !important;
        -ms-flex-pack : start !important;
        justify-content : flex-start !important;
    }
    .justify-content-sm-end {
        -webkit-box-pack : end !important;
        -webkit-justify-content : flex-end !important;
        -ms-flex-pack : end !important;
        justify-content : flex-end !important;
    }
    .justify-content-sm-center {
        -webkit-box-pack : center !important;
        -webkit-justify-content : center !important;
        -ms-flex-pack : center !important;
        justify-content : center !important;
    }
    .justify-content-sm-between {
        -webkit-box-pack : justify !important;
        -webkit-justify-content : space-between !important;
        -ms-flex-pack : justify !important;
        justify-content : space-between !important;
    }
    .justify-content-sm-around {
        -webkit-justify-content : space-around !important;
        -ms-flex-pack : distribute !important;
        justify-content : space-around !important;
    }
    .align-items-sm-start {
        -webkit-box-align : start !important;
        -webkit-align-items : flex-start !important;
        -ms-flex-align : start !important;
        align-items : flex-start !important;
    }
    .align-items-sm-end {
        -webkit-box-align : end !important;
        -webkit-align-items : flex-end !important;
        -ms-flex-align : end !important;
        align-items : flex-end !important;
    }
    .align-items-sm-center {
        -webkit-box-align : center !important;
        -webkit-align-items : center !important;
        -ms-flex-align : center !important;
        align-items : center !important;
    }
    .align-items-sm-baseline {
        -webkit-box-align : baseline !important;
        -webkit-align-items : baseline !important;
        -ms-flex-align : baseline !important;
        align-items : baseline !important;
    }
    .align-items-sm-stretch {
        -webkit-box-align : stretch !important;
        -webkit-align-items : stretch !important;
        -ms-flex-align : stretch !important;
        align-items : stretch !important;
    }
    .align-content-sm-start {
        -webkit-align-content : flex-start !important;
        -ms-flex-line-pack : start !important;
        align-content : flex-start !important;
    }
    .align-content-sm-end {
        -webkit-align-content : flex-end !important;
        -ms-flex-line-pack : end !important;
        align-content : flex-end !important;
    }
    .align-content-sm-center {
        -webkit-align-content : center !important;
        -ms-flex-line-pack : center !important;
        align-content : center !important;
    }
    .align-content-sm-between {
        -webkit-align-content : space-between !important;
        -ms-flex-line-pack : justify !important;
        align-content : space-between !important;
    }
    .align-content-sm-around {
        -webkit-align-content : space-around !important;
        -ms-flex-line-pack : distribute !important;
        align-content : space-around !important;
    }
    .align-content-sm-stretch {
        -webkit-align-content : stretch !important;
        -ms-flex-line-pack : stretch !important;
        align-content : stretch !important;
    }
    .align-self-sm-auto {
        -webkit-align-self : auto !important;
        -ms-flex-item-align : auto !important;
        align-self : auto !important;
    }
    .align-self-sm-start {
        -webkit-align-self : flex-start !important;
        -ms-flex-item-align : start !important;
        align-self : flex-start !important;
    }
    .align-self-sm-end {
        -webkit-align-self : flex-end !important;
        -ms-flex-item-align : end !important;
        align-self : flex-end !important;
    }
    .align-self-sm-center {
        -webkit-align-self : center !important;
        -ms-flex-item-align : center !important;
        align-self : center !important;
    }
    .align-self-sm-baseline {
        -webkit-align-self : baseline !important;
        -ms-flex-item-align : baseline !important;
        align-self : baseline !important;
    }
    .align-self-sm-stretch {
        -webkit-align-self : stretch !important;
        -ms-flex-item-align : stretch !important;
        align-self : stretch !important;
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        -webkit-box-orient : horizontal !important;
        -webkit-box-direction : normal !important;
        -webkit-flex-direction : row !important;
        -ms-flex-direction : row !important;
        flex-direction : row !important;
    }
    .flex-md-column {
        -webkit-box-orient : vertical !important;
        -webkit-box-direction : normal !important;
        -webkit-flex-direction : column !important;
        -ms-flex-direction : column !important;
        flex-direction : column !important;
    }
    .flex-md-row-reverse {
        -webkit-box-orient : horizontal !important;
        -webkit-box-direction : reverse !important;
        -webkit-flex-direction : row-reverse !important;
        -ms-flex-direction : row-reverse !important;
        flex-direction : row-reverse !important;
    }
    .flex-md-column-reverse {
        -webkit-box-orient : vertical !important;
        -webkit-box-direction : reverse !important;
        -webkit-flex-direction : column-reverse !important;
        -ms-flex-direction : column-reverse !important;
        flex-direction : column-reverse !important;
    }
    .flex-md-wrap {
        -webkit-flex-wrap : wrap !important;
        -ms-flex-wrap : wrap !important;
        flex-wrap : wrap !important;
    }
    .flex-md-nowrap {
        -webkit-flex-wrap : nowrap !important;
        -ms-flex-wrap : nowrap !important;
        flex-wrap : nowrap !important;
    }
    .flex-md-wrap-reverse {
        -webkit-flex-wrap : wrap-reverse !important;
        -ms-flex-wrap : wrap-reverse !important;
        flex-wrap : wrap-reverse !important;
    }
    .flex-md-fill {
        -webkit-box-flex : 1 !important;
        -webkit-flex : 1 1 auto !important;
        -ms-flex : 1 1 auto !important;
        flex : 1 1 auto !important;
    }
    .flex-md-grow-0 {
        -webkit-box-flex : 0 !important;
        -webkit-flex-grow : 0 !important;
        -ms-flex-positive : 0 !important;
        flex-grow : 0 !important;
    }
    .flex-md-grow-1 {
        -webkit-box-flex : 1 !important;
        -webkit-flex-grow : 1 !important;
        -ms-flex-positive : 1 !important;
        flex-grow : 1 !important;
    }
    .flex-md-shrink-0 {
        -webkit-flex-shrink : 0 !important;
        -ms-flex-negative : 0 !important;
        flex-shrink : 0 !important;
    }
    .flex-md-shrink-1 {
        -webkit-flex-shrink : 1 !important;
        -ms-flex-negative : 1 !important;
        flex-shrink : 1 !important;
    }
    .justify-content-md-start {
        -webkit-box-pack : start !important;
        -webkit-justify-content : flex-start !important;
        -ms-flex-pack : start !important;
        justify-content : flex-start !important;
    }
    .justify-content-md-end {
        -webkit-box-pack : end !important;
        -webkit-justify-content : flex-end !important;
        -ms-flex-pack : end !important;
        justify-content : flex-end !important;
    }
    .justify-content-md-center {
        -webkit-box-pack : center !important;
        -webkit-justify-content : center !important;
        -ms-flex-pack : center !important;
        justify-content : center !important;
    }
    .justify-content-md-between {
        -webkit-box-pack : justify !important;
        -webkit-justify-content : space-between !important;
        -ms-flex-pack : justify !important;
        justify-content : space-between !important;
    }
    .justify-content-md-around {
        -webkit-justify-content : space-around !important;
        -ms-flex-pack : distribute !important;
        justify-content : space-around !important;
    }
    .align-items-md-start {
        -webkit-box-align : start !important;
        -webkit-align-items : flex-start !important;
        -ms-flex-align : start !important;
        align-items : flex-start !important;
    }
    .align-items-md-end {
        -webkit-box-align : end !important;
        -webkit-align-items : flex-end !important;
        -ms-flex-align : end !important;
        align-items : flex-end !important;
    }
    .align-items-md-center {
        -webkit-box-align : center !important;
        -webkit-align-items : center !important;
        -ms-flex-align : center !important;
        align-items : center !important;
    }
    .align-items-md-baseline {
        -webkit-box-align : baseline !important;
        -webkit-align-items : baseline !important;
        -ms-flex-align : baseline !important;
        align-items : baseline !important;
    }
    .align-items-md-stretch {
        -webkit-box-align : stretch !important;
        -webkit-align-items : stretch !important;
        -ms-flex-align : stretch !important;
        align-items : stretch !important;
    }
    .align-content-md-start {
        -webkit-align-content : flex-start !important;
        -ms-flex-line-pack : start !important;
        align-content : flex-start !important;
    }
    .align-content-md-end {
        -webkit-align-content : flex-end !important;
        -ms-flex-line-pack : end !important;
        align-content : flex-end !important;
    }
    .align-content-md-center {
        -webkit-align-content : center !important;
        -ms-flex-line-pack : center !important;
        align-content : center !important;
    }
    .align-content-md-between {
        -webkit-align-content : space-between !important;
        -ms-flex-line-pack : justify !important;
        align-content : space-between !important;
    }
    .align-content-md-around {
        -webkit-align-content : space-around !important;
        -ms-flex-line-pack : distribute !important;
        align-content : space-around !important;
    }
    .align-content-md-stretch {
        -webkit-align-content : stretch !important;
        -ms-flex-line-pack : stretch !important;
        align-content : stretch !important;
    }
    .align-self-md-auto {
        -webkit-align-self : auto !important;
        -ms-flex-item-align : auto !important;
        align-self : auto !important;
    }
    .align-self-md-start {
        -webkit-align-self : flex-start !important;
        -ms-flex-item-align : start !important;
        align-self : flex-start !important;
    }
    .align-self-md-end {
        -webkit-align-self : flex-end !important;
        -ms-flex-item-align : end !important;
        align-self : flex-end !important;
    }
    .align-self-md-center {
        -webkit-align-self : center !important;
        -ms-flex-item-align : center !important;
        align-self : center !important;
    }
    .align-self-md-baseline {
        -webkit-align-self : baseline !important;
        -ms-flex-item-align : baseline !important;
        align-self : baseline !important;
    }
    .align-self-md-stretch {
        -webkit-align-self : stretch !important;
        -ms-flex-item-align : stretch !important;
        align-self : stretch !important;
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        -webkit-box-orient : horizontal !important;
        -webkit-box-direction : normal !important;
        -webkit-flex-direction : row !important;
        -ms-flex-direction : row !important;
        flex-direction : row !important;
    }
    .flex-lg-column {
        -webkit-box-orient : vertical !important;
        -webkit-box-direction : normal !important;
        -webkit-flex-direction : column !important;
        -ms-flex-direction : column !important;
        flex-direction : column !important;
    }
    .flex-lg-row-reverse {
        -webkit-box-orient : horizontal !important;
        -webkit-box-direction : reverse !important;
        -webkit-flex-direction : row-reverse !important;
        -ms-flex-direction : row-reverse !important;
        flex-direction : row-reverse !important;
    }
    .flex-lg-column-reverse {
        -webkit-box-orient : vertical !important;
        -webkit-box-direction : reverse !important;
        -webkit-flex-direction : column-reverse !important;
        -ms-flex-direction : column-reverse !important;
        flex-direction : column-reverse !important;
    }
    .flex-lg-wrap {
        -webkit-flex-wrap : wrap !important;
        -ms-flex-wrap : wrap !important;
        flex-wrap : wrap !important;
    }
    .flex-lg-nowrap {
        -webkit-flex-wrap : nowrap !important;
        -ms-flex-wrap : nowrap !important;
        flex-wrap : nowrap !important;
    }
    .flex-lg-wrap-reverse {
        -webkit-flex-wrap : wrap-reverse !important;
        -ms-flex-wrap : wrap-reverse !important;
        flex-wrap : wrap-reverse !important;
    }
    .flex-lg-fill {
        -webkit-box-flex : 1 !important;
        -webkit-flex : 1 1 auto !important;
        -ms-flex : 1 1 auto !important;
        flex : 1 1 auto !important;
    }
    .flex-lg-grow-0 {
        -webkit-box-flex : 0 !important;
        -webkit-flex-grow : 0 !important;
        -ms-flex-positive : 0 !important;
        flex-grow : 0 !important;
    }
    .flex-lg-grow-1 {
        -webkit-box-flex : 1 !important;
        -webkit-flex-grow : 1 !important;
        -ms-flex-positive : 1 !important;
        flex-grow : 1 !important;
    }
    .flex-lg-shrink-0 {
        -webkit-flex-shrink : 0 !important;
        -ms-flex-negative : 0 !important;
        flex-shrink : 0 !important;
    }
    .flex-lg-shrink-1 {
        -webkit-flex-shrink : 1 !important;
        -ms-flex-negative : 1 !important;
        flex-shrink : 1 !important;
    }
    .justify-content-lg-start {
        -webkit-box-pack : start !important;
        -webkit-justify-content : flex-start !important;
        -ms-flex-pack : start !important;
        justify-content : flex-start !important;
    }
    .justify-content-lg-end {
        -webkit-box-pack : end !important;
        -webkit-justify-content : flex-end !important;
        -ms-flex-pack : end !important;
        justify-content : flex-end !important;
    }
    .justify-content-lg-center {
        -webkit-box-pack : center !important;
        -webkit-justify-content : center !important;
        -ms-flex-pack : center !important;
        justify-content : center !important;
    }
    .justify-content-lg-between {
        -webkit-box-pack : justify !important;
        -webkit-justify-content : space-between !important;
        -ms-flex-pack : justify !important;
        justify-content : space-between !important;
    }
    .justify-content-lg-around {
        -webkit-justify-content : space-around !important;
        -ms-flex-pack : distribute !important;
        justify-content : space-around !important;
    }
    .align-items-lg-start {
        -webkit-box-align : start !important;
        -webkit-align-items : flex-start !important;
        -ms-flex-align : start !important;
        align-items : flex-start !important;
    }
    .align-items-lg-end {
        -webkit-box-align : end !important;
        -webkit-align-items : flex-end !important;
        -ms-flex-align : end !important;
        align-items : flex-end !important;
    }
    .align-items-lg-center {
        -webkit-box-align : center !important;
        -webkit-align-items : center !important;
        -ms-flex-align : center !important;
        align-items : center !important;
    }
    .align-items-lg-baseline {
        -webkit-box-align : baseline !important;
        -webkit-align-items : baseline !important;
        -ms-flex-align : baseline !important;
        align-items : baseline !important;
    }
    .align-items-lg-stretch {
        -webkit-box-align : stretch !important;
        -webkit-align-items : stretch !important;
        -ms-flex-align : stretch !important;
        align-items : stretch !important;
    }
    .align-content-lg-start {
        -webkit-align-content : flex-start !important;
        -ms-flex-line-pack : start !important;
        align-content : flex-start !important;
    }
    .align-content-lg-end {
        -webkit-align-content : flex-end !important;
        -ms-flex-line-pack : end !important;
        align-content : flex-end !important;
    }
    .align-content-lg-center {
        -webkit-align-content : center !important;
        -ms-flex-line-pack : center !important;
        align-content : center !important;
    }
    .align-content-lg-between {
        -webkit-align-content : space-between !important;
        -ms-flex-line-pack : justify !important;
        align-content : space-between !important;
    }
    .align-content-lg-around {
        -webkit-align-content : space-around !important;
        -ms-flex-line-pack : distribute !important;
        align-content : space-around !important;
    }
    .align-content-lg-stretch {
        -webkit-align-content : stretch !important;
        -ms-flex-line-pack : stretch !important;
        align-content : stretch !important;
    }
    .align-self-lg-auto {
        -webkit-align-self : auto !important;
        -ms-flex-item-align : auto !important;
        align-self : auto !important;
    }
    .align-self-lg-start {
        -webkit-align-self : flex-start !important;
        -ms-flex-item-align : start !important;
        align-self : flex-start !important;
    }
    .align-self-lg-end {
        -webkit-align-self : flex-end !important;
        -ms-flex-item-align : end !important;
        align-self : flex-end !important;
    }
    .align-self-lg-center {
        -webkit-align-self : center !important;
        -ms-flex-item-align : center !important;
        align-self : center !important;
    }
    .align-self-lg-baseline {
        -webkit-align-self : baseline !important;
        -ms-flex-item-align : baseline !important;
        align-self : baseline !important;
    }
    .align-self-lg-stretch {
        -webkit-align-self : stretch !important;
        -ms-flex-item-align : stretch !important;
        align-self : stretch !important;
    }
}

@media (min-width: 1200px) {
    .flex-xl-row {
        -webkit-box-orient : horizontal !important;
        -webkit-box-direction : normal !important;
        -webkit-flex-direction : row !important;
        -ms-flex-direction : row !important;
        flex-direction : row !important;
    }
    .flex-xl-column {
        -webkit-box-orient : vertical !important;
        -webkit-box-direction : normal !important;
        -webkit-flex-direction : column !important;
        -ms-flex-direction : column !important;
        flex-direction : column !important;
    }
    .flex-xl-row-reverse {
        -webkit-box-orient : horizontal !important;
        -webkit-box-direction : reverse !important;
        -webkit-flex-direction : row-reverse !important;
        -ms-flex-direction : row-reverse !important;
        flex-direction : row-reverse !important;
    }
    .flex-xl-column-reverse {
        -webkit-box-orient : vertical !important;
        -webkit-box-direction : reverse !important;
        -webkit-flex-direction : column-reverse !important;
        -ms-flex-direction : column-reverse !important;
        flex-direction : column-reverse !important;
    }
    .flex-xl-wrap {
        -webkit-flex-wrap : wrap !important;
        -ms-flex-wrap : wrap !important;
        flex-wrap : wrap !important;
    }
    .flex-xl-nowrap {
        -webkit-flex-wrap : nowrap !important;
        -ms-flex-wrap : nowrap !important;
        flex-wrap : nowrap !important;
    }
    .flex-xl-wrap-reverse {
        -webkit-flex-wrap : wrap-reverse !important;
        -ms-flex-wrap : wrap-reverse !important;
        flex-wrap : wrap-reverse !important;
    }
    .flex-xl-fill {
        -webkit-box-flex : 1 !important;
        -webkit-flex : 1 1 auto !important;
        -ms-flex : 1 1 auto !important;
        flex : 1 1 auto !important;
    }
    .flex-xl-grow-0 {
        -webkit-box-flex : 0 !important;
        -webkit-flex-grow : 0 !important;
        -ms-flex-positive : 0 !important;
        flex-grow : 0 !important;
    }
    .flex-xl-grow-1 {
        -webkit-box-flex : 1 !important;
        -webkit-flex-grow : 1 !important;
        -ms-flex-positive : 1 !important;
        flex-grow : 1 !important;
    }
    .flex-xl-shrink-0 {
        -webkit-flex-shrink : 0 !important;
        -ms-flex-negative : 0 !important;
        flex-shrink : 0 !important;
    }
    .flex-xl-shrink-1 {
        -webkit-flex-shrink : 1 !important;
        -ms-flex-negative : 1 !important;
        flex-shrink : 1 !important;
    }
    .justify-content-xl-start {
        -webkit-box-pack : start !important;
        -webkit-justify-content : flex-start !important;
        -ms-flex-pack : start !important;
        justify-content : flex-start !important;
    }
    .justify-content-xl-end {
        -webkit-box-pack : end !important;
        -webkit-justify-content : flex-end !important;
        -ms-flex-pack : end !important;
        justify-content : flex-end !important;
    }
    .justify-content-xl-center {
        -webkit-box-pack : center !important;
        -webkit-justify-content : center !important;
        -ms-flex-pack : center !important;
        justify-content : center !important;
    }
    .justify-content-xl-between {
        -webkit-box-pack : justify !important;
        -webkit-justify-content : space-between !important;
        -ms-flex-pack : justify !important;
        justify-content : space-between !important;
    }
    .justify-content-xl-around {
        -webkit-justify-content : space-around !important;
        -ms-flex-pack : distribute !important;
        justify-content : space-around !important;
    }
    .align-items-xl-start {
        -webkit-box-align : start !important;
        -webkit-align-items : flex-start !important;
        -ms-flex-align : start !important;
        align-items : flex-start !important;
    }
    .align-items-xl-end {
        -webkit-box-align : end !important;
        -webkit-align-items : flex-end !important;
        -ms-flex-align : end !important;
        align-items : flex-end !important;
    }
    .align-items-xl-center {
        -webkit-box-align : center !important;
        -webkit-align-items : center !important;
        -ms-flex-align : center !important;
        align-items : center !important;
    }
    .align-items-xl-baseline {
        -webkit-box-align : baseline !important;
        -webkit-align-items : baseline !important;
        -ms-flex-align : baseline !important;
        align-items : baseline !important;
    }
    .align-items-xl-stretch {
        -webkit-box-align : stretch !important;
        -webkit-align-items : stretch !important;
        -ms-flex-align : stretch !important;
        align-items : stretch !important;
    }
    .align-content-xl-start {
        -webkit-align-content : flex-start !important;
        -ms-flex-line-pack : start !important;
        align-content : flex-start !important;
    }
    .align-content-xl-end {
        -webkit-align-content : flex-end !important;
        -ms-flex-line-pack : end !important;
        align-content : flex-end !important;
    }
    .align-content-xl-center {
        -webkit-align-content : center !important;
        -ms-flex-line-pack : center !important;
        align-content : center !important;
    }
    .align-content-xl-between {
        -webkit-align-content : space-between !important;
        -ms-flex-line-pack : justify !important;
        align-content : space-between !important;
    }
    .align-content-xl-around {
        -webkit-align-content : space-around !important;
        -ms-flex-line-pack : distribute !important;
        align-content : space-around !important;
    }
    .align-content-xl-stretch {
        -webkit-align-content : stretch !important;
        -ms-flex-line-pack : stretch !important;
        align-content : stretch !important;
    }
    .align-self-xl-auto {
        -webkit-align-self : auto !important;
        -ms-flex-item-align : auto !important;
        align-self : auto !important;
    }
    .align-self-xl-start {
        -webkit-align-self : flex-start !important;
        -ms-flex-item-align : start !important;
        align-self : flex-start !important;
    }
    .align-self-xl-end {
        -webkit-align-self : flex-end !important;
        -ms-flex-item-align : end !important;
        align-self : flex-end !important;
    }
    .align-self-xl-center {
        -webkit-align-self : center !important;
        -ms-flex-item-align : center !important;
        align-self : center !important;
    }
    .align-self-xl-baseline {
        -webkit-align-self : baseline !important;
        -ms-flex-item-align : baseline !important;
        align-self : baseline !important;
    }
    .align-self-xl-stretch {
        -webkit-align-self : stretch !important;
        -ms-flex-item-align : stretch !important;
        align-self : stretch !important;
    }
}

.float-left {
    float : right !important;
}

.float-right {
    float : left !important;
}

.float-none {
    float : none !important;
}

@media (min-width: 576px) {
    .float-sm-left {
        float : right !important;
    }
    .float-sm-right {
        float : left !important;
    }
    .float-sm-none {
        float : none !important;
    }
}

@media (min-width: 768px) {
    .float-md-left {
        float : right !important;
    }
    .float-md-right {
        float : left !important;
    }
    .float-md-none {
        float : none !important;
    }
}

@media (min-width: 992px) {
    .float-lg-left {
        float : right !important;
    }
    .float-lg-right {
        float : left !important;
    }
    .float-lg-none {
        float : none !important;
    }
}

@media (min-width: 1200px) {
    .float-xl-left {
        float : right !important;
    }
    .float-xl-right {
        float : left !important;
    }
    .float-xl-none {
        float : none !important;
    }
}

.overflow-auto {
    overflow : auto !important;
}

.overflow-hidden {
    overflow : hidden !important;
}

.position-static {
    position : static !important;
}

.position-relative {
    position : relative !important;
}

.position-absolute {
    position : absolute !important;
}

.position-fixed {
    position : fixed !important;
}

.position-sticky {
    position : -webkit-sticky !important;
    position :         sticky !important;
}

.fixed-top {
    position : fixed;
    top : 0;
    left : 0;
    right : 0;
    z-index : 1030;
}

.fixed-footer .footer {
    position : fixed;
    left : 0;
    bottom : 0;
    right : 0;
    z-index : 1030;
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
    .sticky-top {
        position : -webkit-sticky;
        position :         sticky;
        top : 0;
        z-index : 1020;
    }
}

.sr-only {
    position : absolute;
    width : 1px;
    height : 1px;
    padding : 0;
    overflow : hidden;
    clip : rect(0, 0, 0, 0);
    white-space : nowrap;
    border : 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position : static;
    width : auto;
    height : auto;
    overflow : visible;
    clip : auto;
    white-space : normal;
}

.shadow-sm {
    box-shadow : 0 0.125rem 0.25rem rgba(34, 41, 47, 0.075) !important;
}

.shadow {
    box-shadow : 0 0.5rem 1rem rgba(34, 41, 47, 0.15) !important;
}

.shadow-lg {
    box-shadow : 0 1rem 3rem rgba(34, 41, 47, 0.175) !important;
}

.shadow-none {
    box-shadow : none !important;
}

.w-25 {
    width : 25% !important;
}

.w-50 {
    width : 50% !important;
}

.w-75 {
    width : 75% !important;
}

.w-100 {
    width : 100% !important;
}

.w-auto {
    width : auto !important;
}

.h-25 {
    height : 25% !important;
}

.h-50 {
    height : 50% !important;
}

.h-75 {
    height : 75% !important;
}

.h-100 {
    height : 100% !important;
}

.h-auto {
    height : auto !important;
}

.mw-100 {
    max-width : 100% !important;
}

.mh-100 {
    max-height : 100% !important;
}

.min-vw-100 {
    min-width : 100vw !important;
}

.min-vh-100 {
    min-height : 100vh !important;
}

.vw-100 {
    width : 100vw !important;
}

.vh-100 {
    height : 100vh !important;
}

.stretched-link::after {
    position : absolute;
    top : 0;
    left : 0;
    bottom : 0;
    right : 0;
    z-index : 1;
    pointer-events : auto;
    content : '';
    background-color : rgba(0, 0, 0, 0);
}

.m-0 {
    margin : 0 !important;
}

.mt-0, .my-0 {
    margin-top : 0 !important;
}

.mr-0, .mx-0 {
    margin-left : 0 !important;
}

.mb-0, .my-0 {
    margin-bottom : 0 !important;
}

.ml-0, .mx-0 {
    margin-right : 0 !important;
}

.m-1 {
    margin : 1rem !important;
}

.mt-1, .my-1 {
    margin-top : 1rem !important;
}

.mr-1, .mx-1 {
    margin-left : 1rem !important;
}

.mb-1, .my-1 {
    margin-bottom : 1rem !important;
}

.ml-1, .mx-1 {
    margin-right : 1rem !important;
}

.m-2 {
    margin : 1.5rem !important;
}

.mt-2, .my-2 {
    margin-top : 1.5rem !important;
}

.mr-2, .mx-2 {
    margin-left : 1.5rem !important;
}

.mb-2, .my-2 {
    margin-bottom : 1.5rem !important;
}

.ml-2, .mx-2 {
    margin-right : 1.5rem !important;
}

.m-3 {
    margin : 3rem !important;
}

.mt-3, .my-3 {
    margin-top : 3rem !important;
}

.mr-3, .mx-3 {
    margin-left : 3rem !important;
}

.mb-3, .my-3 {
    margin-bottom : 3rem !important;
}

.ml-3, .mx-3 {
    margin-right : 3rem !important;
}

.m-4 {
    margin : 3.5rem !important;
}

.mt-4, .my-4 {
    margin-top : 3.5rem !important;
}

.mr-4, .mx-4 {
    margin-left : 3.5rem !important;
}

.mb-4, .my-4 {
    margin-bottom : 3.5rem !important;
}

.ml-4, .mx-4 {
    margin-right : 3.5rem !important;
}

.m-5 {
    margin : 4rem !important;
}

.mt-5, .my-5 {
    margin-top : 4rem !important;
}

.mr-5, .mx-5 {
    margin-left : 4rem !important;
}

.mb-5, .my-5 {
    margin-bottom : 4rem !important;
}

.ml-5, .mx-5 {
    margin-right : 4rem !important;
}

.m-25 {
    margin : 0.25rem !important;
}

.mt-25, .my-25 {
    margin-top : 0.25rem !important;
}

.mr-25, .mx-25 {
    margin-left : 0.25rem !important;
}

.mb-25, .my-25 {
    margin-bottom : 0.25rem !important;
}

.ml-25, .mx-25 {
    margin-right : 0.25rem !important;
}

.m-50 {
    margin : 0.5rem !important;
}

.mt-50, .my-50 {
    margin-top : 0.5rem !important;
}

.mr-50, .mx-50 {
    margin-left : 0.5rem !important;
}

.mb-50, .my-50 {
    margin-bottom : 0.5rem !important;
}

.ml-50, .mx-50 {
    margin-right : 0.5rem !important;
}

.m-75 {
    margin : 0.75rem !important;
}

.mt-75, .my-75 {
    margin-top : 0.75rem !important;
}

.mr-75, .mx-75 {
    margin-left : 0.75rem !important;
}

.mb-75, .my-75 {
    margin-bottom : 0.75rem !important;
}

.ml-75, .mx-75 {
    margin-right : 0.75rem !important;
}

.p-0 {
    padding : 0 !important;
}

.pt-0, .py-0 {
    padding-top : 0 !important;
}

.pr-0, .px-0 {
    padding-left : 0 !important;
}

.pb-0, .py-0 {
    padding-bottom : 0 !important;
}

.pl-0, .px-0 {
    padding-right : 0 !important;
}

.p-1 {
    padding : 1rem !important;
}

.pt-1, .py-1 {
    padding-top : 1rem !important;
}

.pr-1, .px-1 {
    padding-left : 1rem !important;
}

.pb-1, .py-1 {
    padding-bottom : 1rem !important;
}

.pl-1, .px-1 {
    padding-right : 1rem !important;
}

.p-2 {
    padding : 1.5rem !important;
}

.pt-2, .py-2 {
    padding-top : 1.5rem !important;
}

.pr-2, .px-2 {
    padding-left : 1.5rem !important;
}

.pb-2, .py-2 {
    padding-bottom : 1.5rem !important;
}

.pl-2, .px-2 {
    padding-right : 1.5rem !important;
}

.p-3 {
    padding : 3rem !important;
}

.pt-3, .py-3 {
    padding-top : 3rem !important;
}

.pr-3, .px-3 {
    padding-left : 3rem !important;
}

.pb-3, .py-3 {
    padding-bottom : 3rem !important;
}

.pl-3, .px-3 {
    padding-right : 3rem !important;
}

.p-4 {
    padding : 3.5rem !important;
}

.pt-4, .py-4 {
    padding-top : 3.5rem !important;
}

.pr-4, .px-4 {
    padding-left : 3.5rem !important;
}

.pb-4, .py-4 {
    padding-bottom : 3.5rem !important;
}

.pl-4, .px-4 {
    padding-right : 3.5rem !important;
}

.p-5 {
    padding : 4rem !important;
}

.pt-5, .py-5 {
    padding-top : 4rem !important;
}

.pr-5, .px-5 {
    padding-left : 4rem !important;
}

.pb-5, .py-5 {
    padding-bottom : 4rem !important;
}

.pl-5, .px-5 {
    padding-right : 4rem !important;
}

.p-25 {
    padding : 0.25rem !important;
}

.pt-25, .py-25 {
    padding-top : 0.25rem !important;
}

.pr-25, .px-25 {
    padding-left : 0.25rem !important;
}

.pb-25, .py-25 {
    padding-bottom : 0.25rem !important;
}

.pl-25, .px-25 {
    padding-right : 0.25rem !important;
}

.p-50 {
    padding : 0.5rem !important;
}

.pt-50, .py-50 {
    padding-top : 0.5rem !important;
}

.pr-50, .px-50 {
    padding-left : 0.5rem !important;
}

.pb-50, .py-50 {
    padding-bottom : 0.5rem !important;
}

.pl-50, .px-50 {
    padding-right : 0.5rem !important;
}

.p-75 {
    padding : 0.75rem !important;
}

.pt-75, .py-75 {
    padding-top : 0.75rem !important;
}

.pr-75, .px-75 {
    padding-left : 0.75rem !important;
}

.pb-75, .py-75 {
    padding-bottom : 0.75rem !important;
}

.pl-75, .px-75 {
    padding-right : 0.75rem !important;
}

.m-n1 {
    margin : -1rem !important;
}

.mt-n1, .my-n1 {
    margin-top : -1rem !important;
}

.mr-n1, .mx-n1 {
    margin-left : -1rem !important;
}

.mb-n1, .my-n1 {
    margin-bottom : -1rem !important;
}

.ml-n1, .mx-n1 {
    margin-right : -1rem !important;
}

.m-n2 {
    margin : -1.5rem !important;
}

.mt-n2, .my-n2 {
    margin-top : -1.5rem !important;
}

.mr-n2, .mx-n2 {
    margin-left : -1.5rem !important;
}

.mb-n2, .my-n2 {
    margin-bottom : -1.5rem !important;
}

.ml-n2, .mx-n2 {
    margin-right : -1.5rem !important;
}

.m-n3 {
    margin : -3rem !important;
}

.mt-n3, .my-n3 {
    margin-top : -3rem !important;
}

.mr-n3, .mx-n3 {
    margin-left : -3rem !important;
}

.mb-n3, .my-n3 {
    margin-bottom : -3rem !important;
}

.ml-n3, .mx-n3 {
    margin-right : -3rem !important;
}

.m-n4 {
    margin : -3.5rem !important;
}

.mt-n4, .my-n4 {
    margin-top : -3.5rem !important;
}

.mr-n4, .mx-n4 {
    margin-left : -3.5rem !important;
}

.mb-n4, .my-n4 {
    margin-bottom : -3.5rem !important;
}

.ml-n4, .mx-n4 {
    margin-right : -3.5rem !important;
}

.m-n5 {
    margin : -4rem !important;
}

.mt-n5, .my-n5 {
    margin-top : -4rem !important;
}

.mr-n5, .mx-n5 {
    margin-left : -4rem !important;
}

.mb-n5, .my-n5 {
    margin-bottom : -4rem !important;
}

.ml-n5, .mx-n5 {
    margin-right : -4rem !important;
}

.m-n25 {
    margin : -0.25rem !important;
}

.mt-n25, .my-n25 {
    margin-top : -0.25rem !important;
}

.mr-n25, .mx-n25 {
    margin-left : -0.25rem !important;
}

.mb-n25, .my-n25 {
    margin-bottom : -0.25rem !important;
}

.ml-n25, .mx-n25 {
    margin-right : -0.25rem !important;
}

.m-n50 {
    margin : -0.5rem !important;
}

.mt-n50, .my-n50 {
    margin-top : -0.5rem !important;
}

.mr-n50, .mx-n50 {
    margin-left : -0.5rem !important;
}

.mb-n50, .my-n50 {
    margin-bottom : -0.5rem !important;
}

.ml-n50, .mx-n50 {
    margin-right : -0.5rem !important;
}

.m-n75 {
    margin : -0.75rem !important;
}

.mt-n75, .my-n75 {
    margin-top : -0.75rem !important;
}

.mr-n75, .mx-n75 {
    margin-left : -0.75rem !important;
}

.mb-n75, .my-n75 {
    margin-bottom : -0.75rem !important;
}

.ml-n75, .mx-n75 {
    margin-right : -0.75rem !important;
}

.m-auto {
    margin : auto !important;
}

.mt-auto, .my-auto {
    margin-top : auto !important;
}

.mr-auto, .mx-auto {
    margin-left : auto !important;
}

.mb-auto, .my-auto {
    margin-bottom : auto !important;
}

.ml-auto, .mx-auto {
    margin-right : auto !important;
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin : 0 !important;
    }
    .mt-sm-0, .my-sm-0 {
        margin-top : 0 !important;
    }
    .mr-sm-0, .mx-sm-0 {
        margin-left : 0 !important;
    }
    .mb-sm-0, .my-sm-0 {
        margin-bottom : 0 !important;
    }
    .ml-sm-0, .mx-sm-0 {
        margin-right : 0 !important;
    }
    .m-sm-1 {
        margin : 1rem !important;
    }
    .mt-sm-1, .my-sm-1 {
        margin-top : 1rem !important;
    }
    .mr-sm-1, .mx-sm-1 {
        margin-left : 1rem !important;
    }
    .mb-sm-1, .my-sm-1 {
        margin-bottom : 1rem !important;
    }
    .ml-sm-1, .mx-sm-1 {
        margin-right : 1rem !important;
    }
    .m-sm-2 {
        margin : 1.5rem !important;
    }
    .mt-sm-2, .my-sm-2 {
        margin-top : 1.5rem !important;
    }
    .mr-sm-2, .mx-sm-2 {
        margin-left : 1.5rem !important;
    }
    .mb-sm-2, .my-sm-2 {
        margin-bottom : 1.5rem !important;
    }
    .ml-sm-2, .mx-sm-2 {
        margin-right : 1.5rem !important;
    }
    .m-sm-3 {
        margin : 3rem !important;
    }
    .mt-sm-3, .my-sm-3 {
        margin-top : 3rem !important;
    }
    .mr-sm-3, .mx-sm-3 {
        margin-left : 3rem !important;
    }
    .mb-sm-3, .my-sm-3 {
        margin-bottom : 3rem !important;
    }
    .ml-sm-3, .mx-sm-3 {
        margin-right : 3rem !important;
    }
    .m-sm-4 {
        margin : 3.5rem !important;
    }
    .mt-sm-4, .my-sm-4 {
        margin-top : 3.5rem !important;
    }
    .mr-sm-4, .mx-sm-4 {
        margin-left : 3.5rem !important;
    }
    .mb-sm-4, .my-sm-4 {
        margin-bottom : 3.5rem !important;
    }
    .ml-sm-4, .mx-sm-4 {
        margin-right : 3.5rem !important;
    }
    .m-sm-5 {
        margin : 4rem !important;
    }
    .mt-sm-5, .my-sm-5 {
        margin-top : 4rem !important;
    }
    .mr-sm-5, .mx-sm-5 {
        margin-left : 4rem !important;
    }
    .mb-sm-5, .my-sm-5 {
        margin-bottom : 4rem !important;
    }
    .ml-sm-5, .mx-sm-5 {
        margin-right : 4rem !important;
    }
    .m-sm-25 {
        margin : 0.25rem !important;
    }
    .mt-sm-25, .my-sm-25 {
        margin-top : 0.25rem !important;
    }
    .mr-sm-25, .mx-sm-25 {
        margin-left : 0.25rem !important;
    }
    .mb-sm-25, .my-sm-25 {
        margin-bottom : 0.25rem !important;
    }
    .ml-sm-25, .mx-sm-25 {
        margin-right : 0.25rem !important;
    }
    .m-sm-50 {
        margin : 0.5rem !important;
    }
    .mt-sm-50, .my-sm-50 {
        margin-top : 0.5rem !important;
    }
    .mr-sm-50, .mx-sm-50 {
        margin-left : 0.5rem !important;
    }
    .mb-sm-50, .my-sm-50 {
        margin-bottom : 0.5rem !important;
    }
    .ml-sm-50, .mx-sm-50 {
        margin-right : 0.5rem !important;
    }
    .m-sm-75 {
        margin : 0.75rem !important;
    }
    .mt-sm-75, .my-sm-75 {
        margin-top : 0.75rem !important;
    }
    .mr-sm-75, .mx-sm-75 {
        margin-left : 0.75rem !important;
    }
    .mb-sm-75, .my-sm-75 {
        margin-bottom : 0.75rem !important;
    }
    .ml-sm-75, .mx-sm-75 {
        margin-right : 0.75rem !important;
    }
    .p-sm-0 {
        padding : 0 !important;
    }
    .pt-sm-0, .py-sm-0 {
        padding-top : 0 !important;
    }
    .pr-sm-0, .px-sm-0 {
        padding-left : 0 !important;
    }
    .pb-sm-0, .py-sm-0 {
        padding-bottom : 0 !important;
    }
    .pl-sm-0, .px-sm-0 {
        padding-right : 0 !important;
    }
    .p-sm-1 {
        padding : 1rem !important;
    }
    .pt-sm-1, .py-sm-1 {
        padding-top : 1rem !important;
    }
    .pr-sm-1, .px-sm-1 {
        padding-left : 1rem !important;
    }
    .pb-sm-1, .py-sm-1 {
        padding-bottom : 1rem !important;
    }
    .pl-sm-1, .px-sm-1 {
        padding-right : 1rem !important;
    }
    .p-sm-2 {
        padding : 1.5rem !important;
    }
    .pt-sm-2, .py-sm-2 {
        padding-top : 1.5rem !important;
    }
    .pr-sm-2, .px-sm-2 {
        padding-left : 1.5rem !important;
    }
    .pb-sm-2, .py-sm-2 {
        padding-bottom : 1.5rem !important;
    }
    .pl-sm-2, .px-sm-2 {
        padding-right : 1.5rem !important;
    }
    .p-sm-3 {
        padding : 3rem !important;
    }
    .pt-sm-3, .py-sm-3 {
        padding-top : 3rem !important;
    }
    .pr-sm-3, .px-sm-3 {
        padding-left : 3rem !important;
    }
    .pb-sm-3, .py-sm-3 {
        padding-bottom : 3rem !important;
    }
    .pl-sm-3, .px-sm-3 {
        padding-right : 3rem !important;
    }
    .p-sm-4 {
        padding : 3.5rem !important;
    }
    .pt-sm-4, .py-sm-4 {
        padding-top : 3.5rem !important;
    }
    .pr-sm-4, .px-sm-4 {
        padding-left : 3.5rem !important;
    }
    .pb-sm-4, .py-sm-4 {
        padding-bottom : 3.5rem !important;
    }
    .pl-sm-4, .px-sm-4 {
        padding-right : 3.5rem !important;
    }
    .p-sm-5 {
        padding : 4rem !important;
    }
    .pt-sm-5, .py-sm-5 {
        padding-top : 4rem !important;
    }
    .pr-sm-5, .px-sm-5 {
        padding-left : 4rem !important;
    }
    .pb-sm-5, .py-sm-5 {
        padding-bottom : 4rem !important;
    }
    .pl-sm-5, .px-sm-5 {
        padding-right : 4rem !important;
    }
    .p-sm-25 {
        padding : 0.25rem !important;
    }
    .pt-sm-25, .py-sm-25 {
        padding-top : 0.25rem !important;
    }
    .pr-sm-25, .px-sm-25 {
        padding-left : 0.25rem !important;
    }
    .pb-sm-25, .py-sm-25 {
        padding-bottom : 0.25rem !important;
    }
    .pl-sm-25, .px-sm-25 {
        padding-right : 0.25rem !important;
    }
    .p-sm-50 {
        padding : 0.5rem !important;
    }
    .pt-sm-50, .py-sm-50 {
        padding-top : 0.5rem !important;
    }
    .pr-sm-50, .px-sm-50 {
        padding-left : 0.5rem !important;
    }
    .pb-sm-50, .py-sm-50 {
        padding-bottom : 0.5rem !important;
    }
    .pl-sm-50, .px-sm-50 {
        padding-right : 0.5rem !important;
    }
    .p-sm-75 {
        padding : 0.75rem !important;
    }
    .pt-sm-75, .py-sm-75 {
        padding-top : 0.75rem !important;
    }
    .pr-sm-75, .px-sm-75 {
        padding-left : 0.75rem !important;
    }
    .pb-sm-75, .py-sm-75 {
        padding-bottom : 0.75rem !important;
    }
    .pl-sm-75, .px-sm-75 {
        padding-right : 0.75rem !important;
    }
    .m-sm-n1 {
        margin : -1rem !important;
    }
    .mt-sm-n1, .my-sm-n1 {
        margin-top : -1rem !important;
    }
    .mr-sm-n1, .mx-sm-n1 {
        margin-left : -1rem !important;
    }
    .mb-sm-n1, .my-sm-n1 {
        margin-bottom : -1rem !important;
    }
    .ml-sm-n1, .mx-sm-n1 {
        margin-right : -1rem !important;
    }
    .m-sm-n2 {
        margin : -1.5rem !important;
    }
    .mt-sm-n2, .my-sm-n2 {
        margin-top : -1.5rem !important;
    }
    .mr-sm-n2, .mx-sm-n2 {
        margin-left : -1.5rem !important;
    }
    .mb-sm-n2, .my-sm-n2 {
        margin-bottom : -1.5rem !important;
    }
    .ml-sm-n2, .mx-sm-n2 {
        margin-right : -1.5rem !important;
    }
    .m-sm-n3 {
        margin : -3rem !important;
    }
    .mt-sm-n3, .my-sm-n3 {
        margin-top : -3rem !important;
    }
    .mr-sm-n3, .mx-sm-n3 {
        margin-left : -3rem !important;
    }
    .mb-sm-n3, .my-sm-n3 {
        margin-bottom : -3rem !important;
    }
    .ml-sm-n3, .mx-sm-n3 {
        margin-right : -3rem !important;
    }
    .m-sm-n4 {
        margin : -3.5rem !important;
    }
    .mt-sm-n4, .my-sm-n4 {
        margin-top : -3.5rem !important;
    }
    .mr-sm-n4, .mx-sm-n4 {
        margin-left : -3.5rem !important;
    }
    .mb-sm-n4, .my-sm-n4 {
        margin-bottom : -3.5rem !important;
    }
    .ml-sm-n4, .mx-sm-n4 {
        margin-right : -3.5rem !important;
    }
    .m-sm-n5 {
        margin : -4rem !important;
    }
    .mt-sm-n5, .my-sm-n5 {
        margin-top : -4rem !important;
    }
    .mr-sm-n5, .mx-sm-n5 {
        margin-left : -4rem !important;
    }
    .mb-sm-n5, .my-sm-n5 {
        margin-bottom : -4rem !important;
    }
    .ml-sm-n5, .mx-sm-n5 {
        margin-right : -4rem !important;
    }
    .m-sm-n25 {
        margin : -0.25rem !important;
    }
    .mt-sm-n25, .my-sm-n25 {
        margin-top : -0.25rem !important;
    }
    .mr-sm-n25, .mx-sm-n25 {
        margin-left : -0.25rem !important;
    }
    .mb-sm-n25, .my-sm-n25 {
        margin-bottom : -0.25rem !important;
    }
    .ml-sm-n25, .mx-sm-n25 {
        margin-right : -0.25rem !important;
    }
    .m-sm-n50 {
        margin : -0.5rem !important;
    }
    .mt-sm-n50, .my-sm-n50 {
        margin-top : -0.5rem !important;
    }
    .mr-sm-n50, .mx-sm-n50 {
        margin-left : -0.5rem !important;
    }
    .mb-sm-n50, .my-sm-n50 {
        margin-bottom : -0.5rem !important;
    }
    .ml-sm-n50, .mx-sm-n50 {
        margin-right : -0.5rem !important;
    }
    .m-sm-n75 {
        margin : -0.75rem !important;
    }
    .mt-sm-n75, .my-sm-n75 {
        margin-top : -0.75rem !important;
    }
    .mr-sm-n75, .mx-sm-n75 {
        margin-left : -0.75rem !important;
    }
    .mb-sm-n75, .my-sm-n75 {
        margin-bottom : -0.75rem !important;
    }
    .ml-sm-n75, .mx-sm-n75 {
        margin-right : -0.75rem !important;
    }
    .m-sm-auto {
        margin : auto !important;
    }
    .mt-sm-auto, .my-sm-auto {
        margin-top : auto !important;
    }
    .mr-sm-auto, .mx-sm-auto {
        margin-left : auto !important;
    }
    .mb-sm-auto, .my-sm-auto {
        margin-bottom : auto !important;
    }
    .ml-sm-auto, .mx-sm-auto {
        margin-right : auto !important;
    }
}

@media (min-width: 768px) {
    .m-md-0 {
        margin : 0 !important;
    }
    .mt-md-0, .my-md-0 {
        margin-top : 0 !important;
    }
    .mr-md-0, .mx-md-0 {
        margin-left : 0 !important;
    }
    .mb-md-0, .my-md-0 {
        margin-bottom : 0 !important;
    }
    .ml-md-0, .mx-md-0 {
        margin-right : 0 !important;
    }
    .m-md-1 {
        margin : 1rem !important;
    }
    .mt-md-1, .my-md-1 {
        margin-top : 1rem !important;
    }
    .mr-md-1, .mx-md-1 {
        margin-left : 1rem !important;
    }
    .mb-md-1, .my-md-1 {
        margin-bottom : 1rem !important;
    }
    .ml-md-1, .mx-md-1 {
        margin-right : 1rem !important;
    }
    .m-md-2 {
        margin : 1.5rem !important;
    }
    .mt-md-2, .my-md-2 {
        margin-top : 1.5rem !important;
    }
    .mr-md-2, .mx-md-2 {
        margin-left : 1.5rem !important;
    }
    .mb-md-2, .my-md-2 {
        margin-bottom : 1.5rem !important;
    }
    .ml-md-2, .mx-md-2 {
        margin-right : 1.5rem !important;
    }
    .m-md-3 {
        margin : 3rem !important;
    }
    .mt-md-3, .my-md-3 {
        margin-top : 3rem !important;
    }
    .mr-md-3, .mx-md-3 {
        margin-left : 3rem !important;
    }
    .mb-md-3, .my-md-3 {
        margin-bottom : 3rem !important;
    }
    .ml-md-3, .mx-md-3 {
        margin-right : 3rem !important;
    }
    .m-md-4 {
        margin : 3.5rem !important;
    }
    .mt-md-4, .my-md-4 {
        margin-top : 3.5rem !important;
    }
    .mr-md-4, .mx-md-4 {
        margin-left : 3.5rem !important;
    }
    .mb-md-4, .my-md-4 {
        margin-bottom : 3.5rem !important;
    }
    .ml-md-4, .mx-md-4 {
        margin-right : 3.5rem !important;
    }
    .m-md-5 {
        margin : 4rem !important;
    }
    .mt-md-5, .my-md-5 {
        margin-top : 4rem !important;
    }
    .mr-md-5, .mx-md-5 {
        margin-left : 4rem !important;
    }
    .mb-md-5, .my-md-5 {
        margin-bottom : 4rem !important;
    }
    .ml-md-5, .mx-md-5 {
        margin-right : 4rem !important;
    }
    .m-md-25 {
        margin : 0.25rem !important;
    }
    .mt-md-25, .my-md-25 {
        margin-top : 0.25rem !important;
    }
    .mr-md-25, .mx-md-25 {
        margin-left : 0.25rem !important;
    }
    .mb-md-25, .my-md-25 {
        margin-bottom : 0.25rem !important;
    }
    .ml-md-25, .mx-md-25 {
        margin-right : 0.25rem !important;
    }
    .m-md-50 {
        margin : 0.5rem !important;
    }
    .mt-md-50, .my-md-50 {
        margin-top : 0.5rem !important;
    }
    .mr-md-50, .mx-md-50 {
        margin-left : 0.5rem !important;
    }
    .mb-md-50, .my-md-50 {
        margin-bottom : 0.5rem !important;
    }
    .ml-md-50, .mx-md-50 {
        margin-right : 0.5rem !important;
    }
    .m-md-75 {
        margin : 0.75rem !important;
    }
    .mt-md-75, .my-md-75 {
        margin-top : 0.75rem !important;
    }
    .mr-md-75, .mx-md-75 {
        margin-left : 0.75rem !important;
    }
    .mb-md-75, .my-md-75 {
        margin-bottom : 0.75rem !important;
    }
    .ml-md-75, .mx-md-75 {
        margin-right : 0.75rem !important;
    }
    .p-md-0 {
        padding : 0 !important;
    }
    .pt-md-0, .py-md-0 {
        padding-top : 0 !important;
    }
    .pr-md-0, .px-md-0 {
        padding-left : 0 !important;
    }
    .pb-md-0, .py-md-0 {
        padding-bottom : 0 !important;
    }
    .pl-md-0, .px-md-0 {
        padding-right : 0 !important;
    }
    .p-md-1 {
        padding : 1rem !important;
    }
    .pt-md-1, .py-md-1 {
        padding-top : 1rem !important;
    }
    .pr-md-1, .px-md-1 {
        padding-left : 1rem !important;
    }
    .pb-md-1, .py-md-1 {
        padding-bottom : 1rem !important;
    }
    .pl-md-1, .px-md-1 {
        padding-right : 1rem !important;
    }
    .p-md-2 {
        padding : 1.5rem !important;
    }
    .pt-md-2, .py-md-2 {
        padding-top : 1.5rem !important;
    }
    .pr-md-2, .px-md-2 {
        padding-left : 1.5rem !important;
    }
    .pb-md-2, .py-md-2 {
        padding-bottom : 1.5rem !important;
    }
    .pl-md-2, .px-md-2 {
        padding-right : 1.5rem !important;
    }
    .p-md-3 {
        padding : 3rem !important;
    }
    .pt-md-3, .py-md-3 {
        padding-top : 3rem !important;
    }
    .pr-md-3, .px-md-3 {
        padding-left : 3rem !important;
    }
    .pb-md-3, .py-md-3 {
        padding-bottom : 3rem !important;
    }
    .pl-md-3, .px-md-3 {
        padding-right : 3rem !important;
    }
    .p-md-4 {
        padding : 3.5rem !important;
    }
    .pt-md-4, .py-md-4 {
        padding-top : 3.5rem !important;
    }
    .pr-md-4, .px-md-4 {
        padding-left : 3.5rem !important;
    }
    .pb-md-4, .py-md-4 {
        padding-bottom : 3.5rem !important;
    }
    .pl-md-4, .px-md-4 {
        padding-right : 3.5rem !important;
    }
    .p-md-5 {
        padding : 4rem !important;
    }
    .pt-md-5, .py-md-5 {
        padding-top : 4rem !important;
    }
    .pr-md-5, .px-md-5 {
        padding-left : 4rem !important;
    }
    .pb-md-5, .py-md-5 {
        padding-bottom : 4rem !important;
    }
    .pl-md-5, .px-md-5 {
        padding-right : 4rem !important;
    }
    .p-md-25 {
        padding : 0.25rem !important;
    }
    .pt-md-25, .py-md-25 {
        padding-top : 0.25rem !important;
    }
    .pr-md-25, .px-md-25 {
        padding-left : 0.25rem !important;
    }
    .pb-md-25, .py-md-25 {
        padding-bottom : 0.25rem !important;
    }
    .pl-md-25, .px-md-25 {
        padding-right : 0.25rem !important;
    }
    .p-md-50 {
        padding : 0.5rem !important;
    }
    .pt-md-50, .py-md-50 {
        padding-top : 0.5rem !important;
    }
    .pr-md-50, .px-md-50 {
        padding-left : 0.5rem !important;
    }
    .pb-md-50, .py-md-50 {
        padding-bottom : 0.5rem !important;
    }
    .pl-md-50, .px-md-50 {
        padding-right : 0.5rem !important;
    }
    .p-md-75 {
        padding : 0.75rem !important;
    }
    .pt-md-75, .py-md-75 {
        padding-top : 0.75rem !important;
    }
    .pr-md-75, .px-md-75 {
        padding-left : 0.75rem !important;
    }
    .pb-md-75, .py-md-75 {
        padding-bottom : 0.75rem !important;
    }
    .pl-md-75, .px-md-75 {
        padding-right : 0.75rem !important;
    }
    .m-md-n1 {
        margin : -1rem !important;
    }
    .mt-md-n1, .my-md-n1 {
        margin-top : -1rem !important;
    }
    .mr-md-n1, .mx-md-n1 {
        margin-left : -1rem !important;
    }
    .mb-md-n1, .my-md-n1 {
        margin-bottom : -1rem !important;
    }
    .ml-md-n1, .mx-md-n1 {
        margin-right : -1rem !important;
    }
    .m-md-n2 {
        margin : -1.5rem !important;
    }
    .mt-md-n2, .my-md-n2 {
        margin-top : -1.5rem !important;
    }
    .mr-md-n2, .mx-md-n2 {
        margin-left : -1.5rem !important;
    }
    .mb-md-n2, .my-md-n2 {
        margin-bottom : -1.5rem !important;
    }
    .ml-md-n2, .mx-md-n2 {
        margin-right : -1.5rem !important;
    }
    .m-md-n3 {
        margin : -3rem !important;
    }
    .mt-md-n3, .my-md-n3 {
        margin-top : -3rem !important;
    }
    .mr-md-n3, .mx-md-n3 {
        margin-left : -3rem !important;
    }
    .mb-md-n3, .my-md-n3 {
        margin-bottom : -3rem !important;
    }
    .ml-md-n3, .mx-md-n3 {
        margin-right : -3rem !important;
    }
    .m-md-n4 {
        margin : -3.5rem !important;
    }
    .mt-md-n4, .my-md-n4 {
        margin-top : -3.5rem !important;
    }
    .mr-md-n4, .mx-md-n4 {
        margin-left : -3.5rem !important;
    }
    .mb-md-n4, .my-md-n4 {
        margin-bottom : -3.5rem !important;
    }
    .ml-md-n4, .mx-md-n4 {
        margin-right : -3.5rem !important;
    }
    .m-md-n5 {
        margin : -4rem !important;
    }
    .mt-md-n5, .my-md-n5 {
        margin-top : -4rem !important;
    }
    .mr-md-n5, .mx-md-n5 {
        margin-left : -4rem !important;
    }
    .mb-md-n5, .my-md-n5 {
        margin-bottom : -4rem !important;
    }
    .ml-md-n5, .mx-md-n5 {
        margin-right : -4rem !important;
    }
    .m-md-n25 {
        margin : -0.25rem !important;
    }
    .mt-md-n25, .my-md-n25 {
        margin-top : -0.25rem !important;
    }
    .mr-md-n25, .mx-md-n25 {
        margin-left : -0.25rem !important;
    }
    .mb-md-n25, .my-md-n25 {
        margin-bottom : -0.25rem !important;
    }
    .ml-md-n25, .mx-md-n25 {
        margin-right : -0.25rem !important;
    }
    .m-md-n50 {
        margin : -0.5rem !important;
    }
    .mt-md-n50, .my-md-n50 {
        margin-top : -0.5rem !important;
    }
    .mr-md-n50, .mx-md-n50 {
        margin-left : -0.5rem !important;
    }
    .mb-md-n50, .my-md-n50 {
        margin-bottom : -0.5rem !important;
    }
    .ml-md-n50, .mx-md-n50 {
        margin-right : -0.5rem !important;
    }
    .m-md-n75 {
        margin : -0.75rem !important;
    }
    .mt-md-n75, .my-md-n75 {
        margin-top : -0.75rem !important;
    }
    .mr-md-n75, .mx-md-n75 {
        margin-left : -0.75rem !important;
    }
    .mb-md-n75, .my-md-n75 {
        margin-bottom : -0.75rem !important;
    }
    .ml-md-n75, .mx-md-n75 {
        margin-right : -0.75rem !important;
    }
    .m-md-auto {
        margin : auto !important;
    }
    .mt-md-auto, .my-md-auto {
        margin-top : auto !important;
    }
    .mr-md-auto, .mx-md-auto {
        margin-left : auto !important;
    }
    .mb-md-auto, .my-md-auto {
        margin-bottom : auto !important;
    }
    .ml-md-auto, .mx-md-auto {
        margin-right : auto !important;
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin : 0 !important;
    }
    .mt-lg-0, .my-lg-0 {
        margin-top : 0 !important;
    }
    .mr-lg-0, .mx-lg-0 {
        margin-left : 0 !important;
    }
    .mb-lg-0, .my-lg-0 {
        margin-bottom : 0 !important;
    }
    .ml-lg-0, .mx-lg-0 {
        margin-right : 0 !important;
    }
    .m-lg-1 {
        margin : 1rem !important;
    }
    .mt-lg-1, .my-lg-1 {
        margin-top : 1rem !important;
    }
    .mr-lg-1, .mx-lg-1 {
        margin-left : 1rem !important;
    }
    .mb-lg-1, .my-lg-1 {
        margin-bottom : 1rem !important;
    }
    .ml-lg-1, .mx-lg-1 {
        margin-right : 1rem !important;
    }
    .m-lg-2 {
        margin : 1.5rem !important;
    }
    .mt-lg-2, .my-lg-2 {
        margin-top : 1.5rem !important;
    }
    .mr-lg-2, .mx-lg-2 {
        margin-left : 1.5rem !important;
    }
    .mb-lg-2, .my-lg-2 {
        margin-bottom : 1.5rem !important;
    }
    .ml-lg-2, .mx-lg-2 {
        margin-right : 1.5rem !important;
    }
    .m-lg-3 {
        margin : 3rem !important;
    }
    .mt-lg-3, .my-lg-3 {
        margin-top : 3rem !important;
    }
    .mr-lg-3, .mx-lg-3 {
        margin-left : 3rem !important;
    }
    .mb-lg-3, .my-lg-3 {
        margin-bottom : 3rem !important;
    }
    .ml-lg-3, .mx-lg-3 {
        margin-right : 3rem !important;
    }
    .m-lg-4 {
        margin : 3.5rem !important;
    }
    .mt-lg-4, .my-lg-4 {
        margin-top : 3.5rem !important;
    }
    .mr-lg-4, .mx-lg-4 {
        margin-left : 3.5rem !important;
    }
    .mb-lg-4, .my-lg-4 {
        margin-bottom : 3.5rem !important;
    }
    .ml-lg-4, .mx-lg-4 {
        margin-right : 3.5rem !important;
    }
    .m-lg-5 {
        margin : 4rem !important;
    }
    .mt-lg-5, .my-lg-5 {
        margin-top : 4rem !important;
    }
    .mr-lg-5, .mx-lg-5 {
        margin-left : 4rem !important;
    }
    .mb-lg-5, .my-lg-5 {
        margin-bottom : 4rem !important;
    }
    .ml-lg-5, .mx-lg-5 {
        margin-right : 4rem !important;
    }
    .m-lg-25 {
        margin : 0.25rem !important;
    }
    .mt-lg-25, .my-lg-25 {
        margin-top : 0.25rem !important;
    }
    .mr-lg-25, .mx-lg-25 {
        margin-left : 0.25rem !important;
    }
    .mb-lg-25, .my-lg-25 {
        margin-bottom : 0.25rem !important;
    }
    .ml-lg-25, .mx-lg-25 {
        margin-right : 0.25rem !important;
    }
    .m-lg-50 {
        margin : 0.5rem !important;
    }
    .mt-lg-50, .my-lg-50 {
        margin-top : 0.5rem !important;
    }
    .mr-lg-50, .mx-lg-50 {
        margin-left : 0.5rem !important;
    }
    .mb-lg-50, .my-lg-50 {
        margin-bottom : 0.5rem !important;
    }
    .ml-lg-50, .mx-lg-50 {
        margin-right : 0.5rem !important;
    }
    .m-lg-75 {
        margin : 0.75rem !important;
    }
    .mt-lg-75, .my-lg-75 {
        margin-top : 0.75rem !important;
    }
    .mr-lg-75, .mx-lg-75 {
        margin-left : 0.75rem !important;
    }
    .mb-lg-75, .my-lg-75 {
        margin-bottom : 0.75rem !important;
    }
    .ml-lg-75, .mx-lg-75 {
        margin-right : 0.75rem !important;
    }
    .p-lg-0 {
        padding : 0 !important;
    }
    .pt-lg-0, .py-lg-0 {
        padding-top : 0 !important;
    }
    .pr-lg-0, .px-lg-0 {
        padding-left : 0 !important;
    }
    .pb-lg-0, .py-lg-0 {
        padding-bottom : 0 !important;
    }
    .pl-lg-0, .px-lg-0 {
        padding-right : 0 !important;
    }
    .p-lg-1 {
        padding : 1rem !important;
    }
    .pt-lg-1, .py-lg-1 {
        padding-top : 1rem !important;
    }
    .pr-lg-1, .px-lg-1 {
        padding-left : 1rem !important;
    }
    .pb-lg-1, .py-lg-1 {
        padding-bottom : 1rem !important;
    }
    .pl-lg-1, .px-lg-1 {
        padding-right : 1rem !important;
    }
    .p-lg-2 {
        padding : 1.5rem !important;
    }
    .pt-lg-2, .py-lg-2 {
        padding-top : 1.5rem !important;
    }
    .pr-lg-2, .px-lg-2 {
        padding-left : 1.5rem !important;
    }
    .pb-lg-2, .py-lg-2 {
        padding-bottom : 1.5rem !important;
    }
    .pl-lg-2, .px-lg-2 {
        padding-right : 1.5rem !important;
    }
    .p-lg-3 {
        padding : 3rem !important;
    }
    .pt-lg-3, .py-lg-3 {
        padding-top : 3rem !important;
    }
    .pr-lg-3, .px-lg-3 {
        padding-left : 3rem !important;
    }
    .pb-lg-3, .py-lg-3 {
        padding-bottom : 3rem !important;
    }
    .pl-lg-3, .px-lg-3 {
        padding-right : 3rem !important;
    }
    .p-lg-4 {
        padding : 3.5rem !important;
    }
    .pt-lg-4, .py-lg-4 {
        padding-top : 3.5rem !important;
    }
    .pr-lg-4, .px-lg-4 {
        padding-left : 3.5rem !important;
    }
    .pb-lg-4, .py-lg-4 {
        padding-bottom : 3.5rem !important;
    }
    .pl-lg-4, .px-lg-4 {
        padding-right : 3.5rem !important;
    }
    .p-lg-5 {
        padding : 4rem !important;
    }
    .pt-lg-5, .py-lg-5 {
        padding-top : 4rem !important;
    }
    .pr-lg-5, .px-lg-5 {
        padding-left : 4rem !important;
    }
    .pb-lg-5, .py-lg-5 {
        padding-bottom : 4rem !important;
    }
    .pl-lg-5, .px-lg-5 {
        padding-right : 4rem !important;
    }
    .p-lg-25 {
        padding : 0.25rem !important;
    }
    .pt-lg-25, .py-lg-25 {
        padding-top : 0.25rem !important;
    }
    .pr-lg-25, .px-lg-25 {
        padding-left : 0.25rem !important;
    }
    .pb-lg-25, .py-lg-25 {
        padding-bottom : 0.25rem !important;
    }
    .pl-lg-25, .px-lg-25 {
        padding-right : 0.25rem !important;
    }
    .p-lg-50 {
        padding : 0.5rem !important;
    }
    .pt-lg-50, .py-lg-50 {
        padding-top : 0.5rem !important;
    }
    .pr-lg-50, .px-lg-50 {
        padding-left : 0.5rem !important;
    }
    .pb-lg-50, .py-lg-50 {
        padding-bottom : 0.5rem !important;
    }
    .pl-lg-50, .px-lg-50 {
        padding-right : 0.5rem !important;
    }
    .p-lg-75 {
        padding : 0.75rem !important;
    }
    .pt-lg-75, .py-lg-75 {
        padding-top : 0.75rem !important;
    }
    .pr-lg-75, .px-lg-75 {
        padding-left : 0.75rem !important;
    }
    .pb-lg-75, .py-lg-75 {
        padding-bottom : 0.75rem !important;
    }
    .pl-lg-75, .px-lg-75 {
        padding-right : 0.75rem !important;
    }
    .m-lg-n1 {
        margin : -1rem !important;
    }
    .mt-lg-n1, .my-lg-n1 {
        margin-top : -1rem !important;
    }
    .mr-lg-n1, .mx-lg-n1 {
        margin-left : -1rem !important;
    }
    .mb-lg-n1, .my-lg-n1 {
        margin-bottom : -1rem !important;
    }
    .ml-lg-n1, .mx-lg-n1 {
        margin-right : -1rem !important;
    }
    .m-lg-n2 {
        margin : -1.5rem !important;
    }
    .mt-lg-n2, .my-lg-n2 {
        margin-top : -1.5rem !important;
    }
    .mr-lg-n2, .mx-lg-n2 {
        margin-left : -1.5rem !important;
    }
    .mb-lg-n2, .my-lg-n2 {
        margin-bottom : -1.5rem !important;
    }
    .ml-lg-n2, .mx-lg-n2 {
        margin-right : -1.5rem !important;
    }
    .m-lg-n3 {
        margin : -3rem !important;
    }
    .mt-lg-n3, .my-lg-n3 {
        margin-top : -3rem !important;
    }
    .mr-lg-n3, .mx-lg-n3 {
        margin-left : -3rem !important;
    }
    .mb-lg-n3, .my-lg-n3 {
        margin-bottom : -3rem !important;
    }
    .ml-lg-n3, .mx-lg-n3 {
        margin-right : -3rem !important;
    }
    .m-lg-n4 {
        margin : -3.5rem !important;
    }
    .mt-lg-n4, .my-lg-n4 {
        margin-top : -3.5rem !important;
    }
    .mr-lg-n4, .mx-lg-n4 {
        margin-left : -3.5rem !important;
    }
    .mb-lg-n4, .my-lg-n4 {
        margin-bottom : -3.5rem !important;
    }
    .ml-lg-n4, .mx-lg-n4 {
        margin-right : -3.5rem !important;
    }
    .m-lg-n5 {
        margin : -4rem !important;
    }
    .mt-lg-n5, .my-lg-n5 {
        margin-top : -4rem !important;
    }
    .mr-lg-n5, .mx-lg-n5 {
        margin-left : -4rem !important;
    }
    .mb-lg-n5, .my-lg-n5 {
        margin-bottom : -4rem !important;
    }
    .ml-lg-n5, .mx-lg-n5 {
        margin-right : -4rem !important;
    }
    .m-lg-n25 {
        margin : -0.25rem !important;
    }
    .mt-lg-n25, .my-lg-n25 {
        margin-top : -0.25rem !important;
    }
    .mr-lg-n25, .mx-lg-n25 {
        margin-left : -0.25rem !important;
    }
    .mb-lg-n25, .my-lg-n25 {
        margin-bottom : -0.25rem !important;
    }
    .ml-lg-n25, .mx-lg-n25 {
        margin-right : -0.25rem !important;
    }
    .m-lg-n50 {
        margin : -0.5rem !important;
    }
    .mt-lg-n50, .my-lg-n50 {
        margin-top : -0.5rem !important;
    }
    .mr-lg-n50, .mx-lg-n50 {
        margin-left : -0.5rem !important;
    }
    .mb-lg-n50, .my-lg-n50 {
        margin-bottom : -0.5rem !important;
    }
    .ml-lg-n50, .mx-lg-n50 {
        margin-right : -0.5rem !important;
    }
    .m-lg-n75 {
        margin : -0.75rem !important;
    }
    .mt-lg-n75, .my-lg-n75 {
        margin-top : -0.75rem !important;
    }
    .mr-lg-n75, .mx-lg-n75 {
        margin-left : -0.75rem !important;
    }
    .mb-lg-n75, .my-lg-n75 {
        margin-bottom : -0.75rem !important;
    }
    .ml-lg-n75, .mx-lg-n75 {
        margin-right : -0.75rem !important;
    }
    .m-lg-auto {
        margin : auto !important;
    }
    .mt-lg-auto, .my-lg-auto {
        margin-top : auto !important;
    }
    .mr-lg-auto, .mx-lg-auto {
        margin-left : auto !important;
    }
    .mb-lg-auto, .my-lg-auto {
        margin-bottom : auto !important;
    }
    .ml-lg-auto, .mx-lg-auto {
        margin-right : auto !important;
    }
}

@media (min-width: 1200px) {
    .m-xl-0 {
        margin : 0 !important;
    }
    .mt-xl-0, .my-xl-0 {
        margin-top : 0 !important;
    }
    .mr-xl-0, .mx-xl-0 {
        margin-left : 0 !important;
    }
    .mb-xl-0, .my-xl-0 {
        margin-bottom : 0 !important;
    }
    .ml-xl-0, .mx-xl-0 {
        margin-right : 0 !important;
    }
    .m-xl-1 {
        margin : 1rem !important;
    }
    .mt-xl-1, .my-xl-1 {
        margin-top : 1rem !important;
    }
    .mr-xl-1, .mx-xl-1 {
        margin-left : 1rem !important;
    }
    .mb-xl-1, .my-xl-1 {
        margin-bottom : 1rem !important;
    }
    .ml-xl-1, .mx-xl-1 {
        margin-right : 1rem !important;
    }
    .m-xl-2 {
        margin : 1.5rem !important;
    }
    .mt-xl-2, .my-xl-2 {
        margin-top : 1.5rem !important;
    }
    .mr-xl-2, .mx-xl-2 {
        margin-left : 1.5rem !important;
    }
    .mb-xl-2, .my-xl-2 {
        margin-bottom : 1.5rem !important;
    }
    .ml-xl-2, .mx-xl-2 {
        margin-right : 1.5rem !important;
    }
    .m-xl-3 {
        margin : 3rem !important;
    }
    .mt-xl-3, .my-xl-3 {
        margin-top : 3rem !important;
    }
    .mr-xl-3, .mx-xl-3 {
        margin-left : 3rem !important;
    }
    .mb-xl-3, .my-xl-3 {
        margin-bottom : 3rem !important;
    }
    .ml-xl-3, .mx-xl-3 {
        margin-right : 3rem !important;
    }
    .m-xl-4 {
        margin : 3.5rem !important;
    }
    .mt-xl-4, .my-xl-4 {
        margin-top : 3.5rem !important;
    }
    .mr-xl-4, .mx-xl-4 {
        margin-left : 3.5rem !important;
    }
    .mb-xl-4, .my-xl-4 {
        margin-bottom : 3.5rem !important;
    }
    .ml-xl-4, .mx-xl-4 {
        margin-right : 3.5rem !important;
    }
    .m-xl-5 {
        margin : 4rem !important;
    }
    .mt-xl-5, .my-xl-5 {
        margin-top : 4rem !important;
    }
    .mr-xl-5, .mx-xl-5 {
        margin-left : 4rem !important;
    }
    .mb-xl-5, .my-xl-5 {
        margin-bottom : 4rem !important;
    }
    .ml-xl-5, .mx-xl-5 {
        margin-right : 4rem !important;
    }
    .m-xl-25 {
        margin : 0.25rem !important;
    }
    .mt-xl-25, .my-xl-25 {
        margin-top : 0.25rem !important;
    }
    .mr-xl-25, .mx-xl-25 {
        margin-left : 0.25rem !important;
    }
    .mb-xl-25, .my-xl-25 {
        margin-bottom : 0.25rem !important;
    }
    .ml-xl-25, .mx-xl-25 {
        margin-right : 0.25rem !important;
    }
    .m-xl-50 {
        margin : 0.5rem !important;
    }
    .mt-xl-50, .my-xl-50 {
        margin-top : 0.5rem !important;
    }
    .mr-xl-50, .mx-xl-50 {
        margin-left : 0.5rem !important;
    }
    .mb-xl-50, .my-xl-50 {
        margin-bottom : 0.5rem !important;
    }
    .ml-xl-50, .mx-xl-50 {
        margin-right : 0.5rem !important;
    }
    .m-xl-75 {
        margin : 0.75rem !important;
    }
    .mt-xl-75, .my-xl-75 {
        margin-top : 0.75rem !important;
    }
    .mr-xl-75, .mx-xl-75 {
        margin-left : 0.75rem !important;
    }
    .mb-xl-75, .my-xl-75 {
        margin-bottom : 0.75rem !important;
    }
    .ml-xl-75, .mx-xl-75 {
        margin-right : 0.75rem !important;
    }
    .p-xl-0 {
        padding : 0 !important;
    }
    .pt-xl-0, .py-xl-0 {
        padding-top : 0 !important;
    }
    .pr-xl-0, .px-xl-0 {
        padding-left : 0 !important;
    }
    .pb-xl-0, .py-xl-0 {
        padding-bottom : 0 !important;
    }
    .pl-xl-0, .px-xl-0 {
        padding-right : 0 !important;
    }
    .p-xl-1 {
        padding : 1rem !important;
    }
    .pt-xl-1, .py-xl-1 {
        padding-top : 1rem !important;
    }
    .pr-xl-1, .px-xl-1 {
        padding-left : 1rem !important;
    }
    .pb-xl-1, .py-xl-1 {
        padding-bottom : 1rem !important;
    }
    .pl-xl-1, .px-xl-1 {
        padding-right : 1rem !important;
    }
    .p-xl-2 {
        padding : 1.5rem !important;
    }
    .pt-xl-2, .py-xl-2 {
        padding-top : 1.5rem !important;
    }
    .pr-xl-2, .px-xl-2 {
        padding-left : 1.5rem !important;
    }
    .pb-xl-2, .py-xl-2 {
        padding-bottom : 1.5rem !important;
    }
    .pl-xl-2, .px-xl-2 {
        padding-right : 1.5rem !important;
    }
    .p-xl-3 {
        padding : 3rem !important;
    }
    .pt-xl-3, .py-xl-3 {
        padding-top : 3rem !important;
    }
    .pr-xl-3, .px-xl-3 {
        padding-left : 3rem !important;
    }
    .pb-xl-3, .py-xl-3 {
        padding-bottom : 3rem !important;
    }
    .pl-xl-3, .px-xl-3 {
        padding-right : 3rem !important;
    }
    .p-xl-4 {
        padding : 3.5rem !important;
    }
    .pt-xl-4, .py-xl-4 {
        padding-top : 3.5rem !important;
    }
    .pr-xl-4, .px-xl-4 {
        padding-left : 3.5rem !important;
    }
    .pb-xl-4, .py-xl-4 {
        padding-bottom : 3.5rem !important;
    }
    .pl-xl-4, .px-xl-4 {
        padding-right : 3.5rem !important;
    }
    .p-xl-5 {
        padding : 4rem !important;
    }
    .pt-xl-5, .py-xl-5 {
        padding-top : 4rem !important;
    }
    .pr-xl-5, .px-xl-5 {
        padding-left : 4rem !important;
    }
    .pb-xl-5, .py-xl-5 {
        padding-bottom : 4rem !important;
    }
    .pl-xl-5, .px-xl-5 {
        padding-right : 4rem !important;
    }
    .p-xl-25 {
        padding : 0.25rem !important;
    }
    .pt-xl-25, .py-xl-25 {
        padding-top : 0.25rem !important;
    }
    .pr-xl-25, .px-xl-25 {
        padding-left : 0.25rem !important;
    }
    .pb-xl-25, .py-xl-25 {
        padding-bottom : 0.25rem !important;
    }
    .pl-xl-25, .px-xl-25 {
        padding-right : 0.25rem !important;
    }
    .p-xl-50 {
        padding : 0.5rem !important;
    }
    .pt-xl-50, .py-xl-50 {
        padding-top : 0.5rem !important;
    }
    .pr-xl-50, .px-xl-50 {
        padding-left : 0.5rem !important;
    }
    .pb-xl-50, .py-xl-50 {
        padding-bottom : 0.5rem !important;
    }
    .pl-xl-50, .px-xl-50 {
        padding-right : 0.5rem !important;
    }
    .p-xl-75 {
        padding : 0.75rem !important;
    }
    .pt-xl-75, .py-xl-75 {
        padding-top : 0.75rem !important;
    }
    .pr-xl-75, .px-xl-75 {
        padding-left : 0.75rem !important;
    }
    .pb-xl-75, .py-xl-75 {
        padding-bottom : 0.75rem !important;
    }
    .pl-xl-75, .px-xl-75 {
        padding-right : 0.75rem !important;
    }
    .m-xl-n1 {
        margin : -1rem !important;
    }
    .mt-xl-n1, .my-xl-n1 {
        margin-top : -1rem !important;
    }
    .mr-xl-n1, .mx-xl-n1 {
        margin-left : -1rem !important;
    }
    .mb-xl-n1, .my-xl-n1 {
        margin-bottom : -1rem !important;
    }
    .ml-xl-n1, .mx-xl-n1 {
        margin-right : -1rem !important;
    }
    .m-xl-n2 {
        margin : -1.5rem !important;
    }
    .mt-xl-n2, .my-xl-n2 {
        margin-top : -1.5rem !important;
    }
    .mr-xl-n2, .mx-xl-n2 {
        margin-left : -1.5rem !important;
    }
    .mb-xl-n2, .my-xl-n2 {
        margin-bottom : -1.5rem !important;
    }
    .ml-xl-n2, .mx-xl-n2 {
        margin-right : -1.5rem !important;
    }
    .m-xl-n3 {
        margin : -3rem !important;
    }
    .mt-xl-n3, .my-xl-n3 {
        margin-top : -3rem !important;
    }
    .mr-xl-n3, .mx-xl-n3 {
        margin-left : -3rem !important;
    }
    .mb-xl-n3, .my-xl-n3 {
        margin-bottom : -3rem !important;
    }
    .ml-xl-n3, .mx-xl-n3 {
        margin-right : -3rem !important;
    }
    .m-xl-n4 {
        margin : -3.5rem !important;
    }
    .mt-xl-n4, .my-xl-n4 {
        margin-top : -3.5rem !important;
    }
    .mr-xl-n4, .mx-xl-n4 {
        margin-left : -3.5rem !important;
    }
    .mb-xl-n4, .my-xl-n4 {
        margin-bottom : -3.5rem !important;
    }
    .ml-xl-n4, .mx-xl-n4 {
        margin-right : -3.5rem !important;
    }
    .m-xl-n5 {
        margin : -4rem !important;
    }
    .mt-xl-n5, .my-xl-n5 {
        margin-top : -4rem !important;
    }
    .mr-xl-n5, .mx-xl-n5 {
        margin-left : -4rem !important;
    }
    .mb-xl-n5, .my-xl-n5 {
        margin-bottom : -4rem !important;
    }
    .ml-xl-n5, .mx-xl-n5 {
        margin-right : -4rem !important;
    }
    .m-xl-n25 {
        margin : -0.25rem !important;
    }
    .mt-xl-n25, .my-xl-n25 {
        margin-top : -0.25rem !important;
    }
    .mr-xl-n25, .mx-xl-n25 {
        margin-left : -0.25rem !important;
    }
    .mb-xl-n25, .my-xl-n25 {
        margin-bottom : -0.25rem !important;
    }
    .ml-xl-n25, .mx-xl-n25 {
        margin-right : -0.25rem !important;
    }
    .m-xl-n50 {
        margin : -0.5rem !important;
    }
    .mt-xl-n50, .my-xl-n50 {
        margin-top : -0.5rem !important;
    }
    .mr-xl-n50, .mx-xl-n50 {
        margin-left : -0.5rem !important;
    }
    .mb-xl-n50, .my-xl-n50 {
        margin-bottom : -0.5rem !important;
    }
    .ml-xl-n50, .mx-xl-n50 {
        margin-right : -0.5rem !important;
    }
    .m-xl-n75 {
        margin : -0.75rem !important;
    }
    .mt-xl-n75, .my-xl-n75 {
        margin-top : -0.75rem !important;
    }
    .mr-xl-n75, .mx-xl-n75 {
        margin-left : -0.75rem !important;
    }
    .mb-xl-n75, .my-xl-n75 {
        margin-bottom : -0.75rem !important;
    }
    .ml-xl-n75, .mx-xl-n75 {
        margin-right : -0.75rem !important;
    }
    .m-xl-auto {
        margin : auto !important;
    }
    .mt-xl-auto, .my-xl-auto {
        margin-top : auto !important;
    }
    .mr-xl-auto, .mx-xl-auto {
        margin-left : auto !important;
    }
    .mb-xl-auto, .my-xl-auto {
        margin-bottom : auto !important;
    }
    .ml-xl-auto, .mx-xl-auto {
        margin-right : auto !important;
    }
}

.text-monospace {
    font-family : 'Montserrat', Helvetica, Arial, serif !important;
}

.text-justify {
    text-align : justify !important;
}

.text-wrap {
    white-space : normal !important;
}

.text-nowrap {
    white-space : nowrap !important;
}

.text-truncate {
    overflow : hidden;
    text-overflow : ellipsis;
    white-space : nowrap;
}

.text-left {
    text-align : right !important;
}

.text-right {
    text-align : left !important;
}

.text-center {
    text-align : center !important;
}

@media (min-width: 576px) {
    .text-sm-left {
        text-align : right !important;
    }
    .text-sm-right {
        text-align : left !important;
    }
    .text-sm-center {
        text-align : center !important;
    }
}

@media (min-width: 768px) {
    .text-md-left {
        text-align : right !important;
    }
    .text-md-right {
        text-align : left !important;
    }
    .text-md-center {
        text-align : center !important;
    }
}

@media (min-width: 992px) {
    .text-lg-left {
        text-align : right !important;
    }
    .text-lg-right {
        text-align : left !important;
    }
    .text-lg-center {
        text-align : center !important;
    }
}

@media (min-width: 1200px) {
    .text-xl-left {
        text-align : right !important;
    }
    .text-xl-right {
        text-align : left !important;
    }
    .text-xl-center {
        text-align : center !important;
    }
}

.text-lowercase {
    text-transform : lowercase !important;
}

.text-uppercase {
    text-transform : uppercase !important;
}

.text-capitalize {
    text-transform : capitalize !important;
}

.font-weight-light {
    font-weight : 300 !important;
}

.font-weight-lighter {
    font-weight : lighter !important;
}

.font-weight-normal {
    font-weight : 400 !important;
}

.font-weight-bold {
    font-weight : 700 !important;
}

.font-weight-bolder {
    font-weight : bolder !important;
}

.font-italic {
    font-style : italic !important;
}

.text-white {
    color : #FFFFFF !important;
}

.text-primary {
    color : #7367F0 !important;
}

a.text-primary:hover, a.text-primary:focus {
    color : #3321E9 !important;
}

.text-secondary {
    color : #B8C2CC !important;
}

a.text-secondary:hover, a.text-secondary:focus {
    color : #8B9CAC !important;
}

.text-success {
    color : #28C76F !important;
}

a.text-success:hover, a.text-success:focus {
    color : #1B874B !important;
}

.text-info {
    color : #00CFE8 !important;
}

a.text-info:hover, a.text-info:focus {
    color : #008B9C !important;
}

.text-warning {
    color : #FF9F43 !important;
}

a.text-warning:hover, a.text-warning:focus {
    color : #F67800 !important;
}

.text-danger {
    color : #EA5455 !important;
}

a.text-danger:hover, a.text-danger:focus {
    color : #D71A1C !important;
}

.text-light {
    color : #BABFC7 !important;
}

a.text-light:hover, a.text-light:focus {
    color : #9098A5 !important;
}

.text-dark {
    color : #1E1E1E !important;
}

a.text-dark:hover, a.text-dark:focus {
    color : black !important;
}

.text-body {
    color : #626262 !important;
}

.text-muted {
    color : #B8C2CC !important;
}

.text-black-50 {
    color : rgba(34, 41, 47, 0.5) !important;
}

.text-white-50 {
    color : rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
    font : 0/0 a;
    color : transparent;
    text-shadow : none;
    background-color : transparent;
    border : 0;
}

.text-decoration-none {
    text-decoration : none !important;
}

.text-break {
    word-break : break-word !important;
    overflow-wrap : break-word !important;
}

.text-reset {
    color : inherit !important;
}

.visible {
    visibility : visible !important;
}

.invisible {
    visibility : hidden !important;
}

@media print {
    *, *::before, *::after {
        text-shadow : none !important;
        box-shadow : none !important;
    }
    a:not(.btn) {
        text-decoration : underline;
    }
    abbr[title]::after {
        content : ' (' attr(title) ')';
    }
    pre {
        white-space : pre-wrap !important;
    }
    pre, blockquote {
        border : 1px solid #ADB5BD;
        page-break-inside : avoid;
    }
    thead {
        display : table-header-group;
    }
    tr, img {
        page-break-inside : avoid;
    }
    p, h2, h3 {
        orphans : 3;
        widows : 3;
    }
    h2, h3 {
        page-break-after : avoid;
    }
    @page {
        size : a3;
    }
    body {
        min-width : 992px !important;
    }
    .container {
        min-width : 992px !important;
    }
    .navbar {
        display : none;
    }
    .badge {
        border : 1px solid #22292F;
    }
    .table {
        border-collapse : collapse !important;
    }
    .table td, .table th {
        background-color : #FFFFFF !important;
    }
    .table-bordered th, .table-bordered td {
        border : 1px solid #DAE1E7 !important;
    }
    .table-dark {
        color : inherit;
    }
    .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody {
        border-color : #F8F8F8;
    }
    .table .thead-dark th {
        color : inherit;
        border-color : #F8F8F8;
    }
}

.login {
    overflow: hidden;
    background-color: white;
    padding: 40px 30px 30px 30px;
    border-radius: 10px;
    width: 400px;
    position: relative;
    /*-webkit-transform: translate(50%, 50%);*/
    /*-moz-transform: translate(50%, 50%);*/
    /*-ms-transform: translate(50%, 50%);*/
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    -webkit-transition: -webkit-transform 300ms, box-shadow 300ms;
    -moz-transition: -moz-transform 300ms, box-shadow 300ms;
    transition: transform 300ms, box-shadow 300ms;
    box-shadow: 0px 0px 10px rgba(2, 128, 144, 0.6);
}
.login::before, .login::after {
    content: '';
    position: absolute;
    width: 600px;
    height: 600px;
    border-top-left-radius: 40%;
    border-top-right-radius: 45%;
    border-bottom-left-radius: 35%;
    border-bottom-right-radius: 40%;
    z-index: -1;
}
.login::before {
    left: 40%;
    bottom: -110%;
    background-color: rgba(69, 105, 144, 0.15);
    -webkit-animation: wawes 6s infinite linear;
    -moz-animation: wawes 6s infinite linear;
    animation: wawes 6s infinite linear;
}
.login::after {
    left: 35%;
    bottom: -105%;
    background-color: rgba(2, 128, 144, 0.2);
    -webkit-animation: wawes 7s infinite;
    -moz-animation: wawes 7s infinite;
    animation: wawes 7s infinite;
}
.login > input {
    box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
    font-family: "Asap", sans-serif;
    display: block;
    border-radius: 5px;
    font-size: 16px;
    background: white;
    width: 100%;
    border: 0;
    padding: 10px 10px;
    margin: 15px -10px;
}
.login input{
    font-family: IranYekan;
    text-align: right;
    font-size: 0.8rem;

}
.login > textarea {
    box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
    font-family: "Asap", sans-serif;
    display: block;
    border-radius: 5px;
    font-size: 16px;
    background: white;
    width: 100%;
    border: 0;
    padding: 10px 10px;
    margin: 15px -10px;
}
.login textarea{
    font-family: Vazir;
    text-align: right;
    font-size: 0.8rem;

}
.login p{
    font-family: Vazir;
    font-size: 0.8rem;
    color: #0b0b0b;
    text-align: right;
    padding: 15px 0px;
}
.login select{
    font-family: Vazir;
    text-align: right;
    direction: rtl !important;
    font-size: 0.8rem;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
}
.login input::placeholder{
    font-family: Vazir;
    text-align: right;
    color: rgba(0,0,0,0.8);
    font-size: 0.8rem;
}
.align-placeholder::placeholder{
    font-family: Vazir;
    text-align: center;
    color: rgba(0,0,0,0.8);
    font-size: 0.8rem;
}
.align-placeholder{
    font-family: Vazir;
    text-align: center;
    color: rgba(0,0,0,0.8);
    font-size: 0.99rem;
    width: 33%;
    border-radius: 5px;
    border: 2px solid #eb185c;
}
.login button{
    text-align: center;
}
@-webkit-keyframes wawes {
    from {
        -webkit-transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}
@-moz-keyframes wawes {
    from {
        -moz-transform: rotate(0);
    }
    to {
        -moz-transform: rotate(360deg);
    }
}
@keyframes wawes {
    from {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.select2{
    width: 100%;!important;
    /*overflow-x: scroll;!important;*/
}

.error{
    color: red;!important;
}


.example1 {
    height: 50px;
    overflow: hidden;
    position: relative;
/z-index: 1000;/
}
.example1 h4 {
    font-size: 1rem;
    color: #cdab32;
    position: absolute;
    width: 650px;
    height: 100%;
    margin: 0;
    line-height: 50px;
    text-align: center;
    /* Starting position */
    -moz-transform:translateX(100%);
    -webkit-transform:translateX(100%);
    transform:translateX(100%);
    /* Apply animation to this element */
    -moz-animation: example1 15s linear infinite;
    -webkit-animation: example1 15s linear infinite;
    animation: example1 15s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes example1 {
    0%   { -moz-transform: translateX(-100%); }
    100% { -moz-transform: translateX(100%); }
}
@-webkit-keyframes example1 {
    0%   { -webkit-transform: translateX(-100%); }
    100% { -webkit-transform: translateX(100%); }
}
@keyframes example1 {
    0%   {
        -moz-transform: translateX(-100%); /* Firefox bug fix */
        -webkit-transform: translateX(-100%); /* Firefox bug fix */
        transform: translateX(-100%);
    }
    100% {
        -moz-transform: translateX(100%); /* Firefox bug fix */
        -webkit-transform: translateX(100%); /* Firefox bug fix */
        transform: translateX(100%);
    }
}





















.align-placeholder::placeholder{
    font-family: Vazir;
    text-align: center;
    color: rgba(0,0,0,0.8);
    font-size: 0.8rem;
}
.align-placeholder{
    font-family: Vazir;
    text-align: center;
    color: rgba(0,0,0,0.8);
    font-size: 0.99rem;
    width: 33%;
    border-radius: 5px;
    border: 2px solid #eb185c;
}
.login button{
    text-align: center;
}
@-webkit-keyframes wawes {
    from {
        -webkit-transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}
@-moz-keyframes wawes {
    from {
        -moz-transform: rotate(0);
    }
    to {
        -moz-transform: rotate(360deg);
    }
}
@keyframes wawes {
    from {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.select2 {
    width:100%!important;
}

.slider-image{
    height: 500px;
    max-height: 512px!important;
}
@media (max-width: 976px) {
    #mainSlider{
        margin-top: 4.6rem!important;
    }
    .slider-image{
        height: 350px;
        max-height: 360px!important;
    }
}
.course-time {
    background-color: #fff0d391;
    color: #e08804!important;
    border-radius: 4px;
    padding: 2px 10px;
    font-size: 13px;
}
.breadcrumb {
    font-size : 1rem;
    
    background-color : transparent;
    padding : 0.5rem 1rem 0.5rem 0 !important;
    border-right : 1px solid #D6DCE1;
    border-radius : 0;
    /* .breadcrumb-item:first-child{
          a{
              &:after{
                  content: "\e965";
                  font-family: 'feather';
              }
          }
      } */
}
.course-capacity {
    background-color: #d3dfff91;
    color: #0065ff!important;
    border-radius: 4px;
    padding: 2px 10px;
    font-size: 11px;
}
.card-custom {
    overflow: hidden;
    min-height: 390px;
    box-shadow: 0 0 15px rgba(10, 10, 10, 0.6);
    font-family: Vazir;
    text-align: right;
    border-radius: 15px !important;
    box-shadow: -1px 1px 10px rgba(8, 37, 68, 0.21) !important;
}
.card-custom-img {
    background-position: center;
    height: 160px;
    min-height: 160px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-color: inherit;
    border-radius: 15px;
}


.custom-btn {
    font-family: Vazir;
    border-radius: 4px;
    background: linear-gradient(to right, #8d0c35, #eb185c) !important;
    border: none;
    color: #FFFFFF;
    text-align: right;
    text-transform: capitalize;
    font-size: 13px;
    padding: 10px;
    width: 145px;
    transition: all 0.4s;
    cursor: pointer;
    margin: 5px;
}
.custom-btn span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.4s;
}
.custom-btn span:after {
    content: '\00bb';
    position: absolute;
    opacity: 0;
    top: 0;
    color: white;
    right: -20px;
    transition: 0.5s;
}
.custom-btn:hover span {
    color: white;
    padding-right: 25px;
}
.custom-btn:hover span:after {
    opacity: 1;
    color: white;
    right: 0;
}
.category .col-md-4{
    margin-bottom: 15px;
}

/*tabs*/
.card-master{
    color: #0c2864!important;
    font-size: 12px;
    margin-top: 12px;
}
.tabs2 i{
    font-size: 1.5rem!important;
}

.question-section{

    color: white;
    background: url("/tile-bg-2.png");
    background-repeat: repeat;
    background-attachment: fixed;
    text-align: center;
    font-size: 0.9rem;
    color: #0b0b0b;
    font-family: Vazir;
    text-align: right;
}
.dark-overlay {
    background-color: rgba(0, 0, 0, 0.85);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#footer-list li{
    display: inline;
    margin-left: 15px;
}
#footer-list li:hover{

    font-size: 1.1rem;
    transition: 200ms;
}
#footer-list li a{

    color: #bfbfbf!important;
}

.tab-card-title{
    font-size: 15px!important;
    line-height: 1.6;
}
.tabs2 {
    font-family: Vazir!important;
    /*left: 50%;*/
    /*transform: translateX(-50%);*/
    position: relative;
    background: white;
    padding: 50px;
    padding-bottom: 80px;
    width: 100%;
    /*height: 350px;*/
    /*box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);*/
    border-radius: 5px;
    min-width: 240px;
}
.tabs2 input[name=tab-control] {
    display: none;
}
.tabs2 .content section h2,
.tabs2 ul li label {

}
@media (min-width: 501px) {
    .tabs2 .content section h2,  .tabs2 ul li label {
        font-family: Vazir!important;
        font-weight: bold;
        font-size: 18px;
        color: #428BFF;
        background: rgba(128, 128, 128, 0.15);
        padding: 12px 0px;
        border-radius: 5px;

    }
}
@media (max-width: 500px) {
    .tabs2 .content section h2,  .tabs2 ul li label {
        font-family: Vazir!important;
        font-weight: bold;
        font-size: 18px;
        color: #428BFF;
    }
}
.tabs2 ul {
    list-style-type: none;
    padding-left: 0;
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
}
.tabs2 ul li {
    box-sizing: border-box;
    flex: 1;
    width: 25%;
    padding: 0 10px;
    text-align: center;
}
.tabs2 ul li label {
    transition: all 0.3s ease-in-out;
    color: #929daf;
    padding: 5px auto;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    white-space: nowrap;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.tabs2 ul li label br {
    display: none;
}
.tabs2 ul li label i {
    color: gray;
    height: 1.2em;
    vertical-align: bottom;
    margin-right: 0.2em;
    transition: all 0.2s ease-in-out;
}
.tabs2 ul li label:hover, .tabs2 ul li label:focus, .tabs2 ul li label:active {
    outline: 0;
    color: linear-gradient(45deg, #90133b, #59132a);
}
.tabs2 ul li label:hover i, .tabs2 ul li label:focus svg, .tabs2 ul li label:active i {
    fill: linear-gradient(45deg, #90133b, #59132a);
}
.tabs2 .slider {
    position: relative;
    width: 25%;
    transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);
}
.tabs2 .slider .indicator {
    position: relative;
    width: 50px;
    max-width: 100%;
    margin: 0 auto;
    height: 4px;
    background: #428BFF;
    border-radius: 1px;
}
.tabs2 .content {
    margin-top: 30px;
}
.tabs2 .content section {
    display: none;
    -webkit-animation-name: content;
    animation-name: content;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    line-height: 1.4;
}
.tabs2 .content section h2 {
    background-color: transparent;

    /* Create the gradient. */
    background-image: linear-gradient(45deg, #90133b, #59132a);

    /* Set the background size and repeat properties. */
    background-size: 100%;
    background-repeat: repeat;

    /* Use the text as a mask for the background. */
    /* This will show the gradient as a text color rather than element bg. */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    display: none;
}
.tabs2 .content section h2::after {
    content: "";
    position: relative;
    display: block;
    width: 30px;
    height: 3px;
    background: linear-gradient(45deg, #90133b, #59132a);
    margin-top: 5px;
    left: 1px;
}
.tabs2 input[name=tab-control]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label {
    cursor: default;
    background-color: transparent;

    /* Create the gradient. */
    background-image: linear-gradient(45deg, #90133b, #59132a);

    /* Set the background size and repeat properties. */
    background-size: 100%;
    background-repeat: repeat;

    /* Use the text as a mask for the background. */
    /* This will show the gradient as a text color rather than element bg. */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
}
.tabs2 input[name=tab-control]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label i {
    color: linear-gradient(45deg, #90133b, #59132a);

}
@media (max-width: 600px) {
    .tabs2 input[name=tab-control]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label {
        background: rgba(0, 0, 0, 0.08);
    }
}
.tabs2 input[name=tab-control]:nth-of-type(1):checked ~ .slider {
    transform: translateX(0%);
}
.tabs2 input[name=tab-control]:nth-of-type(1):checked ~ .content > section:nth-child(1) {
    display: block;
}
.tabs2 input[name=tab-control]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label {
    cursor: default;
    background-color: transparent;

    /* Create the gradient. */
    background-image: linear-gradient(45deg, #90133b, #59132a);

    /* Set the background size and repeat properties. */
    background-size: 100%;
    background-repeat: repeat;

    /* Use the text as a mask for the background. */
    /* This will show the gradient as a text color rather than element bg. */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
}
.tabs2 input[name=tab-control]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label svg {
    fill: linear-gradient(45deg, #90133b, #59132a);
}
@media (max-width: 600px) {
    .tabs2 input[name=tab-control]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label {
        background: rgba(0, 0, 0, 0.08);
    }
}
.tabs2 input[name=tab-control]:nth-of-type(2):checked ~ .slider {
    transform: translateX(100%);
}
.tabs2 input[name=tab-control]:nth-of-type(2):checked ~ .content > section:nth-child(2) {
    display: block;
}
.tabs2 input[name=tab-control]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label {
    cursor: default;
    background-color: transparent;

    /* Create the gradient. */
    background-image: linear-gradient(45deg, #90133b, #59132a);

    /* Set the background size and repeat properties. */
    background-size: 100%;
    background-repeat: repeat;

    /* Use the text as a mask for the background. */
    /* This will show the gradient as a text color rather than element bg. */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
}
.tabs2 input[name=tab-control]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label svg {
    fill: linear-gradient(45deg, #90133b, #59132a);
}
@media (max-width: 600px) {
    .tabs2 input[name=tab-control]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label {
        background: rgba(0, 0, 0, 0.08);
    }
}
.tabs2 input[name=tab-control]:nth-of-type(3):checked ~ .slider {
    transform: translateX(200%);
}
.tabs2 input[name=tab-control]:nth-of-type(3):checked ~ .content > section:nth-child(3) {
    display: block;
}
.tabs2 input[name=tab-control]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label {
    cursor: default;
    background-color: transparent;

    /* Create the gradient. */
    background-image: linear-gradient(45deg, #90133b, #59132a);

    /* Set the background size and repeat properties. */
    background-size: 100%;
    background-repeat: repeat;

    /* Use the text as a mask for the background. */
    /* This will show the gradient as a text color rather than element bg. */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
}
.tabs2 input[name=tab-control]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label svg {
    fill: linear-gradient(45deg, #90133b, #59132a);
}
@media (max-width: 600px) {
    .tabs2 input[name=tab-control]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label {
        background: rgba(0, 0, 0, 0.08);
    }
}
.tabs2 input[name=tab-control]:nth-of-type(4):checked ~ .slider {
    transform: translateX(300%);
}
.tabs2 input[name=tab-control]:nth-of-type(4):checked ~ .content > section:nth-child(4) {
    display: block;
}
@-webkit-keyframes content {
    from {
        opacity: 0;
        transform: translateY(5%);
    }
    to {
        opacity: 1;
        transform: translateY(0%);
    }
}
@keyframes content {
    from {
        opacity: 0;
        transform: translateY(5%);
    }
    to {
        opacity: 1;
        transform: translateY(0%);
    }
}
@media (max-width: 1000px) {
    .tabs2 ul li label {
        white-space: initial;
    }
    .tabs2 ul li label br {
        display: initial;
    }
    .tabs2 ul li label svg {
        height: 1.5em;
    }
}
@media (max-width: 600px) {
    .tabs2 ul li label {
        padding: 5px;
        border-radius: 5px;
    }
    .tabs2 ul li label span {
        display: none;
    }
    .tabs2 .slider {
        display: none;
    }
    .tabs2 .content {
        margin-top: 20px;
    }
    .tabs2 .content section h2 {
        display: block;
    }
}


.card-container-for-about {
    display: flex;
}
.card-container-for-about .about-card {
    margin: 20px;
    border-radius: 10px;
    background-color: #ffffff;
    overflow: hidden;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
}
.card-container-for-about .about-card .card-count-container {
    display: flex;
    align-items: center;
    width: 100%;
    height: 200px;
    padding: 20px 0px;
}
.card-container-for-about .about-card .card-count {
    font-weight: bold;
    font-size: 100px;
    width: 150px;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: auto;
    margin-right: -50px;
    padding-right: 25px;
    overflow: hidden;
    color: #ffffff;
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    transition: all 0.2s ease-in-out;
}

.card-container-for-about .about-card .card-content {
    padding: 20px;
    padding-top: 0px;
}
.card-container-for-about .about-card .card-content > h2 {
    margin-top: 0px;
    text-align: center;
}
.card-container-for-about .about-card .about-card-footer {
    padding: 5px;
    color: #ffffff;
}
.card-container-for-about .about-card:nth-child(1) .card-count, .card-container-for-about .about-card:nth-child(1) .about-card-footer {
    background-image: linear-gradient(90deg, #f6671f, #c01b1c);
}
.card-container-for-about .about-card:nth-child(2) .card-count, .card-container-for-about .about-card:nth-child(2) .about-card-footer {
    background-image: linear-gradient(90deg, #fec22f, #ea9826);
}
.card-container-for-about .about-card:nth-child(3) .card-count, .card-container-for-about .about-card:nth-child(3) .about-card-footer {
    background-image: linear-gradient(90deg, #6fc6a9, #058ba9);
}
.card-container-for-about .about-card:nth-child(4) .card-count, .card-container-for-about .about-card:nth-child(4) .about-card-footer {
    background-image: linear-gradient(90deg, #f6671f, #c01b1c);
}
.card-container-for-about .about-card:hover .card-count {
    /*width: 160px;*/
    /*height: 160px;*/
    width: 119%;
    height: 110%;
    border-radius: 0px;
    margin-right:0px;
    transition: all 500ms!important;
}
@media (max-width: 767px) {
    .card-container-for-about {
        flex-wrap: wrap;
    }
}
.course-title{
    color: white;
    font-size: 1.6rem;
    font-weight: 600;
}
.course-desc{
    color: #bdbdbd;
    font-size: 1.2rem;
    line-height: 1.6;
}
.course-box{
    border-radius: 19px;
    padding: 15px 22px;
    background-color: #ecececb8;
    line-height: 3.5;
    position: sticky;
    top: 1px;
    height: auto!important;
    box-shadow: 0px 0px 10px #abababa8;
}

.course-box .flex-row-reverse i{
    color:#681010;
    margin-left: 5px;
    margin-top: 1px;
    font-size: 1.1rem;
}
.course-register-btn{
    width: 100%;
    margin-top: 20px;
    border-radius: 20px;
    border: 1px #681010 solid!important;
    color: white !important;
    background: #681010!important;
}
.course-register-btn:hover{
    background: #8b1515;
    color: white!important;
    font-size: 1rem;
    transition: 400ms;
}
.carousel-caption {
    position : absolute;
    left : 15%;
    bottom : 20px;
    right : 15%;
    z-index : 10;
    padding-top : 20px;
    padding-bottom : 20px;
    color : #FFFFFF;
    text-align : center;
    background: rgba(0,0,0,0.52)
}
.question-section{

    color: white;
    background: url("/tile-bg-2.png");
    background-repeat: repeat;
    background-attachment: fixed;
    text-align: center;
    font-size: 0.9rem;
    color: #0b0b0b;
    font-family: Vazir;
    text-align: right;
}


main {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Vazir;
}

.book-card {
    width: 280px;
    padding: 16px;
    border-radius: 10px;
    background-color: #fff;
    margin-bottom: 15px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.book-card .book-card__cover {
    position: relative;
    width: 200px;
    height: 300px;
    margin: 0 auto 8px auto;
    perspective: 1000px;
}
.book-card .book-card__book {
    height: 100%;
    transform-style: preserve-3d;
    transition: all 250ms ease;
}
.book-card .book-card__book-front {
    position: absolute;
    height: 100%;
}
.book-card .book-card__book-back {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    transform: translateZ(-40px);
}
.book-card .book-card__book-side {
    position: absolute;
    top: 5px;
    bottom: 2px;
    right: -29px;
    width: 40px;
    background-size: 5px;
    background-color: #e1e1e1;
    background-image: linear-gradient(to right, #ccc 35%, #e1e1e1 35%);
    opacity: 0;
    transform: rotate3d(0, 1, 0, 90deg);
}
.book-card .book-card__img {
    width: 100%;
    height: 100%;
    background-color: #e1e1e1;
}
.book-card .book-card__title {
    font-family: Vazir;
    font-size: 1 rem;
    line-height: 1.4;
    color: black;
    margin-bottom: 8px;
}
.book-card .book-card__title :hover {
    cursor: pointer;
    color: midnightblue;

}
.book-card .book-card__author {
    color: #757575;
    font-size: 1em;
}
.book-card:hover .book-card__book {
    transform: rotate3d(0, -1, 0, 30deg) translate(-15px, -30px);
}
.book-card:hover .book-card__book-back {
    box-shadow: 5px 10px 15px rgba(0, 0, 0, 0.35);
}
.book-card:hover .book-card__book-side {
    opacity: 1;
}
/*vertical timeLine*/

.main-timeline2{
    font-family: Vazir;
    position: relative;
}
.main-timeline2:after{
    content: '';
    display: block;
    clear: both;
}
.main-timeline2 .timeline2{
    width: 50%;
    margin-left: 30px;
    float: right;
}
.main-timeline2 .timeline-content2{
    color: #333;
    background-color: #fff;
    padding: 75px 20px 20px 90px;
    border-radius: 20px 70px 20px 20px;
    box-shadow: 0 0 15px -7px rgba(0,0,0,0.5);
    display: block;
    overflow: hidden;
    position: relative;
}
.main-timeline2 .timeline-content2:hover{ text-decoration: none; }
.main-timeline2 .timeline-count2{
    color: #49369F;
    font-size: 50px;
    font-weight: 600;
    position: absolute;
    left: 18px;
    top: 70px;
}
.main-timeline2 .timeline-icon2{
    color: #fff;
    background: linear-gradient(to right, #7261C9,#49369F);
    font-size: 30px;
    text-shadow: 0 0 5px rgba(0,0,0,0.1);
    padding: 3px 15px 1px 60px;
    border-radius: 0 40px 40px 0;
    position: absolute;
    top: 15px;
    left: 0;
}
.main-timeline2 .title{
    color: #49369F;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 7px 0;
}
.main-timeline2 .description{
    font-size: 14px;
    text-align: justify;
    margin: 0;
}
.main-timeline2 .timeline2:nth-child(even){
    float: left;
    margin: 0 30px 0 0;
}
.main-timeline2 .timeline2:nth-child(even) .timeline-content2{
    padding: 75px 90px 20px 20px;
    border-radius: 70px 20px 20px 20px;
}
.main-timeline2 .timeline2:nth-child(even) .timeline-count2{
    left: auto;
    right: 18px;
}
.main-timeline2 .timeline2:nth-child(even) .timeline-icon2{
    padding: 3px 60px 1px 15px;
    border-radius: 40px 0 0 40px;
    left: auto;
    right: 0;
}
.main-timeline2 .timeline2:nth-child(4n+2) .timeline-count2,
.main-timeline2 .timeline2:nth-child(4n+2) .title{
    color: #49C7AF;
}
.main-timeline2 .timeline2:nth-child(4n+2) .timeline-icon2{
    background: linear-gradient(to right, #49C7AF,#84DCB2);
}
.main-timeline2 .timeline2:nth-child(4n+3) .timeline-count2,
.main-timeline2 .timeline2:nth-child(4n+3) .title{
    color: #EF346B;
}
.main-timeline2 .timeline2:nth-child(4n+3) .timeline-icon2{
    background: linear-gradient(to right, #EF568F,#EF346B);
}
.main-timeline2 .timeline2:nth-child(4n+4) .timeline-count2,
.main-timeline2 .timeline2:nth-child(4n+4) .title{
    color: #ff780a;
}
.main-timeline2 .timeline2:nth-child(4n+4) .timeline-icon2{
    background: linear-gradient(to right, #ff780a,#fc8f23);
}
@media screen and (max-width:767px){
    .main-timeline2 .timeline2,
    .main-timeline2 .timeline2:nth-child(even){
        width: 100%;
        margin: 0 0 20px;
    }
    .main-timeline2 .timeline2:nth-child(even) .timeline-content2{
        padding: 75px 20px 20px 90px;
        border-radius: 20px 70px 20px 20px;
    }
    .main-timeline2 .timeline2:nth-child(even) .timeline-count2{
        left: 18px;
        right: auto;
    }
    .main-timeline2 .timeline2:nth-child(even) .timeline-icon2{
        padding: 3px 15px 1px 60px;
        border-radius: 0 40px 40px 0;
        left: 0;
        right: auto;
    }
}
@media screen and (max-width:567px){
    .main-timeline2 .title{ font-size: 18px; }
}
#home .mouse {
    position: relative;
    width: calc(28px * 2);
    height: calc(44px * 2);
    margin: 0 auto 20px;
    background: none;
    border: 2px solid white;
    border-radius: calc(16px * 2);
    z-index: 1;
}
@media (min-width: 768px) {
    #home .mouse {
        width: calc(28px * 4);
        height: calc(44px * 4);
        margin: 0 auto 30px;
        background: none;
        border: 2px solid white;
        border-radius: calc(16px * 4);
    }
}
#home .mouse:after {
    display: block;
    content: "";
    position: absolute;
    top: 10px;
    left: 50%;
    width: calc(5px * 2);
    height: calc(5px * 2);
    background: none;
    border: 2px solid white;
    border-radius: 100%;
    -webkit-animation-name: scrollWheel;
    animation-name: scrollWheel;
    -webkit-animation-duration: 1.4s;
    animation-duration: 1.4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    will-change: transform;
}
@media (min-width: 768px) {
    #home .mouse:after {
        position: absolute;
        top: 25px;
        left: 50%;
        width: calc(5px * 4);
        height: calc(5px * 4);
    }
}

/*Flip cards*/

.flip {
    position: relative;

}
.flip > .front,
.flip > .back {
    display: block;
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition-duration: 1s;
    transition-property: transform, opacity;
}
.flip > .front {
    transform: rotateY(0deg);
}
.flip > .back {
    position: absolute;
    opacity: 0;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    transform: rotateY(-180deg);
}
.flip:hover > .front {
    transform: rotateY(180deg);
}
.flip:hover > .back {
    opacity: 1;
    transform: rotateY(0deg);
}
.flip.flip-vertical > .back {
    transform: rotateX(-180deg);
}
.flip.flip-vertical:hover > .front {
    transform: rotateX(180deg);
}
.flip.flip-vertical:hover > .back {
    transform: rotateX(0deg);
}

.flip {
    position: relative;
    display: inline-block;
    margin-right: 2px;
    margin-bottom: 1em;
    width: 375px;
}
.flip > .front,
.flip > .back {
    display: block;
    color: white!important;
    width: inherit;
    background-size: cover !important;
    background-position: center !important;
    height: 220px;
    padding: 1em 2em;
    background: linear-gradient(to right, #95b0ec, #3977b0) !important;
    border-radius: 10px;
}
.flip > .front p,
.flip > .back p {
    font-size: 0.9125rem;
    line-height: 160%;
    color: white!important;
}
.back .btn{
    border:1px solid #fff
}

.text-shadow {
    color: white!important;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.04), 2px 2px rgba(0, 0, 0, 0.04), 3px 3px rgba(0, 0, 0, 0.04), 4px 4px rgba(0, 0, 0, 0.04), 0.125rem 0.125rem rgba(0, 0, 0, 0.04), 6px 6px rgba(0, 0, 0, 0.04), 7px 7px rgba(0, 0, 0, 0.04), 8px 8px rgba(0, 0, 0, 0.04), 9px 9px rgba(0, 0, 0, 0.04), 0.3125rem 0.3125rem rgba(0, 0, 0, 0.04), 11px 11px rgba(0, 0, 0, 0.04), 12px 12px rgba(0, 0, 0, 0.04), 13px 13px rgba(0, 0, 0, 0.04), 14px 14px rgba(0, 0, 0, 0.04), 0.625rem 0.625rem rgba(0, 0, 0, 0.04), 16px 16px rgba(0, 0, 0, 0.04), 17px 17px rgba(0, 0, 0, 0.04), 18px 18px rgba(0, 0, 0, 0.04), 19px 19px rgba(0, 0, 0, 0.04), 1.25rem 1.25rem rgba(0, 0, 0, 0.04);
}
.pulse1 {
    /*margin:100px;*/

    display: block;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #faaf42;
    cursor: pointer;
    box-shadow: 0 0 0 rgba(204,169,44, 0.4);
    animation: pulse1 1s infinite;
}
.pulse1:hover {
    animation: none;
}

@-webkit-keyframes pulse1 {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
    }
}
@keyframes pulse1 {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
        box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
        box-shadow: 0 0 0 10px rgba(204,169,44, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
        box-shadow: 0 0 0 0 rgba(204,169,44, 0);
    }
}
.anime-fake{
    border-radius: 50px;
    transform: scale(1);
    animation: pulse 2.5s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(0.90);
        box-shadow: 0 0 0 0 rgba(255, 81, 0, 0.2);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(255, 81, 0, 0.1);
    }

    100% {
        transform: scale(0.9);
        box-shadow: 0 0 0 0 rgba(255, 81, 0, 0);
    }
}

/*chat box*/


.card::-webkit-scrollbar {
    width: 1px;
}

::-webkit-scrollbar-thumb {
    border-radius: 9px;
    background: rgba(96, 125, 139,0.99);
}

.balon1, .balon2 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}


.balon1 a {
    background: #42a5f5;
    color: #fff !important;
    border-radius: 20px 20px 3px 20px;
    display: block;
    max-width: 75%;
    padding: 7px 13px 7px 13px;

}

.balon1:before {

    content: attr(data-is);
    position: absolute;
    right: 15px;
    bottom: -0.8em;
    display: block;
    font-size: .750rem;
    color: rgba(84, 110, 122,1.0);

}

.balon2 a {

    background: #f1f1f1;
    color: #000 !important;
    border-radius: 20px 20px 20px 3px;
    display: block;
    max-width: 75%;
    padding: 7px 13px 7px 13px;

}

.balon2:before {

    content: attr(data-is);
    position: absolute;
    left: 13px;
    bottom: -0.8em;
    display: block;
    font-size: .750rem;
    color: rgba(84, 110, 122,1.0);

}

.bg-sohbet:before {

    content: "";
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgdmlld0JveD0iMCAwIDIwMCAyMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAgOCkiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGNpcmNsZSBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS4yNSIgY3g9IjE3NiIgY3k9IjEyIiByPSI0Ii8+PHBhdGggZD0iTTIwLjUuNWwyMyAxMW0tMjkgODRsLTMuNzkgMTAuMzc3TTI3LjAzNyAxMzEuNGw1Ljg5OCAyLjIwMy0zLjQ2IDUuOTQ3IDYuMDcyIDIuMzkyLTMuOTMzIDUuNzU4bTEyOC43MzMgMzUuMzdsLjY5My05LjMxNiAxMC4yOTIuMDUyLjQxNi05LjIyMiA5LjI3NC4zMzJNLjUgNDguNXM2LjEzMSA2LjQxMyA2Ljg0NyAxNC44MDVjLjcxNSA4LjM5My0yLjUyIDE0LjgwNi0yLjUyIDE0LjgwNk0xMjQuNTU1IDkwcy03LjQ0NCAwLTEzLjY3IDYuMTkyYy02LjIyNyA2LjE5Mi00LjgzOCAxMi4wMTItNC44MzggMTIuMDEybTIuMjQgNjguNjI2cy00LjAyNi05LjAyNS0xOC4xNDUtOS4wMjUtMTguMTQ1IDUuNy0xOC4xNDUgNS43IiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS4yNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PHBhdGggZD0iTTg1LjcxNiAzNi4xNDZsNS4yNDMtOS41MjFoMTEuMDkzbDUuNDE2IDkuNTIxLTUuNDEgOS4xODVIOTAuOTUzbC01LjIzNy05LjE4NXptNjMuOTA5IDE1LjQ3OWgxMC43NXYxMC43NWgtMTAuNzV6IiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS4yNSIvPjxjaXJjbGUgZmlsbD0iIzAwMCIgY3g9IjcxLjUiIGN5PSI3LjUiIHI9IjEuNSIvPjxjaXJjbGUgZmlsbD0iIzAwMCIgY3g9IjE3MC41IiBjeT0iOTUuNSIgcj0iMS41Ii8+PGNpcmNsZSBmaWxsPSIjMDAwIiBjeD0iODEuNSIgY3k9IjEzNC41IiByPSIxLjUiLz48Y2lyY2xlIGZpbGw9IiMwMDAiIGN4PSIxMy41IiBjeT0iMjMuNSIgcj0iMS41Ii8+PHBhdGggZmlsbD0iIzAwMCIgZD0iTTkzIDcxaDN2M2gtM3ptMzMgODRoM3YzaC0zem0tODUgMThoM3YzaC0zeiIvPjxwYXRoIGQ9Ik0zOS4zODQgNTEuMTIybDUuNzU4LTQuNDU0IDYuNDUzIDQuMjA1LTIuMjk0IDcuMzYzaC03Ljc5bC0yLjEyNy03LjExNHpNMTMwLjE5NSA0LjAzbDEzLjgzIDUuMDYyLTEwLjA5IDcuMDQ4LTMuNzQtMTIuMTF6bS04MyA5NWwxNC44MyA1LjQyOS0xMC44MiA3LjU1Ny00LjAxLTEyLjk4N3pNNS4yMTMgMTYxLjQ5NWwxMS4zMjggMjAuODk3TDIuMjY1IDE4MGwyLjk0OC0xOC41MDV6IiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS4yNSIvPjxwYXRoIGQ9Ik0xNDkuMDUgMTI3LjQ2OHMtLjUxIDIuMTgzLjk5NSAzLjM2NmMxLjU2IDEuMjI2IDguNjQyLTEuODk1IDMuOTY3LTcuNzg1LTIuMzY3LTIuNDc3LTYuNS0zLjIyNi05LjMzIDAtNS4yMDggNS45MzYgMCAxNy41MSAxMS42MSAxMy43MyAxMi40NTgtNi4yNTcgNS42MzMtMjEuNjU2LTUuMDczLTIyLjY1NC02LjYwMi0uNjA2LTE0LjA0MyAxLjc1Ni0xNi4xNTcgMTAuMjY4LTEuNzE4IDYuOTIgMS41ODQgMTcuMzg3IDEyLjQ1IDIwLjQ3NiAxMC44NjYgMy4wOSAxOS4zMzEtNC4zMSAxOS4zMzEtNC4zMSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuMjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvZz48L3N2Zz4=');
    opacity: 0.06;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height:100%;
    position: absolute;

}



.search {
    width: 100%;
    position: relative;
    display: flex;
}

.searchTerm {
    width: 100%;
    border: 3px solid #00B4CC!important;
    /*border-right: none;*/
    padding: 5px;
    padding-right: 20px;
    height: 50px;
    border-radius: 20px;
    outline: none;
    color: darkcyan;
}

.searchTerm:focus{
    color: darkcyan;
}

.searchButton {
    position: absolute;
    left: 0px;
    width: 40px;
    height: 50px;
    border: 1px solid #00B4CC;
    background: #00B4CC;
    text-align: center;
    color: #fff;
    border-radius: 10px 0 0 10px;
    cursor: pointer;
    font-size: 20px;
}

/*Resize the wrap to see the search bar change!*/
.wrapSearch{
    width: 65%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media (max-width: 895px) {
    .project-img{
        width: auto;
    }
    .swiper-title{
        margin-top: 10px;
    }
    .index-title{
        background: #4443438a;
        padding: 18px;
        border-radius: 10px;
        margin-top: 10px;
    }
    .wrapSearch{
        width: 90%;
    }
    .index-list{

        display:inline;
    }
    .index-list li{
        padding-top: 15px;
    }
}
/*Product*/
}
.hidden2{}
.main-menu-content .hidden2{
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}
.book-wrap{
    height: 100%;
    height: 160px;
    max-width: 125px;
    min-width: 120px;
    width: 100%;
    margin: auto;
    position: relative;
    border-radius: 3px 0 0 3px;
    overflow: hidden;
    transform-style: preserve-3d;
    transition: transform .5s;
}
.book-wrap img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.overflow-fade:before{
    content: '';
    width: 100%;
    max-height: 40%;
    height: 50px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: -webkit-linear-gradient(0,#fff 20%,rgba(255,255,255,.79) 40%,transparent 60%);
    background: linear-gradient(0,#fff 20%, rgba(255, 255, 255, 0.79) 40%,transparent 60%);
    z-index: 2;
}
.description {
    max-height: 140px;
    position: relative;
    text-align: justify;
    font-size: 12px;
}
.swiper-img{
    width: 75px;
    height: 75px;
    border-radius: 38px;

}
.book-hover{}
.book-hover:hover{
    transform:translate(0px, -30px);
    box-shadow : 0px 1px 8px 0.5rem rgba(255, 255, 255, 0.1);
}
.overflow-hidden {
    overflow: hidden !important;
}
.book-wrap .book::after {
    content: '';
    position: absolute;
    top: 0;
    right: 5%;
    bottom: 0;
    width: 1%;
    background: rgba(0,0,0,.06);
    box-shadow: 1px 0 3px rgba(255,255,255,.1);
}
.product-wrap .product, .book-wrap .book {
    padding-top: 133%;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transform-style: preserve-3d;
    transform-origin: 0% 50%;
    transition: transform .5s;
    z-index: 10;
}
.product-wrap .product .Discount, .book-wrap .book .Discount {
    position: absolute;
    top: 0;
    left: 0;
    width: 33px;
    height: 22px;
    border-bottom-right-radius: 7px;
    border: solid 2px #fff;
    background-color: darkcyan;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}
.carousel-indicators .active{
    background-color: rgba(59, 59, 55, 0.31) !important;
}
.carousel-indicators{

    bottom: -17px!important;
}
.carousel-indicators li{
    border-bottom: none!important;
    border-top: 1px solid rgba(128, 128, 128, 0.61);
}
.ProductWrapper {
    padding: 40px 10px 8px 10px;
}
ProductWrapper .body {
    padding: 5px;
}
.product-image-wrapper{
    position: relative;
    height: 201px;
    width: 153px;
    margin: auto;

}
.ProductWrapper a {
    text-decoration: none;
    color: #2a2a2a;
}
.ProductWrapper .body .text {
    width: 100%;
    color: black;
    text-align: center;
    margin-top: 10px;
    font-size: 14px;
}
.ProductWrapper .body .text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.ProductWrapper .body .price {
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    color: darkcyan;
    padding-top: 4px;
    white-space: nowrap;
}
img{
    transition: all 0.39s ease-out;
}
.ProductWrapper .body img :hover{
    transform: translateY(-5px);
    /*transition: all 0.39s ease-out;*/
    box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.25);
}
.category .col-md-4{
    margin-bottom: 15px;
}

.product-wrap .product, .book-wrap .book {
    padding-top: 133%;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transform-style: preserve-3d;
    transform-origin: 0% 50%;
    transition: transform .5s;
    z-index: 10;
}
.product-wrap .product .Discount, .book-wrap .book .Discount {
    position: absolute;
    top: 0;
    left: 0;
    width: 33px;
    height: 22px;
    border-bottom-right-radius: 7px;
    border: solid 2px #fff;
    background-color: darkcyan;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.product-wrap{
    height: 100%;
    height: 186px;
    max-width: 125px;
    min-width: 120px;
    width: 100%;
    margin: auto;
    position: relative;
    /*box-shadow: 0 3px 7px 0 rgb(177, 175, 175);*/
    border-radius: 3px 0 0 3px;
    overflow: hidden;
    transform-style: preserve-3d;
    transition: transform .5s;
}
.product-wrap img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.off-percent{
    background-color: #ea2e2e;
    border-radius: 10px;
    color: whitesmoke;
    padding: 2px 5px;
    font-size: 1rem;
    margin-right: 6px;
}
.offed-price{
    text-decoration: line-through;color: gray;font-size: .95rem
}
@media (min-width: 1400px) {
    #bread{
        padding-top:4rem;
    }
}
.suggest-btn2{
    padding: 10px 16px;
    color: white!important;
    background-color: rgb(0, 139, 139) !important;
    border-radius: 2px;
    border: 1px rgb(25, 148, 206) solid;
    font-size: 15px;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(0,0,0,0.15);
    transition: box-shadow 0.3s ease-in-out;
}
.suggest-btn2:hover{
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    /*transition: transform 1.4s ease-in-out;*/
    /*box-shadow: 0 3px 7px 0 rgb(177, 175, 175);*/
    /*transform:translate(0px, -5px);*/
}
@media (max-width: 765px) {
    #details-responsive{
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
        margin-top: 18px;
    }
}

@media (max-width: 765px) {
    #sajed-title{
        display: none;
    }
    .img-fluid3{
        max-width: 450px
    }
    .typewriter2{
        white-space: normal;
        width: 100%;
    }
}

@media (max-width: 300px) {
    #sajed-logo{
        display: none;
    }

}

@media (max-width: 310px) {

    .img-fluid3{
        max-width: 190px
    }

}
.badge.badge-cyne{
    background-color: darkcyan;
    font-size: 12px;
}
.login-card{
    height: 75%;
    width: 70%
}
@media (max-width: 360px) {

    .login-card{
        height: 75%;
        width: 100%;
    }
    .login-logo{
        width: 130px;
        background: linear-gradient(0.25turn, #a4b9e3, #dd9e2b);
        border-radius: 4px;
    }
    .tabs2 input[name="tab-control"]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label{
        background: transparent;
    }
    .tabs2{
        padding:15px
    }

}
.graphic::after{
    position: relative;
    top: -100%;
    left: calc(50% - 72px * 2 - 72px / 2);
    display: block;
    width: calc(72px * 3);
    height: 100%;
    content: '';
    background: linear-gradient(to right,rgba(var(--startup-background-rgb),.5) 0,rgba(var(--startup-background-rgb),.5) 33.33%,rgba(var(--startup-background-rgb),0) 44.1%,rgba(var(--startup-background-rgb),0) 55.8%,rgba(var(--startup-background-rgb),.5) 66.66%,rgba(var(--startup-background-rgb),.5) 100%);
    opacity: 1;
    animation: shimmer 1.5s linear .6s infinite;
}

.top-100{
    top: 100px!important;
}
.set-color{}
#firstNav{
    position: relative!important
}
@media (max-width: 1200px){
    .set-color{
        color: #1d5a64 !important;
    }
    #firstNav{
        position: fixed;
    }
}

.text-green{
    color: darkgreen;
}
.text-red{
    color: darkred;
}
.quick-access{
    font-size: 11px !important; color: whitesmoke !important;
    margin-right: 12px!important;
    border: 1px white solid!important;
    padding: 8px!important;
    border-radius: 20px!important;
    transition: all 1.3s!important;
}
.quick-access:hover{
    background:-webkit-linear-gradient(208deg, rgb(0, 102, 255), #159abb)!important;
    color: white!important;
}

.messageStyle{
    position: absolute;left: 0px;top: 0px;align-items: center;justify-content: center;background: linear-gradient(208deg, rgb(5, 75, 181), #29b8db);
    z-index: 9999;
    padding: 25px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.messageStyleError{
    position: fixed;
    transition: all 3s!important;
    left: 0px;
    top: 71px;align-items: center;justify-content: center;
    background: linear-gradient(208deg, rgb(181, 5, 5), #e64966);
    z-index: 9999;
    padding: 25px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.left-zero{
    position: fixed !important;
    left: -1000px!important;
}
.manage-card{
    transform: 0.3s;
}
.manage-card.card:hover{
    box-shadow: 5px 5px 30px 7px rgba(0,0,0,0.25), -5px -5px 30px 7px rgba(0,0,0,0.22);
}
.large-table-container-2 {
    max-width: 100%;
    overflow-x: scroll;
    overflow-y: auto;
    transform:rotateX(180deg);
}

.large-table-container-2 table {
    transform:rotateX(180deg);
}