﻿/*------------------------------------------- NOTE -----------------------------------------------*/
/*------- Add only those classes which are already exists in bootstrap.css to extend style -------*/
/*----------------------------- Don't add classes other than bootstrap ---------------------------*/

body {
}

.row {
    padding-top: 1.5px;
    padding-bottom: 1.5px;
}

.table {
    align-items: center;
    text-align: center
}

.py-1 {
    padding-top: 0.15rem !important;
    padding-bottom: 0.15rem !important;
}

.btn-link {
    font-weight: 400;
    color: #007bff;
    text-decoration: none;
    font-size:0.76rem;
}

.col-form-label-sm {
    padding-top: calc(0.25rem + 1px);
    padding-bottom: calc(0.25rem + 1px);
    font-size: 0.75rem;
    line-height: 1.5;
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 0.76rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control-sm {
    display:inline !important;
    width: auto;
    height: calc(1.6rem + 2px);
    padding: 0.1rem 0.3rem;
    font-size: 0.75rem;
    line-height: 1;
    border-radius: 0.2rem;
}

.dropdown-menu {
    margin: 0px;
    /*max-height: 80vh;
    overflow-y: auto;*/
}

/* --------- Media query for Dropdown (start) ---------- */

@media (max-width: 576px) {

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        max-height: 40vh !important;
        overflow-y: auto !important;
    }
}

@media (min-width: 576px) and (max-width: 768px) {

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        max-height: 50vh !important;
        overflow-y: auto !important;
    }
}

@media (min-width: 768px) and (max-width: 992px) {

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        max-height: 60vh !important;
        overflow-y: auto !important;
    }
}

/*@media (min-width: 992px) {

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        max-height: 80vh !important;
        overflow-y: auto !important;
    }
}*/

/* --------- Media query for Dropdown (end) ---------- */

.popover {
    max-width: 1000px;
}

.modal-header .close {
    padding: 0px !important;
    width: 20px !important;
    height: 0px !important;
    margin: -4px 0px 0px 0px !important;
}

/*============================================= Extended Bootstrap =============================================*/

select.form-control-sm:focus::-ms-value {
    color: #495057;
    background-color: #fff;
}


/* Custom Bootstrap Columns */

.col-0-25, .col-0-50, .col-0-75, .col-1-25, .col-1-50, .col-1-75, .col-2-25, .col-2-50, .col-2-75, .col-3-25, .col-3-50, .col-3-75,
.col-4-25, .col-4-50, .col-4-75, .col-5-25, .col-5-50, .col-5-75, .col-6-25, .col-6-50, .col-6-75, .col-7-25, .col-7-50, .col-7-75,
.col-8-25, .col-8-50, .col-8-75, .col-9-25, .col-9-50, .col-9-75, .col-10-25, .col-10-50, .col-10-75, .col-11-25, .col-11-50, .col-11-75,
.col-sm-0-25, .col-sm-0-50, .col-sm-0-75, .col-sm-1-25, .col-sm-1-50, .col-sm-1-75, .col-sm-2-25, .col-sm-2-50, .col-sm-2-75, .col-sm-3-25, .col-sm-3-50, .col-sm-3-75,
.col-sm-4-25, .col-sm-4-50, .col-sm-4-75, .col-sm-5-25, .col-sm-5-50, .col-sm-5-75, .col-sm-6-25, .col-sm-6-50, .col-sm-6-75, .col-sm-7-25, .col-sm-7-50, .col-sm-7-75,
.col-sm-8-25, .col-sm-8-50, .col-sm-8-75, .col-sm-9-25, .col-sm-9-50, .col-sm-9-75, .col-sm-10-25, .col-sm-10-50, .col-sm-10-75, .col-sm-11-25, .col-sm-11-50, .col-sm-11-75,
.col-md-0-25, .col-md-0-50, .col-md-0-75, .col-md-1-25, .col-md-1-50, .col-md-1-75, .col-md-2-25, .col-md-2-50, .col-md-2-75, .col-md-3-25, .col-md-3-50, .col-md-3-75,
.col-md-4-25, .col-md-4-50, .col-md-4-75, .col-md-5-25, .col-md-5-50, .col-md-5-75, .col-md-6-25, .col-md-6-50, .col-md-6-75, .col-md-7-25, .col-md-7-50, .col-md-7-75,
.col-md-8-25, .col-md-8-50, .col-md-8-75, .col-md-9-25, .col-md-9-50, .col-md-9-75, .col-md-10-25, .col-md-10-50, .col-md-10-75, .col-md-11-25, .col-md-11-50, .col-md-11-75,
.col-lg-0-25, .col-lg-0-50, .col-lg-0-75, .col-lg-1-25, .col-lg-1-50, .col-lg-1-75, .col-lg-2-25, .col-lg-2-50, .col-lg-2-75, .col-lg-3-25, .col-lg-3-50, .col-lg-3-75,
.col-lg-4-25, .col-lg-4-50, .col-lg-4-75, .col-lg-5-25, .col-lg-5-50, .col-lg-5-75, .col-lg-6-25, .col-lg-6-50, .col-lg-6-75, .col-lg-7-25, .col-lg-7-50, .col-lg-7-75,
.col-lg-8-25, .col-lg-8-50, .col-lg-8-75, .col-lg-9-25, .col-lg-9-50, .col-lg-9-75, .col-lg-10-25, .col-lg-10-50, .col-lg-10-75, .col-lg-11-25, .col-lg-11-50, .col-lg-11-75,
.col-xl-0-25, .col-xl-0-50, .col-xl-0-75, .col-xl-1-25, .col-xl-1-50, .col-xl-1-75, .col-xl-2-25, .col-xl-2-50, .col-xl-2-75, .col-xl-3-25, .col-xl-3-50, .col-xl-3-75,
.col-xl-4-25, .col-xl-4-50, .col-xl-4-75, .col-xl-5-25, .col-xl-5-50, .col-xl-5-75, .col-xl-6-25, .col-xl-6-50, .col-xl-6-75, .col-xl-7-25, .col-xl-7-50, .col-xl-7-75,
.col-xl-8-25, .col-xl-8-50, .col-xl-8-75, .col-xl-9-25, .col-xl-9-50, .col-xl-9-75, .col-xl-10-25, .col-xl-10-50, .col-xl-10-75, .col-xl-11-25, .col-xl-11-50, .col-xl-11-75 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}



.col-0-25 {
    -ms-flex: 0 0 2.083333%;
    flex: 0 0 2.083333%;
    max-width: 2.083333%;
}

.col-0-50 {
    -ms-flex: 0 0 4.166666%;
    flex: 0 0 4.166666%;
    max-width: 4.166666%;
}

.col-0-75 {
    -ms-flex: 0 0 6.25%;
    flex: 0 0 6.25%;
    max-width: 6.25%;
}

.col-1-25 {
    -ms-flex: 0 0 10.416665%;
    flex: 0 0 10.416665%;
    max-width: 10.416665%;
}

.col-1-50 {
    -ms-flex: 0 0 12.50%;
    flex: 0 0 12.50%;
    max-width: 12.50%;
}

.col-1-75 {
    -ms-flex: 0 0 14.583331%;
    flex: 0 0 14.583331%;
    max-width: 14.583331%;
}

.col-2-25 {
    -ms-flex: 0 0 18.75%;
    flex: 0 0 18.75%;
    max-width: 18.75%;
}

.col-2-50 {
    -ms-flex: 0 0 20.83333%;
    flex: 0 0 20.83333%;
    max-width: 20.83333%;
}

.col-2-75 {
    -ms-flex: 0 0 22.916663%;
    flex: 0 0 22.916663%;
    max-width: 22.916663%;
}

.col-3-25 {
    -ms-flex: 0 0 27.083329%;
    flex: 0 0 27.083329%;
    max-width: 27.083329%;
}

.col-3-50 {
    -ms-flex: 0 0 29.166662%;
    flex: 0 0 29.166662%;
    max-width: 29.166662%;
}

.col-3-75 {
    -ms-flex: 0 0 31.25%;
    flex: 0 0 31.25%;
    max-width: 31.25%;
}

.col-4-25 {
    -ms-flex: 0 0 35.416661%;
    flex: 0 0 35.416661%;
    max-width: 35.416661%;
}

.col-4-50 {
    -ms-flex: 0 0 37.50%;
    flex: 0 0 37.50%;
    max-width: 37.50%;
}

.col-4-75 {
    -ms-flex: 0 0 39.583327%;
    flex: 0 0 39.583327%;
    max-width: 39.583327%;
}

.col-5-25 {
    -ms-flex: 0 0 43.75%;
    flex: 0 0 43.75%;
    max-width: 43.75%;
}

.col-5-50 {
    -ms-flex: 0 0 45.833326%;
    flex: 0 0 45.833326%;
    max-width: 45.833326%;
}

.col-5-75 {
    -ms-flex: 0 0 47.916659%;
    flex: 0 0 47.916659%;
    max-width: 47.916659%;
}

.col-6-25 {
    -ms-flex: 0 0 52.083325%;
    flex: 0 0 52.083325%;
    max-width: 52.083325%;
}

.col-6-50 {
    -ms-flex: 0 0 54.166658%;
    flex: 0 0 54.166658%;
    max-width: 54.166658%;
}

.col-6-75 {
    -ms-flex: 0 0 56.25%;
    flex: 0 0 56.25%;
    max-width: 56.25%;
}

.col-7-25 {
    -ms-flex: 0 0 60.416657%;
    flex: 0 0 60.416657%;
    max-width: 60.416657%;
}

.col-7-50 {
    -ms-flex: 0 0 62.5%;
    flex: 0 0 62.5%;
    max-width: 62.5%;
}

.col-7-75 {
    -ms-flex: 0 0 64.583323%;
    flex: 0 0 64.583323%;
    max-width: 64.583323%;
}

.col-8-25 {
    -ms-flex: 0 0 68.75%;
    flex: 0 0 68.75%;
    max-width: 68.75%;
}

.col-8-50 {
    -ms-flex: 0 0 70.833322%;
    flex: 0 0 70.833322%;
    max-width: 70.833322%;
}

.col-8-75 {
    -ms-flex: 0 0 72.916655%;
    flex: 0 0 72.916655%;
    max-width: 72.916655%;
}

.col-9-25 {
    -ms-flex: 0 0 77.083321%;
    flex: 0 0 77.083321%;
    max-width: 77.083321%;
}

.col-9-50 {
    -ms-flex: 0 0 79.166654%;
    flex: 0 0 79.166654%;
    max-width: 79.166654%;
}

.col-9-75 {
    -ms-flex: 0 0 81.25%;
    flex: 0 0 81.25%;
    max-width: 81.25%;
}

.col-10-25 {
    -ms-flex: 0 0 85.416653%;
    flex: 0 0 85.416653%;
    max-width: 85.416653%;
}

.col-10-50 {
    -ms-flex: 0 0 87.50%;
    flex: 0 0 87.50%;
    max-width: 87.50%;
}

.col-10-75 {
    -ms-flex: 0 0 89.583319%;
    flex: 0 0 89.583319%;
    max-width: 89.583319%;
}

.col-11-25 {
    -ms-flex: 0 0 93.75%;
    flex: 0 0 93.75%;
    max-width: 93.75%;
}

.col-11-50 {
    -ms-flex: 0 0 95.833318%;
    flex: 0 0 95.833318%;
    max-width: 95.833318%;
}

.col-11-75 {
    -ms-flex: 0 0 97.916651%;
    flex: 0 0 97.916651%;
    max-width: 97.916651%;
}

@media (min-width: 576px) {

    .col-sm-0-25 {
        -ms-flex: 0 0 2.083333%;
        flex: 0 0 2.083333%;
        max-width: 2.083333%;
    }

    .col-sm-0-50 {
        -ms-flex: 0 0 4.166666%;
        flex: 0 0 4.166666%;
        max-width: 4.166666%;
    }

    .col-sm-0-75 {
        -ms-flex: 0 0 6.25%;
        flex: 0 0 6.25%;
        max-width: 6.25%;
    }

    .col-sm-1-25 {
        -ms-flex: 0 0 10.416665%;
        flex: 0 0 10.416665%;
        max-width: 10.416665%;
    }

    .col-sm-1-50 {
        -ms-flex: 0 0 12.50%;
        flex: 0 0 12.50%;
        max-width: 12.50%;
    }

    .col-sm-1-75 {
        -ms-flex: 0 0 14.583331%;
        flex: 0 0 14.583331%;
        max-width: 14.583331%;
    }

    .col-sm-2-25 {
        -ms-flex: 0 0 18.75%;
        flex: 0 0 18.75%;
        max-width: 18.75%;
    }

    .col-sm-2-50 {
        -ms-flex: 0 0 20.83333%;
        flex: 0 0 20.83333%;
        max-width: 20.83333%;
    }

    .col-sm-2-75 {
        -ms-flex: 0 0 22.916663%;
        flex: 0 0 22.916663%;
        max-width: 22.916663%;
    }

    .col-sm-3-25 {
        -ms-flex: 0 0 27.083329%;
        flex: 0 0 27.083329%;
        max-width: 27.083329%;
    }

    .col-sm-3-50 {
        -ms-flex: 0 0 29.166662%;
        flex: 0 0 29.166662%;
        max-width: 29.166662%;
    }

    .col-sm-3-75 {
        -ms-flex: 0 0 31.25%;
        flex: 0 0 31.25%;
        max-width: 31.25%;
    }

    .col-sm-4-25 {
        -ms-flex: 0 0 35.416661%;
        flex: 0 0 35.416661%;
        max-width: 35.416661%;
    }

    .col-sm-4-50 {
        -ms-flex: 0 0 37.50%;
        flex: 0 0 37.50%;
        max-width: 37.50%;
    }

    .col-sm-4-75 {
        -ms-flex: 0 0 39.583327%;
        flex: 0 0 39.583327%;
        max-width: 39.583327%;
    }

    .col-sm-5-25 {
        -ms-flex: 0 0 43.75%;
        flex: 0 0 43.75%;
        max-width: 43.75%;
    }

    .col-sm-5-50 {
        -ms-flex: 0 0 45.833326%;
        flex: 0 0 45.833326%;
        max-width: 45.833326%;
    }

    .col-sm-5-75 {
        -ms-flex: 0 0 47.916659%;
        flex: 0 0 47.916659%;
        max-width: 47.916659%;
    }

    .col-sm-6-25 {
        -ms-flex: 0 0 52.083325%;
        flex: 0 0 52.083325%;
        max-width: 52.083325%;
    }

    .col-sm-6-50 {
        -ms-flex: 0 0 54.166658%;
        flex: 0 0 54.166658%;
        max-width: 54.166658%;
    }

    .col-sm-6-75 {
        -ms-flex: 0 0 56.25%;
        flex: 0 0 56.25%;
        max-width: 56.25%;
    }

    .col-sm-7-25 {
        -ms-flex: 0 0 60.416657%;
        flex: 0 0 60.416657%;
        max-width: 60.416657%;
    }

    .col-sm-7-50 {
        -ms-flex: 0 0 62.5%;
        flex: 0 0 62.5%;
        max-width: 62.5%;
    }

    .col-sm-7-75 {
        -ms-flex: 0 0 64.583323%;
        flex: 0 0 64.583323%;
        max-width: 64.583323%;
    }

    .col-sm-8-25 {
        -ms-flex: 0 0 68.75%;
        flex: 0 0 68.75%;
        max-width: 68.75%;
    }

    .col-sm-8-50 {
        -ms-flex: 0 0 70.833322%;
        flex: 0 0 70.833322%;
        max-width: 70.833322%;
    }

    .col-sm-8-75 {
        -ms-flex: 0 0 72.916655%;
        flex: 0 0 72.916655%;
        max-width: 72.916655%;
    }

    .col-sm-9-25 {
        -ms-flex: 0 0 77.083321%;
        flex: 0 0 77.083321%;
        max-width: 77.083321%;
    }

    .col-sm-9-50 {
        -ms-flex: 0 0 79.166654%;
        flex: 0 0 79.166654%;
        max-width: 79.166654%;
    }

    .col-sm-9-75 {
        -ms-flex: 0 0 81.25%;
        flex: 0 0 81.25%;
        max-width: 81.25%;
    }

    .col-sm-10-25 {
        -ms-flex: 0 0 85.416653%;
        flex: 0 0 85.416653%;
        max-width: 85.416653%;
    }

    .col-sm-10-50 {
        -ms-flex: 0 0 87.50%;
        flex: 0 0 87.50%;
        max-width: 87.50%;
    }

    .col-sm-10-75 {
        -ms-flex: 0 0 89.583319%;
        flex: 0 0 89.583319%;
        max-width: 89.583319%;
    }

    .col-sm-11-25 {
        -ms-flex: 0 0 93.75%;
        flex: 0 0 93.75%;
        max-width: 93.75%;
    }

    .col-sm-11-50 {
        -ms-flex: 0 0 95.833318%;
        flex: 0 0 95.833318%;
        max-width: 95.833318%;
    }

    .col-sm-11-75 {
        -ms-flex: 0 0 97.916651%;
        flex: 0 0 97.916651%;
        max-width: 97.916651%;
    }
}

@media (min-width: 768px) {

    .col-md-0-25 {
        -ms-flex: 0 0 2.083333%;
        flex: 0 0 2.083333%;
        max-width: 2.083333%;
    }

    .col-md-0-50 {
        -ms-flex: 0 0 4.166666%;
        flex: 0 0 4.166666%;
        max-width: 4.166666%;
    }

    .col-md-0-75 {
        -ms-flex: 0 0 6.25%;
        flex: 0 0 6.25%;
        max-width: 6.25%;
    }

    .col-md-1-25 {
        -ms-flex: 0 0 10.416665%;
        flex: 0 0 10.416665%;
        max-width: 10.416665%;
    }

    .col-md-1-50 {
        -ms-flex: 0 0 12.50%;
        flex: 0 0 12.50%;
        max-width: 12.50%;
    }

    .col-md-1-75 {
        -ms-flex: 0 0 14.583331%;
        flex: 0 0 14.583331%;
        max-width: 14.583331%;
    }

    .col-md-2-25 {
        -ms-flex: 0 0 18.75%;
        flex: 0 0 18.75%;
        max-width: 18.75%;
    }

    .col-md-2-50 {
        -ms-flex: 0 0 20.83333%;
        flex: 0 0 20.83333%;
        max-width: 20.83333%;
    }

    .col-md-2-75 {
        -ms-flex: 0 0 22.916663%;
        flex: 0 0 22.916663%;
        max-width: 22.916663%;
    }

    .col-md-3-25 {
        -ms-flex: 0 0 27.083329%;
        flex: 0 0 27.083329%;
        max-width: 27.083329%;
    }

    .col-md-3-50 {
        -ms-flex: 0 0 29.166662%;
        flex: 0 0 29.166662%;
        max-width: 29.166662%;
    }

    .col-md-3-75 {
        -ms-flex: 0 0 31.25%;
        flex: 0 0 31.25%;
        max-width: 31.25%;
    }

    .col-md-4-25 {
        -ms-flex: 0 0 35.416661%;
        flex: 0 0 35.416661%;
        max-width: 35.416661%;
    }

    .col-md-4-50 {
        -ms-flex: 0 0 37.50%;
        flex: 0 0 37.50%;
        max-width: 37.50%;
    }

    .col-md-4-75 {
        -ms-flex: 0 0 39.583327%;
        flex: 0 0 39.583327%;
        max-width: 39.583327%;
    }

    .col-md-5-25 {
        -ms-flex: 0 0 43.75%;
        flex: 0 0 43.75%;
        max-width: 43.75%;
    }

    .col-md-5-50 {
        -ms-flex: 0 0 45.833326%;
        flex: 0 0 45.833326%;
        max-width: 45.833326%;
    }

    .col-md-5-75 {
        -ms-flex: 0 0 47.916659%;
        flex: 0 0 47.916659%;
        max-width: 47.916659%;
    }

    .col-md-6-25 {
        -ms-flex: 0 0 52.083325%;
        flex: 0 0 52.083325%;
        max-width: 52.083325%;
    }

    .col-md-6-50 {
        -ms-flex: 0 0 54.166658%;
        flex: 0 0 54.166658%;
        max-width: 54.166658%;
    }

    .col-md-6-75 {
        -ms-flex: 0 0 56.25%;
        flex: 0 0 56.25%;
        max-width: 56.25%;
    }

    .col-md-7-25 {
        -ms-flex: 0 0 60.416657%;
        flex: 0 0 60.416657%;
        max-width: 60.416657%;
    }

    .col-md-7-50 {
        -ms-flex: 0 0 62.5%;
        flex: 0 0 62.5%;
        max-width: 62.5%;
    }

    .col-md-7-75 {
        -ms-flex: 0 0 64.583323%;
        flex: 0 0 64.583323%;
        max-width: 64.583323%;
    }

    .col-md-8-25 {
        -ms-flex: 0 0 68.75%;
        flex: 0 0 68.75%;
        max-width: 68.75%;
    }

    .col-md-8-50 {
        -ms-flex: 0 0 70.833322%;
        flex: 0 0 70.833322%;
        max-width: 70.833322%;
    }

    .col-md-8-75 {
        -ms-flex: 0 0 72.916655%;
        flex: 0 0 72.916655%;
        max-width: 72.916655%;
    }

    .col-md-9-25 {
        -ms-flex: 0 0 77.083321%;
        flex: 0 0 77.083321%;
        max-width: 77.083321%;
    }

    .col-md-9-50 {
        -ms-flex: 0 0 79.166654%;
        flex: 0 0 79.166654%;
        max-width: 79.166654%;
    }

    .col-md-9-75 {
        -ms-flex: 0 0 81.25%;
        flex: 0 0 81.25%;
        max-width: 81.25%;
    }

    .col-md-10-25 {
        -ms-flex: 0 0 85.416653%;
        flex: 0 0 85.416653%;
        max-width: 85.416653%;
    }

    .col-md-10-50 {
        -ms-flex: 0 0 87.50%;
        flex: 0 0 87.50%;
        max-width: 87.50%;
    }

    .col-md-10-75 {
        -ms-flex: 0 0 89.583319%;
        flex: 0 0 89.583319%;
        max-width: 89.583319%;
    }

    .col-md-11-25 {
        -ms-flex: 0 0 93.75%;
        flex: 0 0 93.75%;
        max-width: 93.75%;
    }

    .col-md-11-50 {
        -ms-flex: 0 0 95.833318%;
        flex: 0 0 95.833318%;
        max-width: 95.833318%;
    }

    .col-md-11-75 {
        -ms-flex: 0 0 97.916651%;
        flex: 0 0 97.916651%;
        max-width: 97.916651%;
    }
}

@media (min-width: 992px) {

    .col-lg-0-25 {
        -ms-flex: 0 0 2.083333%;
        flex: 0 0 2.083333%;
        max-width: 2.083333%;
    }

    .col-lg-0-50 {
        -ms-flex: 0 0 4.166666%;
        flex: 0 0 4.166666%;
        max-width: 4.166666%;
    }

    .col-lg-0-75 {
        -ms-flex: 0 0 6.25%;
        flex: 0 0 6.25%;
        max-width: 6.25%;
    }

    .col-lg-1-25 {
        -ms-flex: 0 0 10.416665%;
        flex: 0 0 10.416665%;
        max-width: 10.416665%;
    }

    .col-lg-1-50 {
        -ms-flex: 0 0 12.50%;
        flex: 0 0 12.50%;
        max-width: 12.50%;
    }

    .col-lg-1-75 {
        -ms-flex: 0 0 14.583331%;
        flex: 0 0 14.583331%;
        max-width: 14.583331%;
    }

    .col-lg-2-25 {
        -ms-flex: 0 0 18.75%;
        flex: 0 0 18.75%;
        max-width: 18.75%;
    }

    .col-lg-2-50 {
        -ms-flex: 0 0 20.83333%;
        flex: 0 0 20.83333%;
        max-width: 20.83333%;
    }

    .col-lg-2-75 {
        -ms-flex: 0 0 22.916663%;
        flex: 0 0 22.916663%;
        max-width: 22.916663%;
    }

    .col-lg-3-25 {
        -ms-flex: 0 0 27.083329%;
        flex: 0 0 27.083329%;
        max-width: 27.083329%;
    }

    .col-lg-3-50 {
        -ms-flex: 0 0 29.166662%;
        flex: 0 0 29.166662%;
        max-width: 29.166662%;
    }

    .col-lg-3-75 {
        -ms-flex: 0 0 31.25%;
        flex: 0 0 31.25%;
        max-width: 31.25%;
    }

    .col-lg-4-25 {
        -ms-flex: 0 0 35.416661%;
        flex: 0 0 35.416661%;
        max-width: 35.416661%;
    }

    .col-lg-4-50 {
        -ms-flex: 0 0 37.50%;
        flex: 0 0 37.50%;
        max-width: 37.50%;
    }

    .col-lg-4-75 {
        -ms-flex: 0 0 39.583327%;
        flex: 0 0 39.583327%;
        max-width: 39.583327%;
    }

    .col-lg-5-25 {
        -ms-flex: 0 0 43.75%;
        flex: 0 0 43.75%;
        max-width: 43.75%;
    }

    .col-lg-5-50 {
        -ms-flex: 0 0 45.833326%;
        flex: 0 0 45.833326%;
        max-width: 45.833326%;
    }

    .col-lg-5-75 {
        -ms-flex: 0 0 47.916659%;
        flex: 0 0 47.916659%;
        max-width: 47.916659%;
    }

    .col-lg-6-25 {
        -ms-flex: 0 0 52.083325%;
        flex: 0 0 52.083325%;
        max-width: 52.083325%;
    }

    .col-lg-6-50 {
        -ms-flex: 0 0 54.166658%;
        flex: 0 0 54.166658%;
        max-width: 54.166658%;
    }

    .col-lg-6-75 {
        -ms-flex: 0 0 56.25%;
        flex: 0 0 56.25%;
        max-width: 56.25%;
    }

    .col-lg-7-25 {
        -ms-flex: 0 0 60.416657%;
        flex: 0 0 60.416657%;
        max-width: 60.416657%;
    }

    .col-lg-7-50 {
        -ms-flex: 0 0 62.5%;
        flex: 0 0 62.5%;
        max-width: 62.5%;
    }

    .col-lg-7-75 {
        -ms-flex: 0 0 64.583323%;
        flex: 0 0 64.583323%;
        max-width: 64.583323%;
    }

    .col-lg-8-25 {
        -ms-flex: 0 0 68.75%;
        flex: 0 0 68.75%;
        max-width: 68.75%;
    }

    .col-lg-8-50 {
        -ms-flex: 0 0 70.833322%;
        flex: 0 0 70.833322%;
        max-width: 70.833322%;
    }

    .col-lg-8-75 {
        -ms-flex: 0 0 72.916655%;
        flex: 0 0 72.916655%;
        max-width: 72.916655%;
    }

    .col-lg-9-25 {
        -ms-flex: 0 0 77.083321%;
        flex: 0 0 77.083321%;
        max-width: 77.083321%;
    }

    .col-lg-9-50 {
        -ms-flex: 0 0 79.166654%;
        flex: 0 0 79.166654%;
        max-width: 79.166654%;
    }

    .col-lg-9-75 {
        -ms-flex: 0 0 81.25%;
        flex: 0 0 81.25%;
        max-width: 81.25%;
    }

    .col-lg-10-25 {
        -ms-flex: 0 0 85.416653%;
        flex: 0 0 85.416653%;
        max-width: 85.416653%;
    }

    .col-lg-10-50 {
        -ms-flex: 0 0 87.50%;
        flex: 0 0 87.50%;
        max-width: 87.50%;
    }

    .col-lg-10-75 {
        -ms-flex: 0 0 89.583319%;
        flex: 0 0 89.583319%;
        max-width: 89.583319%;
    }

    .col-lg-11-25 {
        -ms-flex: 0 0 93.75%;
        flex: 0 0 93.75%;
        max-width: 93.75%;
    }

    .col-lg-11-50 {
        -ms-flex: 0 0 95.833318%;
        flex: 0 0 95.833318%;
        max-width: 95.833318%;
    }

    .col-lg-11-75 {
        -ms-flex: 0 0 97.916651%;
        flex: 0 0 97.916651%;
        max-width: 97.916651%;
    }
}

@media (min-width: 1200px) {

    .col-xl-0-25 {
        -ms-flex: 0 0 2.083333%;
        flex: 0 0 2.083333%;
        max-width: 2.083333%;
    }

    .col-xl-0-50 {
        -ms-flex: 0 0 4.166666%;
        flex: 0 0 4.166666%;
        max-width: 4.166666%;
    }

    .col-xl-0-75 {
        -ms-flex: 0 0 6.25%;
        flex: 0 0 6.25%;
        max-width: 6.25%;
    }

    .col-xl-1-25 {
        -ms-flex: 0 0 10.416665%;
        flex: 0 0 10.416665%;
        max-width: 10.416665%;
    }

    .col-xl-1-50 {
        -ms-flex: 0 0 12.50%;
        flex: 0 0 12.50%;
        max-width: 12.50%;
    }

    .col-xl-1-75 {
        -ms-flex: 0 0 14.583331%;
        flex: 0 0 14.583331%;
        max-width: 14.583331%;
    }

    .col-xl-2-25 {
        -ms-flex: 0 0 18.75%;
        flex: 0 0 18.75%;
        max-width: 18.75%;
    }

    .col-xl-2-50 {
        -ms-flex: 0 0 20.83333%;
        flex: 0 0 20.83333%;
        max-width: 20.83333%;
    }

    .col-xl-2-75 {
        -ms-flex: 0 0 22.916663%;
        flex: 0 0 22.916663%;
        max-width: 22.916663%;
    }

    .col-xl-3-25 {
        -ms-flex: 0 0 27.083329%;
        flex: 0 0 27.083329%;
        max-width: 27.083329%;
    }

    .col-xl-3-50 {
        -ms-flex: 0 0 29.166662%;
        flex: 0 0 29.166662%;
        max-width: 29.166662%;
    }

    .col-xl-3-75 {
        -ms-flex: 0 0 31.25%;
        flex: 0 0 31.25%;
        max-width: 31.25%;
    }

    .col-xl-4-25 {
        -ms-flex: 0 0 35.416661%;
        flex: 0 0 35.416661%;
        max-width: 35.416661%;
    }

    .col-xl-4-50 {
        -ms-flex: 0 0 37.50%;
        flex: 0 0 37.50%;
        max-width: 37.50%;
    }

    .col-xl-4-75 {
        -ms-flex: 0 0 39.583327%;
        flex: 0 0 39.583327%;
        max-width: 39.583327%;
    }

    .col-xl-5-25 {
        -ms-flex: 0 0 43.75%;
        flex: 0 0 43.75%;
        max-width: 43.75%;
    }

    .col-xl-5-50 {
        -ms-flex: 0 0 45.833326%;
        flex: 0 0 45.833326%;
        max-width: 45.833326%;
    }

    .col-xl-5-75 {
        -ms-flex: 0 0 47.916659%;
        flex: 0 0 47.916659%;
        max-width: 47.916659%;
    }

    .col-xl-6-25 {
        -ms-flex: 0 0 52.083325%;
        flex: 0 0 52.083325%;
        max-width: 52.083325%;
    }

    .col-xl-6-50 {
        -ms-flex: 0 0 54.166658%;
        flex: 0 0 54.166658%;
        max-width: 54.166658%;
    }

    .col-xl-6-75 {
        -ms-flex: 0 0 56.25%;
        flex: 0 0 56.25%;
        max-width: 56.25%;
    }

    .col-xl-7-25 {
        -ms-flex: 0 0 60.416657%;
        flex: 0 0 60.416657%;
        max-width: 60.416657%;
    }

    .col-xl-7-50 {
        -ms-flex: 0 0 62.5%;
        flex: 0 0 62.5%;
        max-width: 62.5%;
    }

    .col-xl-7-75 {
        -ms-flex: 0 0 64.583323%;
        flex: 0 0 64.583323%;
        max-width: 64.583323%;
    }

    .col-xl-8-25 {
        -ms-flex: 0 0 68.75%;
        flex: 0 0 68.75%;
        max-width: 68.75%;
    }

    .col-xl-8-50 {
        -ms-flex: 0 0 70.833322%;
        flex: 0 0 70.833322%;
        max-width: 70.833322%;
    }

    .col-xl-8-75 {
        -ms-flex: 0 0 72.916655%;
        flex: 0 0 72.916655%;
        max-width: 72.916655%;
    }

    .col-xl-9-25 {
        -ms-flex: 0 0 77.083321%;
        flex: 0 0 77.083321%;
        max-width: 77.083321%;
    }

    .col-xl-9-50 {
        -ms-flex: 0 0 79.166654%;
        flex: 0 0 79.166654%;
        max-width: 79.166654%;
    }

    .col-xl-9-75 {
        -ms-flex: 0 0 81.25%;
        flex: 0 0 81.25%;
        max-width: 81.25%;
    }

    .col-xl-10-25 {
        -ms-flex: 0 0 85.416653%;
        flex: 0 0 85.416653%;
        max-width: 85.416653%;
    }

    .col-xl-10-50 {
        -ms-flex: 0 0 87.50%;
        flex: 0 0 87.50%;
        max-width: 87.50%;
    }

    .col-xl-10-75 {
        -ms-flex: 0 0 89.583319%;
        flex: 0 0 89.583319%;
        max-width: 89.583319%;
    }

    .col-xl-11-25 {
        -ms-flex: 0 0 93.75%;
        flex: 0 0 93.75%;
        max-width: 93.75%;
    }

    .col-xl-11-50 {
        -ms-flex: 0 0 95.833318%;
        flex: 0 0 95.833318%;
        max-width: 95.833318%;
    }

    .col-xl-11-75 {
        -ms-flex: 0 0 97.916651%;
        flex: 0 0 97.916651%;
        max-width: 97.916651%;
    }
}

/* Custom Bootstrap Columns */

.btn-transparent {
    color: #212529;
    background-color: transparent;
    border-color: transparent;
}

    .btn-transparent:hover {
        color: #212529;
        background-color: #e2e6ea;
        border-color: #dae0e5;
    }

    .btn-transparent:focus, .btn-transparent.focus {
        color: #212529;
        background-color: #e2e6ea;
        border-color: #dae0e5;
        box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
    }

    .btn-transparent.disabled, .btn-transparent:disabled {
        color: #212529;
        background-color: transparent;
        border-color: transparent;
    }

    .btn-transparent:not(:disabled):not(.disabled):active, .btn-transparent:not(:disabled):not(.disabled).active,
    .show > .btn-transparent.dropdown-toggle {
        color: #212529;
        background-color: #dae0e5;
        border-color: #d3d9df;
    }

        .btn-transparent:not(:disabled):not(.disabled):active:focus, .btn-transparent:not(:disabled):not(.disabled).active:focus,
        .show > .btn-transparent.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
        }


/************** Table Responsive Width ***************/

@media (min-width: 576px) {
    .w-sm-25 {
        width: 25% !important
    }

    .w-sm-50 {
        width: 50% !important
    }

    .w-sm-75 {
        width: 75% !important
    }

    .w-sm-100 {
        width: 100% !important
    }
}

@media (min-width: 768px) {
    .w-md-25 {
        width: 25% !important
    }

    .w-md-50 {
        width: 50% !important
    }

    .w-md-75 {
        width: 75% !important
    }

    .w-md-100 {
        width: 100% !important
    }
}

@media (min-width: 992px) {
    .w-lg-25 {
        width: 25% !important
    }

    .w-lg-50 {
        width: 50% !important
    }

    .w-lg-75 {
        width: 75% !important
    }

    .w-lg-100 {
        width: 100% !important
    }
}

@media (min-width: 1200px) {
    .w-xl-25 {
        width: 25% !important
    }

    .w-xl-50 {
        width: 50% !important
    }

    .w-xl-75 {
        width: 75% !important
    }

    .w-xl-100 {
        width: 100% !important
    }
}

/************** Table Responsive Width ***************/
