.modal{
    z-index:1072
}
.modal .popover,.modal .tooltip{
    z-index:1073
}
.modal-backdrop{
    z-index:1071
}
.ct-example-modal{
    background-color:#fafafa
}
.ct-example-modal .modal{
    position:relative;
    z-index:1;
    top:auto;
    right:auto;
    bottom:auto;
    left:auto;
    display:block
}
.ct-example-modal .modal-dialog{
    left:auto;
    margin-right:auto;
    margin-left:auto
}
.modal-open{
    overflow:hidden
}
.modal-open .modal{
    overflow-x:hidden;
    overflow-y:auto
}
.modal{
    position:fixed;
    z-index:1050;
    top:0;
    left:0;
    display:none;
    overflow:hidden;
    width:100%;
    height:100%;
    outline:0
}
.modal-dialog{
    position:relative;
    width:auto;
    margin:.5rem;
    pointer-events:none
}
.modal.fade .modal-dialog{
    transition:transform .3s ease-out;
    transform:translate(0,-50px)
}
@media (prefers-reduced-motion:reduce){
    .modal.fade .modal-dialog{
        transition:none
    }
}
.modal.show .modal-dialog{
    transform:none
}
.modal.modal-static .modal-dialog{
    transform:scale(1.02)
}
.modal-dialog-scrollable{
    display:flex;
    max-height:calc(100% - 1rem)
}
.modal-dialog-scrollable .modal-content{
    overflow:hidden;
    max-height:calc(100vh - 1rem)
}
.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header{
    flex-shrink:0
}
.modal-dialog-scrollable .modal-body{
    overflow-y:auto
}
.modal-dialog-centered{
    display:flex;
    min-height:calc(100% - 1rem);
    align-items:center
}
.modal-dialog-centered::before{
    display:block;
    height:calc(100vh - 1rem);
    content:''
}
.modal-dialog-centered.modal-dialog-scrollable{
    flex-direction:column;
    height:100%;
    justify-content:center
}
.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:flex;
    flex-direction:column;
    width:auto !important;
    pointer-events:auto;
    border:0 solid rgba(0,0,0,.2);
    border-radius:.4375rem;
    outline:0;
    background-color:#fff;
    background-clip:padding-box;
    box-shadow:0 15px 35px rgba(50,50,93,.2),0 5px 15px rgba(0,0,0,.17)
}
.modal-backdrop{
    position:fixed;
    z-index:1040;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
    background-color:#000
}
.modal-backdrop.fade{
    opacity:0
}
.modal-backdrop.show{
    opacity:.16
}
.modal-header{
    display:flex;
    padding:1.25rem;
    border-bottom:0 solid #e9ecef;
    border-top-left-radius:.4375rem;
    border-top-right-radius:.4375rem;
    align-items:flex-start;
    justify-content:space-between
}
.modal-header .close{
    margin:-1rem -1rem -1rem auto;
    padding:1.25rem
}
.modal-title{
    line-height:1.1;
    margin-bottom:0
}
.modal-body{
    position:relative;
    padding:1.5rem;
    flex:1 1 auto;
    width: 100%;
}
.modal-footer{
    display:flex;
    padding:1.25rem;
    border-top:0 solid #e9ecef;
    border-bottom-right-radius:.4375rem;
    border-bottom-left-radius:.4375rem;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center
    /*justify-content:flex-end*/
}
.modal-footer>*{
    margin:.25rem
}
.modal-scrollbar-measure{
    position:absolute;
    top:-9999px;
    overflow:scroll;
    width:50px;
    height:50px
}
@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-content{
        box-shadow:0 15px 35px rgba(50,50,93,.2),0 5px 15px rgba(0,0,0,.17)
    }
    .modal-sm{
        max-width:380px
    }
}
@media (min-width:992px){
    .modal-lg,.modal-xl{
        max-width:800px
    }
}
@media (min-width:1200px){
    .modal-xl{
        max-width:1140px
    }
}
.modal-title{
    font-size:1.0625rem
}
.modal-fluid .modal-dialog{
    margin-top:0;
    margin-bottom:0
}
.modal-fluid .modal-content{
    border-radius:0
}
.modal-primary .modal-title{
    color:#fff
}
.modal-primary .modal-footer,.modal-primary .modal-header{
    border-color:rgba(255,255,255,.075)
}
.modal-primary .modal-content{
    color:#fff;
    background-color:#5e72e4
}
.modal-primary .modal-content .heading{
    color:#fff
}
.modal-primary .close>span:not(.sr-only){
    color:#fff
}
.modal-secondary .modal-title{
    color:#212529
}
.modal-secondary .modal-footer,.modal-secondary .modal-header{
    border-color:rgba(33,37,41,.075)
}
.modal-secondary .modal-content{
    color:#212529;
    background-color:#f7fafc
}
.modal-secondary .modal-content .heading{
    color:#212529
}
.modal-secondary .close>span:not(.sr-only){
    color:#fff
}
.modal-success .modal-title{
    color:#fff
}
.modal-success .modal-footer,.modal-success .modal-header{
    border-color:rgba(255,255,255,.075)
}
.modal-success .modal-content{
    color:#fff;
    background-color:#2dce89
}
.modal-success .modal-content .heading{
    color:#fff
}
.modal-success .close>span:not(.sr-only){
    color:#fff
}
.modal-info .modal-title{
    color:#fff
}
.modal-info .modal-footer,.modal-info .modal-header{
    border-color:rgba(255,255,255,.075)
}
.modal-info .modal-content{
    color:#fff;
    background-color:#11cdef
}
.modal-info .modal-content .heading{
    color:#fff
}
.modal-info .close>span:not(.sr-only){
    color:#fff
}
.modal-warning .modal-title{
    color:#fff
}
.modal-warning .modal-footer,.modal-warning .modal-header{
    border-color:rgba(255,255,255,.075)
}
.modal-warning .modal-content{
    color:#fff;
    background-color:#fb6340
}
.modal-warning .modal-content .heading{
    color:#fff
}
.modal-warning .close>span:not(.sr-only){
    color:#fff
}
.modal-danger .modal-title{
    color:#fff
}
.modal-danger .modal-footer,.modal-danger .modal-header{
    border-color:rgba(255,255,255,.075)
}
.modal-danger .modal-content{
    color:#fff;
    background-color:#f5365c
}
.modal-danger .modal-content .heading{
    color:#fff
}
.modal-danger .close>span:not(.sr-only){
    color:#fff
}
.modal-light .modal-title{
    color:#fff
}
.modal-light .modal-footer,.modal-light .modal-header{
    border-color:rgba(255,255,255,.075)
}
.modal-light .modal-content{
    color:#fff;
    background-color:#adb5bd
}
.modal-light .modal-content .heading{
    color:#fff
}
.modal-light .close>span:not(.sr-only){
    color:#fff
}
.modal-dark .modal-title{
    color:#fff
}
.modal-dark .modal-footer,.modal-dark .modal-header{
    border-color:rgba(255,255,255,.075)
}
.modal-dark .modal-content{
    color:#fff;
    background-color:#212529
}
.modal-dark .modal-content .heading{
    color:#fff
}
.modal-dark .close>span:not(.sr-only){
    color:#fff
}
.modal-default .modal-title{
    color:#fff
}
.modal-default .modal-footer,.modal-default .modal-header{
    border-color:rgba(255,255,255,.075)
}
.modal-default .modal-content{
    color:#fff;
    background-color:#172b4d
}
.modal-default .modal-content .heading{
    color:#fff
}
.modal-default .close>span:not(.sr-only){
    color:#fff
}
.modal-white .modal-title{
    color:#212529
}
.modal-white .modal-footer,.modal-white .modal-header{
    border-color:rgba(33,37,41,.075)
}
.modal-white .modal-content{
    color:#212529;
    background-color:#fff
}
.modal-white .modal-content .heading{
    color:#212529
}
.modal-white .close>span:not(.sr-only){
    color:#fff
}
.modal-neutral .modal-title{
    color:#212529
}
.modal-neutral .modal-footer,.modal-neutral .modal-header{
    border-color:rgba(33,37,41,.075)
}
.modal-neutral .modal-content{
    color:#212529;
    background-color:#fff
}
.modal-neutral .modal-content .heading{
    color:#212529
}
.modal-neutral .close>span:not(.sr-only){
    color:#fff
}
.modal-darker .modal-title{
    color:#fff
}
.modal-darker .modal-footer,.modal-darker .modal-header{
    border-color:rgba(255,255,255,.075)
}
.modal-darker .modal-content{
    color:#fff;
    background-color:#000
}
.modal-darker .modal-content .heading{
    color:#fff
}
.modal-darker .close>span:not(.sr-only){
    color:#fff
}