.modal .modal-dialog-aside{
    width: 100%;
    max-width:100%; height: 100%; margin:0;
    transform: translate(0); transition: transform .2s;
}


.modal .modal-dialog-aside .modal-content{  height: inherit; border:0; border-radius: 0;}
.modal .modal-dialog-aside .modal-content .modal-body{ overflow-y: auto }
.modal.fixed-left .modal-dialog-aside{ margin-left:auto;  transform: translateX(100%); }
.modal.fixed-right .modal-dialog-aside{ margin-right:auto; transform: translateX(-100%); }

.modal.show .modal-dialog-aside{ transform: translateX(0);  }


.nav-link {
    font-size: .9rem;
}

.bg-jumbotron {
    background-color: #e9ecef !important;
}

.text-swift {
    color: #FFC124 !important;
}

.bg-black-50 {
    background-color: rgba(0,0,0,.5);
}

.bg-swift {
    background-color: #FFC124 !important;
}

.btn-network-black {

}

.blend-difference {
    mix-blend-mode: difference;
}

.form-control-custom {
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
}

.container-main {
    padding-top: 72px !important;
}

.bg-wix-dark {
    background-color: rgba(28, 31, 45, 1);
}

.bg-wix-grey {
    background-color: rgba(232, 230, 230, 1)
}

.h-100-max {
    max-height: calc(100vh - 112px);
}

.h-100-custom {
    height: calc(100vh - 56px);
}

.list-group-item.active {
    background-color: rgba(28, 31, 45, 1);
    border-color: rgba(28, 31, 45, 1);
}

.text-instagram {
    color: #c13584;
}

.text-youtube {
    color: #ff0000;
}

.text-facebook {
    color: #4267B2;
}

.text-snapchat {
    color: #FFFC00;
}

.text-tiktok {
    color: #010101;
}

.text-twitter {
    color: #1da1f2;
}

.text-link {
    color: #1da1f2;
}

.bg-white-50 {
    background-color: rgba(255,255,255,.5);
}

.bg-white-75 {
    background-color: rgba(255,255,255,.75);
}

@media (min-width: 576px) {

}

@media (min-width: 768px) {
    .modal .modal-dialog-aside{
        width: 350px;
        max-width:80%; height: 100%; margin:0;
        transform: translate(0); transition: transform .2s;
    }
    .border-md {
        border: 1px solid rgba(0,0,0,.15) !important;
    }
    .text-md-dark {
        color: #343a40 !important;
    }
    .blend-md-none {
        mix-blend-mode: initial;
    }
    .w-md-75 {
        max-width: 75%;
    }
    .w-md-100 {
        width: 100%;
    }
    .h-100-max {
        max-height: calc(100vh - 56px);
    }

    .h-100-custom {
        height: calc(100vh - 56px);
    }

    .h-100-task {
        max-height: calc(100vh - 88px) !important;
    }
}

@media (min-width: 992px) {
    .modal .modal-dialog-aside{
        width: 400px;
        max-width:80%; height: 100%; margin:0;
        transform: translate(0); transition: transform .2s;
    }
}

@media (min-width: 1200px) {
    .modal .modal-dialog-aside{
        width: 450px;
        max-width:80%; height: 100%; margin:0;
        transform: translate(0); transition: transform .2s;
    }
    .container{
        max-width: 85% !important;
    }
}