a {
    color: #114f85;
    text-decoration: none;
}


.container-fluid{padding-left:0;padding-right:0;}
.row{margin-left:0;margin-right:0;}


.navbar-right {
    margin-right: 30px;
}

.inner-col{padding-left:0;padding-right:0;}
.btn-default{background-color:#f7f7f7;}
.first-rounded-fix{border-top-right-radius:4px!important;}
.alert-secondary {color: #383d41; background-color: #e2e3e5;border-color: #d6d8db;}
.label-warning{
    background-color:#ffc107;
    color: #3f3f3f
}
.label-danger{
    background-color:#dc3545;
}
.text-muted{
    color:#4e4e4e;
}

.btn-danger{
    background-color: #dc3545;
}
.btn-success{
    background-color: #198754;
}
.label-success{
    background-color:#198754;
}

.btn-success-outline {
    background-color: white;
    color: #198754;
    border:solid 1px #198754;
}


/* ------------------------------------------------------------------------- */
/* ------------------------------------------------- BOOTSTRAP MODIFICATIONS */
/* ------------------------------------------------------------------------- */

@media (min-width: 750px) {
    .col-no-left-padding{padding-left:0;}
    .col-no-right-padding{padding-right:0;}
}

@media (max-width: 1199px) {
    .col-md-no-padding{padding-left:0;padding-right:0;}
    .panel-md-height{height:280px;}
}

@media (min-width: 1199px) {
    .panel-lg-height{height:340px;}
}

.label-non-bold{
    font-weight:400;
}
.checkbox-no-top-margin{margin-top:0;}
.radio-no-left-padding{padding-left:0!important;}
.row-cols-no-padding .form-group{padding: 0;}
.btn-form-group-padding{margin-top:20px;}
.form-group-no-margin{margin-bottom:0;}
.btn-after-radio{margin-top: 24px;}
.panel-footer-white{background-color:white;}

.fill_row_height{height:100%;}
.panel{margin:0;}
.outer-panel{margin:0;padding:0;}
.split-panel-left{padding-left:0}
.split-panel-right{padding-right:0}
.panel-default{margin-top:5px;margin-bottom:40px;}
.table-color{background-color:white;border:solid #e7e7e7 1px;}
table.table-color-inner{background-color:white;border:solid #e7e7e7 1px;}
table.table-color-inner > thead{background-color:#e7e7e7;}
table.table-color-inner tbody{font-size:12px;}
.table thead{font-size:13px;font-weight:bold;border-bottom:solid 2px #1f58a9}
.table {margin-top:5px;}
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
   background-color: #ffecd5;
}

.panel-default > .panel-heading {
    background-color: white;
}

.navbar-brand{margin:0 0 0 7px!important;}

.navbar-racm,
.navbar-racm .nav > li > a:focus,
.panel-primary > .panel-heading {
    background-color: #245b9e;
}

.panel-primary > .panel-heading {
    border-color: #245b9e;
    color: #fff;
}

.navbar-racm .navbar-nav > li > a {
  color: white;
  font-weight:bold;
  font-size:12px;
}

.navbar-racm .navbar-toggle {
  border-color: white;
  margin-right:25px;
}
.navbar-racm .navbar-toggle .icon-bar {
  background-color: white;
}

.navbar-racm .navbar-toggle:hover,
.navbar-racm .navbar-nav > li > a:hover {
    background-color: #163760;
}

.navbar-toggle:not(.collapsed),
.navbar-racm .navbar-nav > .open > a:focus {
    background-color: #0D213A;
}

.navbar-fixed-top .navbar-collapse {
    max-height: 550px;
    border-bottom: none;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    overflow-y: hidden;
}

.nav .open > a,
.nav .open > a:hover {
    background-color: transparent;
}

#otherLoginList > .dropdown-item:hover {
    background-color: #f2f2f2;
    cursor: pointer;
}

.btn-link-danger {
	color: #cd542e;
}

.navbar-racm .btn-link[disabled]:hover,
.navbar-racm .btn-link[disabled]:focus,
fieldset[disabled] .navbar-racm .btn-link:hover,
fieldset[disabled] .navbar-racm .btn-link:focus {
  color: #444;
}

/* PANEL TABS */
.panel.with-nav-tabs .panel-heading{
    padding: 5px 5px 0 5px;
}
.panel.with-nav-tabs .panel-heading .panel-title{
    padding: 10px;
}
.panel.with-nav-tabs .nav-tabs{
    border-bottom: none;
}
.panel.with-nav-tabs .nav-justified{
    margin-bottom: -1px;
}

/********************************************************************/
/*** PANEL DEFAULT ***/
.with-nav-tabs.panel-default .nav-tabs > li > a {
    color: #777;
}
.with-nav-tabs.panel-default .nav-tabs > .open > a,
.with-nav-tabs.panel-default .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-default .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #777;
    background-color: #ddd;
    border-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li.active > a,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:focus {
    color: #555;
    background-color: #fff;
    border-color: #ddd;
    border-bottom-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #f5f5f5;
    border-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #777;   
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #555;
}
/********************************************************************/
/*** PANEL PRIMARY ***/
.with-nav-tabs.panel-primary .nav-tabs > li > a {
    color: #fff;
}
.with-nav-tabs.panel-primary .nav-tabs > .open > a,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
    color: #fff;
    background-color: #3071a9;
    border-color: transparent;
}
.with-nav-tabs.panel-primary .nav-tabs > li.active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:focus {
    color: #428bca;
    background-color: #fff;
    border-color: #428bca;
    border-bottom-color: transparent;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #428bca;
    border-color: #3071a9;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #fff;   
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #3071a9;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    background-color: #4a9fe9;
}
/********************************************************************/
/*** PANEL SUCCESS ***/
.with-nav-tabs.panel-success .nav-tabs > li > a {
    color: #3c763d;
}
.with-nav-tabs.panel-success .nav-tabs > .open > a,
.with-nav-tabs.panel-success .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-success .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-success .nav-tabs > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li > a:focus {
    color: #3c763d;
    background-color: #d6e9c6;
    border-color: transparent;
}
.with-nav-tabs.panel-success .nav-tabs > li.active > a,
.with-nav-tabs.panel-success .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.active > a:focus {
    color: #3c763d;
    background-color: #fff;
    border-color: #d6e9c6;
    border-bottom-color: transparent;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #3c763d;   
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #d6e9c6;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #3c763d;
}
/********************************************************************/
/*** PANEL INFO ***/
.with-nav-tabs.panel-info .nav-tabs > li > a {
    color: #31708f;
}
.with-nav-tabs.panel-info .nav-tabs > .open > a,
.with-nav-tabs.panel-info .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-info .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-info .nav-tabs > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li > a:focus {
    color: #31708f;
    background-color: #bce8f1;
    border-color: transparent;
}
.with-nav-tabs.panel-info .nav-tabs > li.active > a,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:focus {
    color: #31708f;
    background-color: #fff;
    border-color: #bce8f1;
    border-bottom-color: transparent;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #31708f;   
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #bce8f1;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #31708f;
}
/********************************************************************/
/*** PANEL WARNING ***/
.with-nav-tabs.panel-warning .nav-tabs > li > a {
    color: #8a6d3b;
}
.with-nav-tabs.panel-warning .nav-tabs > .open > a,
.with-nav-tabs.panel-warning .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-warning .nav-tabs > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li > a:focus {
    color: #8a6d3b;
    background-color: #faebcc;
    border-color: transparent;
}
.with-nav-tabs.panel-warning .nav-tabs > li.active > a,
.with-nav-tabs.panel-warning .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.active > a:focus {
    color: #8a6d3b;
    background-color: #fff;
    border-color: #faebcc;
    border-bottom-color: transparent;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #8a6d3b; 
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #faebcc;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #8a6d3b;
}
/********************************************************************/
/*** PANEL DANGER ***/
.with-nav-tabs.panel-danger .nav-tabs > li > a {
    color: #a94442;
}
.with-nav-tabs.panel-danger .nav-tabs > .open > a,
.with-nav-tabs.panel-danger .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-danger .nav-tabs > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li > a:focus {
    color: #a94442;
    background-color: #ebccd1;
    border-color: transparent;
}
.with-nav-tabs.panel-danger .nav-tabs > li.active > a,
.with-nav-tabs.panel-danger .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.active > a:focus {
    color: #a94442;
    background-color: #fff;
    border-color: #ebccd1;
    border-bottom-color: transparent;
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #f2dede; /* bg color */
    border-color: #ebccd1; /* border color */
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #a94442; /* normal text color */  
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #ebccd1; /* hover bg color */
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff; /* active text color */
    background-color: #a94442; /* active bg color */
}

/********************************************************************/
/*** PANEL RACM ***/
.with-nav-tabs.panel-racm .nav-tabs > li > a {
    color: #245b9e;
}
.with-nav-tabs.panel-racm .nav-tabs > .open > a,
.with-nav-tabs.panel-racm .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-racm .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-racm .nav-tabs > li > a:hover,
.with-nav-tabs.panel-racm .nav-tabs > li > a:focus {
    color: #245b9e;
    background-color: #ebccd1;
    border-color: transparent;
}
.with-nav-tabs.panel-racm .nav-tabs > li.active > a,
.with-nav-tabs.panel-racm .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-racm .nav-tabs > li.active > a:focus {
    color: #245b9e;
    background-color: #fff;
    border-color: #ebccd1;
    border-bottom-color: transparent;
}
.with-nav-tabs.panel-racm .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #dee6f2; /* bg color */
    border-color: #ebccd1; /* border color */
}
.with-nav-tabs.panel-racm .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #245b9e; /* normal text color */  
}
.with-nav-tabs.panel-racm .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-racm .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #ccd7eb; /* hover bg color */
}
.with-nav-tabs.panel-racm .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-racm .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-racm .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff; /* active text color */
    background-color: #245b9e; /* active bg color */
}

/*needed when we have 2 modals opened at the same time*/
.modal-open {
    overflow: scroll;
}

.nav-pills>li>a{border:solid #eeeeee 1px;font-size:13px;color:grey;}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{border:none;background-color:grey;color:white;}

.label-size{font-size:120%;padding:5px;font-weight:normal;}

.label-dark{color:#404040!important}
.label-default-inverted{background-color: #efefef!important;}
.label-primary-faded{background-color:#68a0d0;}
.label-header{padding:.3em .6em;font-weight:normal!important;font-size:14px;}
.progress{margin-bottom:3px!important}

.modal-lg{max-width:1024px;}

.modal-xl{max-width:1200px;}

@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
  .modal-xl {
    width: 900px;
  }
}

@media (min-width: 768px) {
  .modal-lg {
    width: 100%;
  }
  .modal-xl {
    width: 100%;
  }
}

.btn-default .badge {background-color: #777}


.table-hover > tbody > tr.test:hover + tr {
  background-color: #f5f5f5;
}

.table-hover > tbody > tr + tr.test2:hover {
  background-color: #f5f5f5;
}

.ui-datepicker {
    z-index: 9999 !important;
}

.panel-header-title-smaller{font-size:14px!important;}

.modal-dialog {
    margin-top: 70px;
}

/* Bootstrap 4 margin and padding utility emulation */

/* Margin */
.m-0 { margin: 0 !important; }
.m-1 { margin: 0.25rem !important; }
.m-2 { margin: 0.5rem !important; }
.m-3 { margin: 1rem !important; }
.m-4 { margin: 1.5rem !important; }
.m-5 { margin: 3rem !important; }

.mt-0 { margin-top: 0 !important; }
.mt-1 { margin-top: 0.25rem !important; }
.mt-2 { margin-top: 0.5rem !important; }
.mt-3 { margin-top: 1rem !important; }
.mt-4 { margin-top: 1.5rem !important; }
.mt-5 { margin-top: 3rem !important; }

.mb-0 { margin-bottom: 0 !important; }
.mb-1 { margin-bottom: 0.25rem !important; }
.mb-2 { margin-bottom: 0.5rem !important; }
.mb-3 { margin-bottom: 1rem !important; }
.mb-4 { margin-bottom: 1.5rem !important; }
.mb-5 { margin-bottom: 3rem !important; }

.ml-0 { margin-left: 0 !important; }
.ml-1 { margin-left: 0.25rem !important; }
.ml-2 { margin-left: 0.5rem !important; }
.ml-3 { margin-left: 1rem !important; }
.ml-4 { margin-left: 1.5rem !important; }
.ml-5 { margin-left: 3rem !important; }

.mr-0 { margin-right: 0 !important; }
.mr-1 { margin-right: 0.25rem !important; }
.mr-2 { margin-right: 0.5rem !important; }
.mr-3 { margin-right: 1rem !important; }
.mr-4 { margin-right: 1.5rem !important; }
.mr-5 { margin-right: 3rem !important; }

.mx-0 { margin-left: 0 !important; margin-right: 0 !important; }
.mx-1 { margin-left: 0.25rem !important; margin-right: 0.25rem !important; }
.mx-2 { margin-left: 0.5rem !important; margin-right: 0.5rem !important; }
.mx-3 { margin-left: 1rem !important; margin-right: 1rem !important; }
.mx-4 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }
.mx-5 { margin-left: 3rem !important; margin-right: 3rem !important; }

.my-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
.my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }
.my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
.my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
.my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
.my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; }

/* Padding */
.p-0 { padding: 0 !important; }
.p-1 { padding: 0.25rem !important; }
.p-2 { padding: 0.5rem !important; }
.p-3 { padding: 1rem !important; }
.p-4 { padding: 1.5rem !important; }
.p-5 { padding: 3rem !important; }

.pt-0 { padding-top: 0 !important; }
.pt-1 { padding-top: 0.25rem !important; }
.pt-2 { padding-top: 0.5rem !important; }
.pt-3 { padding-top: 1rem !important; }
.pt-4 { padding-top: 1.5rem !important; }
.pt-5 { padding-top: 3rem !important; }

.pb-0 { padding-bottom: 0 !important; }
.pb-1 { padding-bottom: 0.25rem !important; }
.pb-2 { padding-bottom: 0.5rem !important; }
.pb-3 { padding-bottom: 1rem !important; }
.pb-4 { padding-bottom: 1.5rem !important; }
.pb-5 { padding-bottom: 3rem !important; }

.pl-0 { padding-left: 0 !important; }
.pl-1 { padding-left: 0.25rem !important; }
.pl-2 { padding-left: 0.5rem !important; }
.pl-3 { padding-left: 1rem !important; }
.pl-4 { padding-left: 1.5rem !important; }
.pl-5 { padding-left: 3rem !important; }

.pr-0 { padding-right: 0 !important; }
.pr-1 { padding-right: 0.25rem !important; }
.pr-2 { padding-right: 0.5rem !important; }
.pr-3 { padding-right: 1rem !important; }
.pr-4 { padding-right: 1.5rem !important; }
.pr-5 { padding-right: 3rem !important; }

.px-0 { padding-left: 0 !important; padding-right: 0 !important; }
.px-1 { padding-left: 0.25rem !important; padding-right: 0.25rem !important; }
.px-2 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
.px-3 { padding-left: 1rem !important; padding-right: 1rem !important; }
.px-4 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
.px-5 { padding-left: 3rem !important; padding-right: 3rem !important; }

.py-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
.py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }
.py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
.py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
.py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
.py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; }

@media (min-width: 1400px) {
    .col-xl-1  { width: 8.333333%;  }
    .col-xl-2  { width: 16.666667%; }
    .col-xl-3  { width: 25%;        }
    .col-xl-4  { width: 33.333333%; }
    .col-xl-5  { width: 41.666667%; }
    .col-xl-6  { width: 50%;        }
    .col-xl-7  { width: 58.333333%; }
    .col-xl-8  { width: 66.666667%; }
    .col-xl-9  { width: 75%;        }
    .col-xl-10 { width: 83.333333%; }
    .col-xl-11 { width: 91.666667%; }
    .col-xl-12 { width: 100%;       }

    /* Offsets  */
    .col-xl-offset-1  { margin-left: 8.333333%;  }
    .col-xl-offset-2  { margin-left: 16.666667%; }
    .col-xl-offset-3  { margin-left: 25%;        }
    .col-xl-offset-4  { margin-left: 33.333333%; }
    .col-xl-offset-5  { margin-left: 41.666667%; }
    .col-xl-offset-6  { margin-left: 50%;        }
    .col-xl-offset-7  { margin-left: 58.333333%; }
    .col-xl-offset-8  { margin-left: 66.666667%; }
    .col-xl-offset-9  { margin-left: 75%;        }
    .col-xl-offset-10 { margin-left: 83.333333%; }
    .col-xl-offset-11 { margin-left: 91.666667%; }
}