/* Text ext. */
.text-bold{
    font-weight: bold;
}

/* Button design ext. */
.btn-xs-rnd{
    border-radius: 11px;
}
.btn-sm-rnd{
    border-radius: 15px;
}
.btn-rnd{
    border-radius: 17px;
}
.btn-lg-rnd{
    border-radius: 23px;
}
.btn-circle{
    width: 40px;
    height: 40px;
    text-align: center;
    padding: 7px;
    border-radius: 50%;
}

/* modal full-screen */
.modal.fullscreen-modal{
    padding: 0;
    overflow: hidden;
}
.modal.fullscreen-modal .modal-dialog{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
}
.modal.fullscreen-modal .modal-content{
    width:100%;
    height:100%;
    border:none;
    border-radius:0;
}
.modal.fullscreen-modal .modal-content .modal-flex-vertical{
    display: flex;
    flex-direction: column;
    position: absolute;
    width: 100%;
    height: 100%;
}
.modal.fullscreen-modal .modal-flex-vertical .modal-header{}
.modal.fullscreen-modal .modal-flex-vertical .modal-body{
    flex:1;
    overflow-y: auto !important;
}
.modal.fullscreen-modal .modal-flex-vertical .modal-footer{}
/* modal fullscreen end */


/* Margin and Padding helpers*/
.m-xs-0 {
    margin: 0
}

.mt-xs-0 {
    margin-top: 0
}

.mb-xs-0 {
    margin-bottom: 0
}

.ml-xs-0 {
    margin-left: 0
}

.mr-xs-0 {
    margin-right: 0
}

.p-xs-0 {
    padding: 0
}

.pt-xs-0 {
    padding-top: 0
}

.pb-xs-0 {
    padding-bottom: 0
}

.pl-xs-0 {
    padding-left: 0
}

.pr-xs-0 {
    padding-right: 0
}

.m-xs-12 {
    margin: 12px
}

.mt-xs-12 {
    margin-top: 12px
}

.mb-xs-12 {
    margin-bottom: 12px
}

.ml-xs-12 {
    margin-left: 12px
}

.mr-xs-12 {
    margin-right: 12px
}

.p-xs-12 {
    padding: 12px
}

.pt-xs-12 {
    padding-top: 12px
}

.pb-xs-12 {
    padding-bottom: 12px
}

.pl-xs-12 {
    padding-left: 12px
}

.pr-xs-12 {
    padding-right: 12px
}

.m-xs-24 {
    margin: 24px
}

.mt-xs-24 {
    margin-top: 24px
}

.mb-xs-24 {
    margin-bottom: 24px
}

.ml-xs-24 {
    margin-left: 24px
}

.mr-xs-24 {
    margin-right: 24px
}

.p-xs-24 {
    padding: 24px
}

.pt-xs-24 {
    padding-top: 24px
}

.pb-xs-24 {
    padding-bottom: 24px
}

.pl-xs-24 {
    padding-left: 24px
}

.pr-xs-24 {
    padding-right: 24px
}

.mt-xs-submenu {
    margin-top: 45px;
}



@media (min-width: 768px) {
    .m-sm-0 {
        margin: 0
    }
    .mt-sm-0 {
        margin-top: 0
    }
    .mb-sm-0 {
        margin-bottom: 0
    }
    .ml-sm-0 {
        margin-left: 0
    }
    .mr-sm-0 {
        margin-right: 0
    }
    .p-sm-0 {
        padding: 0
    }
    .pt-sm-0 {
        padding-top: 0
    }
    .pb-sm-0 {
        padding-bottom: 0
    }
    .pl-sm-0 {
        padding-left: 0
    }
    .pr-sm-0 {
        padding-right: 0
    }
    .m-sm-12 {
        margin: 12px
    }
    .mt-sm-12 {
        margin-top: 12px
    }
    .mb-sm-12 {
        margin-bottom: 12px
    }
    .ml-sm-12 {
        margin-left: 12px
    }
    .mr-sm-12 {
        margin-right: 12px
    }
    .p-sm-12 {
        padding: 12px
    }
    .pt-sm-12 {
        padding-top: 12px
    }
    .pb-sm-12 {
        padding-bottom: 12px
    }
    .pl-sm-12 {
        padding-left: 12px
    }
    .pr-sm-12 {
        padding-right: 12px
    }
    .m-sm-24 {
        margin: 24px
    }
    .mt-sm-24 {
        margin-top: 24px
    }
    .mb-sm-24 {
        margin-bottom: 24px
    }
    .ml-sm-24 {
        margin-left: 24px
    }
    .mr-sm-24 {
        margin-right: 24px
    }
    .p-sm-24 {
        padding: 24px
    }
    .pt-sm-24 {
        padding-top: 24px
    }
    .pb-sm-24 {
        padding-bottom: 24px
    }
    .pl-sm-24 {
        padding-left: 24px
    }
    .pr-sm-24 {
        padding-right: 24px
    }
}

@media (min-width: 992px) {
    .m-md-0 {
        margin: 0
    }
    .mt-md-0 {
        margin-top: 0
    }
    .mb-md-0 {
        margin-bottom: 0
    }
    .ml-md-0 {
        margin-left: 0
    }
    .mr-md-0 {
        margin-right: 0
    }
    .p-md-0 {
        padding: 0
    }
    .pt-md-0 {
        padding-top: 0
    }
    .pb-md-0 {
        padding-bottom: 0
    }
    .pl-md-0 {
        padding-left: 0
    }
    .pr-md-0 {
        padding-right: 0
    }
    .m-md-12 {
        margin: 12px
    }
    .mt-md-12 {
        margin-top: 12px
    }
    .mb-md-12 {
        margin-bottom: 12px
    }
    .ml-md-12 {
        margin-left: 12px
    }
    .mr-md-12 {
        margin-right: 12px
    }
    .p-md-12 {
        padding: 12px
    }
    .pt-md-12 {
        padding-top: 12px
    }
    .pb-md-12 {
        padding-bottom: 12px
    }
    .pl-md-12 {
        padding-left: 12px
    }
    .pr-md-12 {
        padding-right: 12px
    }
    .m-md-24 {
        margin: 24px
    }
    .mt-md-24 {
        margin-top: 24px
    }
    .mb-md-24 {
        margin-bottom: 24px
    }
    .ml-md-24 {
        margin-left: 24px
    }
    .mr-md-24 {
        margin-right: 24px
    }
    .p-md-24 {
        padding: 24px
    }
    .pt-md-24 {
        padding-top: 24px
    }
    .pb-md-24 {
        padding-bottom: 24px
    }
    .pl-md-24 {
        padding-left: 24px
    }
    .pr-md-24 {
        padding-right: 24px
    }
}

@media (min-width: 1200px) {
    .m-lg-0 {
        margin: 0
    }
    .mt-lg-0 {
        margin-top: 0
    }
    .mb-lg-0 {
        margin-bottom: 0
    }
    .ml-lg-0 {
        margin-left: 0
    }
    .mr-lg-0 {
        margin-right: 0
    }
    .p-lg-0 {
        padding: 0
    }
    .pt-lg-0 {
        padding-top: 0
    }
    .pb-lg-0 {
        padding-bottom: 0
    }
    .pl-lg-0 {
        padding-left: 0
    }
    .pr-lg-0 {
        padding-right: 0
    }
    .m-lg-12 {
        margin: 12px
    }
    .mt-lg-12 {
        margin-top: 12px
    }
    .mb-lg-12 {
        margin-bottom: 12px
    }
    .ml-lg-12 {
        margin-left: 12px
    }
    .mr-lg-12 {
        margin-right: 12px
    }
    .p-lg-12 {
        padding: 12px
    }
    .pt-lg-12 {
        padding-top: 12px
    }
    .pb-lg-12 {
        padding-bottom: 12px
    }
    .pl-lg-12 {
        padding-left: 12px
    }
    .pr-lg-12 {
        padding-right: 12px
    }
    .m-lg-24 {
        margin: 24px
    }
    .mt-lg-24 {
        margin-top: 24px
    }
    .mb-lg-24 {
        margin-bottom: 24px
    }
    .ml-lg-24 {
        margin-left: 24px
    }
    .mr-lg-24 {
        margin-right: 24px
    }
    .p-lg-24 {
        padding: 24px
    }
    .pt-lg-24 {
        padding-top: 24px
    }
    .pb-lg-24 {
        padding-bottom: 24px
    }
    .pl-lg-24 {
        padding-left: 24px
    }
    .pr-lg-24 {
        padding-right: 24px
    }
}