/*************************
Import Files
***************************/
@import url("font.css");

/*************************
Reset CSS
***************************/

@charset "utf-8";
a { letter-spacing: 0.6px; outline: none; }
* { margin: 0; padding: 0; outline: none; box-sizing: border-box; }
html, body {
    min-height: 100% !important;
    height: 100%;
}
body { padding-top: 0 !important;  color: #333; width: 100%; overflow-x: hidden; font-weight: 400; font-family: Montserrat-regular; font-size: 15px; font-weight: 400; background: #f8f9fb; -webkit-animation-delay: 0.1s; -webkit-animation-name: fontfix; -webkit-animation-duration: 0.1s; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: linear;  }
::-webkit-input-placeholder { color: #a0a0a0; opacity: 1; font-size: 14px; font-weight: 400; font-family: Montserrat-regular; }
:-moz-placeholder { color: #a0a0a0; opacity: 1; font-size: 14px; font-weight: 400; font-family: Montserrat-regular; }
::-moz-placeholder { color: #a0a0a0; opacity: 1; font-size: 14px; font-weight: 400; font-family: Montserrat-regular; }
:-ms-input-placeholder { color: #a0a0a0; opacity: 1; font-size: 14px; font-weight: 400; font-family: Montserrat-regular; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; }
h1, h2, h3, h4, h5, h6, strong { font-family: Montserrat-bold; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
strong { font-weight: 600; }
html[xmlns] .clearfix { display: block; }
html { -ms-overflow-style: scrollbar; }
* html .clearfix { height: 1%; }
ul, li { margin: 0; padding: 0; }
li { list-style: none; }
a { text-decoration: none; border: 0; outline: none; color: #0b2b5a; -webkit-transition: all 1s ease; transition: all 1s ease; font-family: Montserrat-medium; }
p, div { line-height: 28px; font-family: Montserrat-regular; font-size: 15px; color: #000; font-weight: 400; }
li:hover a { text-decoration: none; }
a:hover, a:focus, .btn-check:focus+.btn, .btn:focus { text-decoration: none; color: #27436f; outline: none; box-shadow: none; }
a, img { border: 0; outline: none; }
.close:not(:disabled):not(.disabled) { outline: none; }
.btn { line-height: 27px; font-size: 14px; height: 40px; border-radius: 0; }

.form-control { height: 40px; border: 1px solid rgba(0,0,0,.125); border-radius: 0; }
.form-control:focus { box-shadow: none; border-color: #246bb2; }
.form-control::placeholder{ font-size: 15px; }
.breadcrumb { font-family: Montserrat-medium; }
.breadcrumb-item.active { font-weight: 500; }

/*************************
Default Styles
***************************/
.title-mega {
    font-family: Montserrat-medium;
    font-size: 22px;
     font-weight: 500;
     margin-left: 35px;
}
.menu-title {
    font-family: Montserrat-semibold;
    padding: 12px 25px;
    letter-spacing: .08em;
    cursor: default;
    font-size: 12px;
    text-transform: uppercase;
    color: #7b8190;
    font-weight: 600;
    opacity: .6;
}

.page-title {
    font-family: Montserrat-semibold;
    font-size: 18px;
    color: #000;
}

.title-medium {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    font-family: Montserrat-semibold;
}

/*************************
Button
***************************/

.btn-theme {
    background-color: #246bb2;
    color: #fff;
    font-weight: 500;
}

.select-grouped-list .btn { 
    width: 45px;
    height: 40px;
    padding: 0;
    border: 1px solid #246bb2;
 }
 .select-grouped-list .btn img {
     width: 100%;
     height: 100%;
     padding: 4px;
 }


.btn-equal.active {
background-color: #2ab3ec;
border-color: #2ab3ec;
}
.btn-equal .or-equal, .btn-equal.active .and-equal {
    display: none;
    }
.btn-equal.active .or-equal {
display: block;
}
.view-btn {
    background-color: #00bcd4;
    color: #fff;
    font-size: 14px;
    padding: 6px 20px 6px 40px;
    border-radius: 30px;
    position: relative;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 150px;
    margin: 0 auto;
}
.view-btn::before {
    position: absolute;
    content: "";
    background-image: url("../Images/eye.svg");
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    left: 15px;
    top: 9px;
}
.view-btn:hover {
    background-color: #2ab3ec;
    color: #fff;
}
table thead th:last-child {
    text-align: center;
}
table tr td:last-child {
    text-align: center;
}

.btn-slide-side {
    background: #246bb2;
    border: 0;
    color: #fff;
    font: inherit;
    line-height: 1;
    width: 45px;
    height: 45px;
    text-transform: uppercase;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
}

/********* Animated Button  **********/
.btn-slide:hover, .btn-slide:focus {
    box-shadow: inset 160px 0 0 0 var(--hover);
  }
  .btn-slide {
    --color: #246bb2;
    --hover: #2ab3ec;
  }
  .btn-slide {
    color: #246bb2;
    transition: 0.35s;
  }
  .btn-slide:hover, .btn-slide:focus {
    color: #fff;
  }
  
  .btn-slide {
    background: #246bb2;
    border: 0;
    color: #fff;
    font: inherit;
    line-height: 1;
    width: 170px;
    height: 45px;
    text-transform: uppercase;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
  }

 /*************************
 Radio Button Style
***************************/


 /*************************
 Radio Button Style End
***************************/

/*************************
Select Toogle Style
***************************/
 /* container for all of the switch elements 
    - adjust "width" to fit the content accordingly 
*/
.switches-container {
    width: 135px;
    height: 42px;
    position: relative;
    display: flex;
    padding: 0;
    position: relative;
    background: #dedede;
    line-height: 3rem;
    border-radius: 3rem;
    margin-left: auto;
    margin-right: auto;
}

/* input (radio) for toggling. hidden - use labels for clicking on */
.switches-container input {
    visibility: hidden;
    position: absolute;
    top: 0;
}

/* labels for the input (radio) boxes - something to click on */
.switches-container label {
    width: 50%;
    font-size: 14px;
    padding: 0;
    margin: 0;
    text-align: center;
    cursor: pointer;
    color: #6c757d;
    font-weight: 600;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* switch highlighters wrapper (sliding left / right) 
    - need wrapper to enable the even margins around the highlight box
*/
.switch-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 50%;
    padding: 0.15rem;
    z-index: 3;
    transition: transform .5s cubic-bezier(.77, 0, .175, 1);
    /* transition: transform 1s; */
}

/* switch box highlighter */
.switch {
    border-radius: 3rem;
    background: #246bb2;
    height: 100%;
}

/* switch box labels
    - default setup
    - toggle afterwards based on radio:checked status 
*/
.switch div {
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    opacity: 0;
    display: block;
    color: #ffffff;
    transition: opacity .2s cubic-bezier(.77, 0, .175, 1) .125s;
    will-change: opacity;
    position: absolute;
    top: 0;
    left: 0;
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* slide the switch box from right to left */
.switches-container input:nth-of-type(1):checked~.switch-wrapper {
    transform: translateX(0%);
}

/* slide the switch box from left to right */
.switches-container input:nth-of-type(2):checked~.switch-wrapper {
    transform: translateX(100%);
}

/* toggle the switch box labels - first checkbox:checked - show first switch div */
.switches-container input:nth-of-type(1):checked~.switch-wrapper .switch div:nth-of-type(1) {
    opacity: 1;
}

/* toggle the switch box labels - second checkbox:checked - show second switch div */
.switches-container input:nth-of-type(2):checked~.switch-wrapper .switch div:nth-of-type(2) {
    opacity: 1;
}

/*************************
Basic Elements
***************************/
.select2-style { 
    max-width: 100%;
    height: 40px;
    padding: 0 10px;
    border: 1px solid rgba(0,0,0,.125);
}


.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0;
    color: #444;
    line-height: 40px;
    height: 40px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px;
    padding-right: 35px;
}

.select2-container {
    width: 272px !important;
}

.select-group  {
    width: 272px;
}
.select-group-lg .select2-container, .select-group-lg, .select-group-lg .select2-container--default .select2-selection--single {
    width: 100% !important;
}


.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 16px;
    right: 25px;
    width: auto;
    height: auto;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-width: 9px 8px 0 8px;
    border-color: rgba(0,0,0,.25) transparent transparent transparent;
    margin: 0;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-width: 0 8px 9px 8px;
    border-color: transparent transparent rgba(0,0,0,.25) transparent;
}
.select2-container--default .select2-search--dropdown .select2-search__field, .select2-dropdown {
    border: 1px solid rgba(0,0,0,.125);
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #246bb2;
}

.select2-results__option {
    font-size: 15px;
    border-bottom: 1px solid #e3e3e3;
}

/*************************
Checkbox
***************************/
.c-radio-button input[type="checkbox"] {
    position: relative;
    width: 1.5em;
    height: 1.5em;
    color: #363839;
    border: 1px solid rgb(0 0 0 / 25%);
    border-radius: 0;
    appearance: none;
    outline: 0;
    cursor: pointer;
    transition: background 175ms cubic-bezier(0.1, 0.1, 0.25, 1);
}
.c-radio-button input[type="checkbox"]::before {
    position: absolute;
    content: '';
    display: block;
    top: 1px;
    left: 7px;
    width: 8px;
    height: 14px;
    border-style: solid;
    border-color: #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    opacity: 0;
}
.c-radio-button input[type="checkbox"]:checked {
    color: #fff;
    border-color: #246bb2;
    background: #246bb2;
}
.c-radio-button input[type="checkbox"]:checked::before {
    opacity: 1;
}
.c-radio-button input[type="checkbox"]:checked ~ label::before {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.c-radio-button label { cursor: pointer; }


/*************************
Header
***************************/
.header { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; height: 60px; background-color: #246bb2; }
.header-logo { position: fixed; top: 0; left: 0; width: 260px; height: 60px; background: #ffffff url("../Images/top-banner-logo.png") no-repeat right top; background-size: cover; }
.header-content { width: 100%; height: 60px; }
.header-sidemenu-toggle-btn { left: 278px; right: auto; top: 0px; padding: 7px 0 0 0; }
.sidemenu-toggle-btn .menu-open { display: none; }
.sidemenu-toggle-btn .menu-close { display: block; }
.sidemenu-toggle-btn.active img.menu-open { display: block; }
.sidemenu-toggle-btn.active img.menu-close { display: none; }



/*************************
Card Elements
***************************/
.card { 
    border-radius: 0;
 }
 .card-header {
     padding: 10px 20px;
 }
 .card-body {
     padding: 15px 20px;
 }

/*************************
Tab Elements
***************************/
.tab-content p { margin-bottom: 7px; }
ul.has-list  { padding-left: 15px; }
ul.has-list  li { padding-bottom: 10px; position: relative; padding-left: 12px; }
ul.has-list  li::before {
    position: absolute;
    content: "";
    left: -15px;
    top: 4px;
    width: 18px;
    height: 18px;
    background: #ffffff url("../Images/list-arrow.svg") no-repeat right top; background-size: cover;
}
ul.has-list ul.inner-list { padding-left: 50px; }
ul.has-list ul.inner-list li::before {
    left: -10px;
    top: 7px;
    width: 14px;
    height: 14px;
    background: #ffffff url("../Images/list-arrow-inner.svg") no-repeat right top; 
    background-size: contain;
}
 
/*************************
Sidemenu
***************************/
.sidemenu-panel {
        float: left;
        width: 100%;
    background-color: #ffffff;
    width: 260px;
    height: 100vh;
   position: fixed;
   left: -260px;
   top: 60px;
   transition: all 0.35s;
   -webkit-box-shadow: 0 -2px 5px rgb(52 58 64 / 6%);
   box-shadow: 0 -2px 5px rgb(52 58 64 / 6%);
   border-right: 1px solid #ededed;
}
.sidemenu-panel.active {
    width: 260px;
    left: 0;
    transition: all 0.35s;
    padding: 7px 0 0 0;
}
.sidemenu-panel ul li {
    display: block;
    width: 100%;
    border-bottom: 1px solid #ededed;
    background-color: rgba(0,0,0,.03);
    -webkit-transition: all 0s;
    transition: all 0s;
 }
 .sidemenu-panel ul li:first-child {
     border-top: 1px solid #ededed;
 }
 .sidemenu-panel ul li:hover {
    background-color: rgba(0,0,0,.03);
    -webkit-transition: all 0s;
    transition: all 0s;
 }
.sidemenu-panel ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 1rem;
    margin-left: 0px;
    color: #7b8190;
    position: relative;
    background-color: #ffffff;
    font-weight: 500;
    -webkit-transition: all .4s;
    transition: all .4s;
    font-size: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: 0;
    position: relative;
    height: 55px;
 }

 /* .sidemenu-panel ul li a:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 15px solid #eff0f3;
    border-bottom: 10px solid transparent;
    right: -16px;

 } */
 .sidemenu-panel ul li a.active {
    background-color: #246bb2;
    color: #fff;
 }

 .sidemenu-panel ul li a:hover {
    margin-left: 20px;
    background-color: #f7f7f7;
 
 }
 .sidemenu-panel ul li a.active:hover {
    margin-left: 0;
    background-color: #246bb2;;
        -webkit-transition: all .4s;
    transition: all .4s;
 }
 .nav-icon svg path { 
     fill: #7b8190; 
     -webkit-transition: all .3s;
     transition: all .3s;
     top: -1px;
     font-size: 1.3rem;
     line-height: 1.40625rem;
    }
    .sidemenu-panel ul li a.active.nav-icon svg path {
        fill: #fff!important;
    }

/*************************
TableElements
***************************/
table { width: 100%; font-size: 15px; font-family: Montserrat-regular !important; }
table thead th { padding: 6px 0 0 15px; border: 1px solid #e3e3e3; background-color: #246bb2; color: #ffffff; height: 40px; }
table tr td { font-size: 15px; max-width: 360px; line-height: 24px; padding: 10px 0 10px 15px; border-style: solid; border-width: 0 1px 1px 1px; border-color: rgba(0,0,0,.125); }



/*************************
Main Content
***************************/
.content-panel {
        position: relative;
    top: 60px;
}
    .main-content-panel {
        width: calc(100% - 260px);
        float: right;
        padding: 0 15px;
        -webkit-transition: all .4s;
        transition: all .4s;
    }
    body.sidemenu-open .main-content-panel {
        width: 100%;
        -webkit-transition: all .4s;
        transition: all .4s;
    }
    
    .label-title { float: left; min-width: 200px; font-weight: 700; }
    .list-details {  border-bottom: 1px solid #e3e3e3; margin-bottom: 10px; padding-bottom: 10px; }
    .list-details.no-line { border: 0; }
    
    /************************
    Footer
    ************************/
    #footer { margin: 40px 0; }
    .footer-nav li { display: inline-block; position: relative; margin-right: 20px; }
    .footer-nav li:last-child { margin-right: 0; }
    .footer-nav li a { color: #000; font-size: 15px; font-weight: 500; }
    .footer-nav li:after { position: absolute; content: " | "; right: -15px; top: 0px; }
    .footer-nav li:last-child:after { content: ""; }
    .footer-nav li a:hover { color: #246bb2; }
    
    /************************
    Footer End
    ************************/

    /************************
    Go To Top Button
    ************************/
    #goTopButton {
        background-color: #2ab3ec;
        width: 40px;
        height: 40px;
        text-align: center;
        position: fixed;
        bottom: 30px;
        right: 30px;
        transition: background-color .3s, 
          opacity .5s, visibility .5s;
        opacity: 0;
        visibility: hidden;
        z-index: 1000;
      }
      #goTopButton:hover {
        cursor: pointer;
        background-color:#246bb2;
      }
      #goTopButton:active {
        background-color: #246bb2;
      }
      #goTopButton.show {
        opacity: 1;
        visibility: visible;
      }
      #goTopButton img {
        transform: rotate(180deg);
      }
      .range_inputs .btn { width: 48%; }
      .calendar.right, .daterangepicker .left { display: block; }
      .calendar-icon { cursor: pointer; }

/* Date Range Picker */
.ranges {
    background: #ffffff;
    border: 1px solid rgba(0,0,0,.15);
    padding: 10px;
}
.ranges li.active, .ranges li:hover {
    background-color: #246bb2;
    border-color: #246bb2;
}
.ranges li {
    color: #000;
    background-color: #ebebeb;
    border: 1px solid #ebebeb;
    border-radius: 0;
}

.calendar-table table tr td, .calendar-table table thead th {
    padding: 10px;
}
.daterangepicker {
    background: #f9f9f9;
    margin: 5px 0px;
}
.daterangepicker.ltr .calendar.left .calendar-table { 
    padding-right: 0;
}

.daterangepicker td, .daterangepicker th { 
    border-radius: 0;
}
.daterangepicker .calendar {
    max-width: 100%;
}
.datePicker-panel {
    background-color: #246bb2;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
}
.calendar-table table tr td, .calendar-table table thead th {
    padding: 7px 8px;
    font-size: 14px;
}
th.prev.available {
    background-image: url('../Images-MERS/left-arrow.png');
    background-size: 18px;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: 7px;
    background-color: #357ebd;
 }
 th.next.available {
    background-image: url('../Images-MERS/right-arrow.png');
    background-size: 18px;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: 10px;
    background-color: #357ebd;
 }
 th.prev.available:hover, th.next.available:hover {
    background-color: #2ab3ec;
 }
 .range_inputs .btn.btn-success {
    background-color: #357ebd;
    border-color: #357ebd;
 }
 .range_inputs .btn.btn-success:hover {
    background-color: #2ab3ec;
    border-color: #2ab3ec;
 }
 .daterangepicker .input-mini {
    margin: 0;
    padding: 0;
    text-align: center;
 }
 .daterangepicker .input-mini, .daterangepicker .input-mini.active {
    border-radius: 0;
 }
 .daterangepicker .input-mini.active {
    border: 1px solid #246bb2;
 }
 .daterangepicker.ltr .left .daterangepicker_input {
    padding-right: 6px;
 }
 .daterangepicker.ltr .calendar .calendar-table {
    border: 1px solid rgba(0,0,0,.15);
    margin: 4px 0 0 0;
    border-radius: 0;
 }    


 /** Loader **/
 
 .loader {
    --color1: #246bb2;
    --color2: #246bb2;
    --color3: #246bb2;
    --color4: #246bb2;
    --color5: #246bb2;
    --_mask: no-repeat radial-gradient(#000 68%,#0000 71%);
    width: 90px;
    aspect-ratio: 1;
    background: conic-gradient(from 36deg,
      var(--color1)0%,var(--color1)20%,
      var(--color2)20%,var(--color2)40%,
      var(--color3)40%,var(--color3)60%,
      var(--color4)60%,var(--color4)80%,
      var(--color5)80%)
      no-repeat;
    /*background-size: 200% 200%;*/
    -webkit-mask: var(--_mask),var(--_mask),var(--_mask),var(--_mask),var(--_mask);
    -webkit-mask-size: 25% 25%;
    animation:
      
      load 3s infinite ease-in-out;
  }
  
  @keyframes load{
    0%, 100%{-webkit-mask-position:50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%;}
    20%{-webkit-mask-position:100% 38%, 82% 100%, 18% 100%, 0% 38%, 50% 0%;}
    40%{-webkit-mask-position:82% 100%, 18% 100%, 0% 38%, 50% 0%, 100% 38%;}
    60%{-webkit-mask-position:18% 100%, 0% 38%, 50% 0%, 100% 38%, 82% 100%;}
    80%{-webkit-mask-position:0% 38%, 50% 0%, 100% 38%, 82% 100%, 18% 100%;}
  }
  @keyframes back{
    0%, 100%{background-position: 0 0;}
    25%{background-position: 0 100%;}
    50%{background-position: 100% 100%;}
    75%{background-position: 100% 0;}
  }
  
   /** Loader End **/


    @media screen and (min-width: 1200px) and (max-width: 1330px) {
        .select2-container, .select2-container--default .select2-selection--single, .select-group {
            width: 100%;
            min-width: 260px;
        }

    }
    

    @media screen and (max-width: 1199px) {
        .main-content-panel { width: 100%; }
        .sidemenu-panel.active, .sidemenu-panel { z-index: 999; }
    }

    
    @media screen and (max-width: 991px) {
     
        .switches-container { float: left; }

    }

    @media screen and (max-width: 767px) {
        html, body, p, div, tr, td, th, .footer-nav li a { font-size: 14px; }
        .header-logo { width: 175px; }
        .header-sidemenu-toggle-btn { left: 180px; }
        .title-mega { margin: 0; position: absolute; right: 15px; }
        .main-content-panel { padding: 0; }
        .switches-container { width: 125px; }
        .switches-container, .switch div, .switches-container label { font-size: 13px; height: 36px; }
 
        .select2-container, .select2-container--default .select2-selection--single, .select-group {
            width: 100% !important;
        }
        .card-body, .card-header { padding: 6px 12px;  }
        .c-lg-50 li { width: 100%; margin: 5px 0 !important; }
        ul.has-list ul.inner-list { padding-left: 20px; }
        table tr td { font-size: 14px; padding: 10px 0 10px 15px; border-width: 0 0 1px 0; }
        table tr td:last-child { border-width: 0; }
        .label-title { width: 100%; }
        .footer-nav li { margin-bottom: 5px; }

  /* Force table to not be like tables anymore */
  /* table, thead, tbody, th, td, tr { 
      display: block; 
  } */
  
  /* Hide table headers (but not display: none;, for accessibility) */
  thead tr { 
      position: absolute;
      top: -9999px;
      left: -9999px;
  }
  
  tr { float: left; width: 100%; border: 1px solid rgba(0,0,0,.125); margin-bottom: 20px; }
  
  td { 
      /* Behave  like a "row" */
      border: none;
      border-bottom: 1px solid #eee; 
      position: relative;
      padding-left: 50%; 
  }

  .responsiveTable table tr td { max-width: 100%; display: table-caption; width: 100%; float: left; padding: 10px; }



    }

    @media screen and (min-width: 768px) and (max-width: 992px) {
        .select2-container, .select2-container--default .select2-selection--single, .select-group {
            width: 100% !important;
        }
        .c-lg-50 li:nth-child(odd) { width: 48%; float: left; }
        .c-lg-50 li:nth-child(even) { width: 48%; float: left;  }
        .c-lg-50 li { margin: 10px  0; }

    }

    @media screen and (min-width: 992px) {
        .select-group-lg .select2-container, .select-group-lg, .select-group-lg .select2-container--default .select2-selection--single {
            width: 570px !important;
        }
    
    }