@import url('https://fonts.googleapis.com/css?family=Open+Sans:600');
/* CUSTOM MIXINS */
/* START  */
/* Including for line for for loop function */
/* START  */
/* Including for line for for loop function */
/* END  */
/* END */
@media (min-width: 1024px) {
  .less_padding {
    padding-right: 0px;
    padding-left: 0px;
  }
  /* Header section Main Changes made here  */
  /* =====================     START  */
  .navbar-default .navbar-right {
    margin-right: 0px;
  }
  .navbar-default .navbar-nav > li > a {
    /* Main nav Css styles change  DESKTOP*/
    /* // color */
    color: #ffffff;
    letter-spacing: 0.02em;
    padding: 0px;
    text-decoration: none;
    font-weight: normal;
    text-transform: uppercase;
    /* // font style */
    text-shadow: 0px 0px 2px #000000;
    font-size: 1.4rem !important;
    /* // height */
    line-height: 66px;
    min-height: 66px;
    /* // spacing */
    margin-left: 40px;
    /* Main nav Css styles change  */
  }
  .navbar-default .navbar-nav > li > a:hover,
  .navbar-default .navbar-nav > li > a:active,
  .navbar-default .navbar-nav > li > a:focus {
    color: #a6ce4c;
  }
  .navbar-default .navbar-brand {
    margin-left: 0px !important;
    padding: 0px;
    height: auto;
  }
  .navbar-default .collapse.menu-section {
    background-image: -o-linear-gradient(top, #676767 0%, #4c4c4c 100%);
    background-image: -webkit-linear-gradient(top, #676767 0%, #4c4c4c 100%);
    background-image: linear-gradient(to bottom, #676767 0%, #4c4c4c 100%);
    background-repeat: repeat-x;
    border-bottom: 1px solid #ffffff;
    -webkit-box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.3) !important;
    box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.3) !important;
  }
}
@media (min-width: 1024px) and (max-width: 1200px) {
  .navbar-default .navbar-nav > li > a {
    /* // Nav {li a} spacing for small screen */
    margin-right: 20px !important;
    letter-spacing: 0.0em !important;
  }
}
@media (max-width: 1024px), (max-device-width: 991px) and (orientation: landscape), (max-device-width: 1024px) and (orientation: landscape) {
  /* MOBILE SCREEN MAIN NAV     START */
  /* // =================== */
  #mainNav {
    background: transparent;
  }
  #mainNav .navbar-collapse {
    position: fixed;
    width: 100%;
    height: 100% !important;
    display: block !important;
    max-height: initial;
    overflow: hidden;
    display: none !important;
  }
  #mainNav .navbar-collapse .overlay-style {
    /* // z-index bgnav 1/2 */
    z-index: 4;
    background: rgba(0, 0, 0, 0.5);
    display: none !important;
  }
  #mainNav .navbar-collapse.fix-delay {
    display: block !important;
  }
  #mainNav .navbar-collapse.toggle-fix .navbar-left.visible-xs {
    -o-transform: translate(0, 0px);
    -webkit-transform: translate(0, 0px);
    -ms-transform: translate(0, 0px);
    transform: translate(0, 0px);
  }
  #mainNav .navbar-collapse.toggle-fix .overlay-style {
    display: block !important;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
  }
  #mainNav .navbar-collapse .navbar-left.visible-xs {
    /* // DIMENSION */
    height: 100%;
    width: 300px;
    padding-top: 20px;
    /* // BG - COLOR */
    background: rgba(0, 39, 52, 0.9);
    /* // SHADOW */
    -webkit-box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.5) !important;
    box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.5) !important;
    /* // transition */
    /* // Transition for .3 sec */
    -o-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    /* // Translating from left to right */
    -o-transform: translate(-400px, 0px);
    -webkit-transform: translate(-400px, 0px);
    -ms-transform: translate(-400px, 0px);
    transform: translate(-400px, 0px);
    /* // z-index bgnav  2/2 */
    z-index: 5;
    /* // Relative navbar style */
    overflow: auto;
    position: relative;
    margin-top: 0px;
  }
  #mainNav .navbar-collapse .navbar-left.visible-xs > li > a {
    color: #d0d0d0;
    border-bottom: 1px solid #134b5a;
  }
  #mainNav .navbar-collapse .navbar-left.visible-xs > li > a:hover {
    color: #ffffff;
    background: #014557;
  }
  #mainNav .navbar-header {
    /* // NAV TOP BG COLOR */
    background: #66a71a;
    /* // NAV TOP TEXT COLOR */
    color: #66a71a;
    min-height: 50px;
  }
  #mainNav .navbar-header button.navbar-toggle:focus,
  #mainNav .navbar-header button.navbar-toggle:active {
    background-color: transparent;
  }
  #mainNav .navbar-header h3 {
    /* NAV HEADER */
    /* margin start  */
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    /* margin end  */
    color: #ffffff;
    /* // color */
    font-size: 2.2rem;
    /* // font size */
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #mainNav .navbar-header .navbar-toggle {
    float: left;
    margin-right: 0px;
    margin-left: 10px;
    border: 0px;
  }
  #mainNav .navbar-header .navbar-toggle:hover {
    background: transparent;
    border: 0px;
  }
  #mainNav .navbar-header .navbar-toggle:hover span.icon-bar {
    background: #ffffff;
  }
  #mainNav .navbar-header .navbar-toggle span.icon-bar {
    background: #ffffff;
  }
  /* // =================== */
  /* MOBILE SCREEN MAIN NAV     END */
}
body {
  /* Giving Background image for main body  */
  background: url(https://bis-branding-cdn.s3.ca-central-1.amazonaws.com/1001/uploads/APTIMbg.jpg?20220120115336) no-repeat fixed center top #dddddd;
  /* Body Main Color */
  color: 62.5%;
  background-size: 100%;
}
@media (min-width: 1024px) {
  .content_sec {
    background: rgba(224, 224, 224, 0.5);
    padding: 20px;
    -webkit-box-shadow: inset 1px 1px 2px 0px rgba(255, 255, 255, 0), 2px 2px 4px 0px rgba(0, 0, 0, 0);
    box-shadow: inset 1px 1px 2px 0px rgba(255, 255, 255, 0), 2px 2px 4px 0px rgba(0, 0, 0, 0);
    -webkit-box-shadow: inset 1px 1px 2px 0px rgba(255, 255, 255, 0), 2px 2px 4px 0px rgba(0, 0, 0, 0) !important;
    box-shadow: inset 1px 1px 2px 0px rgba(255, 255, 255, 0), 2px 2px 4px 0px rgba(0, 0, 0, 0) !important;
    border: 0px solid #cccccc;
  }
  .logo-container {
    background: url(https://bis-branding-cdn.s3.ca-central-1.amazonaws.com/1001/uploads/Aptim_Horizontal_-784x400.png?20220120115336);
    background-repeat: no-repeat;
    background-position: center;
    width: 155px;
    height: 66px;
    display: inline-block;
    background-size: contain;
  }
  nav#mainNav {
    margin-bottom: 0px;
  }
  #main-content {
    margin-top: 66px;
    padding-top: 40px;
  }
}
@media (min-width: 1200px) {
  .container {
    min-width: 1100px;
    width: 20%;
  }
  nav#mainNav .container {
    min-width: 1100px;
    width: 20%;
  }
  nav .container {
    min-width: 1100px;
    width: 20%;
  }
}
/* Modified on 2016/12/28  */
@media (max-width: 1024px), only screen and (max-device-width: 1024px) and (orientation: landscape), (max-device-width: 1024px) and (orientation: landscape) {
  .navbar {
    min-height: 50px;
    margin-bottom: 0px;
  }
  .content_sec {
    padding-top: 50px;
    padding-bottom: 0px;
    background: #fff;
  }
  #main-content {
    margin-top: 0px;
    padding-top: 0px;
  }
  .container {
    min-width: initial;
    width: 100%;
  }
  .less_padding {
    padding-left: 15px;
    padding-right: 15px;
  }
}
/* Modified on 2016/12/28  */
@media (min-width: 1024px) and (max-width: 1199px) {
  .container {
    min-width: 950px;
  }
  nav#mainNav .container {
    min-width: 950px;
  }
  nav .container {
    min-width: 950px;
  }
}
.nav.nav-tabs li.active > a:hover {
  color: #ffffff;
}
.nav.nav-tabs li a {
  /* Bg Tab Section  START  */
  background-color: #009acb;
  color: #ffffff;
  /* Bg Tab Section */
  /* END  */
}
.nav.nav-tabs li a:hover {
  background: #009acb;
  color: #ffffff;
}
#instruction_wrap #instruction_head {
  background: #666666;
}
#instruction_wrap .instruction {
  color: #ffffff;
}
#instruction_wrap .instruction:hover,
#instruction_wrap .instruction:active,
#instruction_wrap .instruction:focus {
  color: #fcc131;
}
#instruction_wrap #instruction_cont .well {
  background: #333333;
  color: #ffffff;
}
#instruction_wrap .blueText {
  color: #fcc131;
}
.title-bar {
  background: #009acb;
  color: #ffffff;
  border-bottom: 3px solid #0083af;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important !important;
  box-shadow: none !important !important;
}
.title-bar a {
  color: #ffffff;
}
@media (min-width: 1024px) {
  .title-bar a:hover {
    color: #acd6ff;
  }
}
.title-bar span.pull-right.txt-area {
  /* Giving font color white  for right text area in the header */
  color: #ffffff;
  /* Giving font color white for right text area in the header */
}
.title-bar .accordion-collapse-arrow,
.title-bar .accordion-collapse-arrow:hover {
  background-color: #51b943;
}
.title-bar i {
  color: #025069;
}
.content-title {
  /* content header  */
  background: #6ac500;
  color: inherit;
  border-bottom-color: #2f8400;
}
.content-title a {
  color: inherit;
  font-weight: normal;
}
.content-title .accordion-collapse-arrow,
.content-title .accordion-collapse-arrow:hover {
  background-color: #009acb;
}
.headerBar {
  /* Table header color green tint  */
  background: #6ac500;
  color: inherit;
}
.secondary-headerBar {
  background: #666666;
  color: #ffffff;
}
.fw1-body-wrapper {
  background-color: #ffffff;
}
.table-responsive .table-striped {
  margin-bottom: 0px;
}
.table-responsive .table-striped tbody tr {
  color: #0099cd;
  height: 40px;
}
.table-responsive .table-striped tbody tr td:first-child a {
  color: #0099cd;
}
.table-responsive .table-striped tbody tr td:first-child a:hover {
  /* Font color green dark on Hover  */
  color: #0099cd;
}
.table-responsive .table-striped tbody tr:nth-child(odd) {
  background-color: #d7d7d7;
  color: #337ab7;
}
.table-responsive .table-striped tbody tr:nth-child(even) {
  background-color: #e2e2e2;
  color: #337ab7;
}
/* Background Colors Added  END  */
/* Mobile view content only */
/*START*/
@media (max-width: 1024px), only screen and (max-device-width: 1024px) and (orientation: landscape), (max-device-width: 1024px) and (orientation: landscape) {
  .table-responsive .table-striped tbody tr {
    /* Mobile view bg color white for all  */
    height: 50px;
    /* Mobile view bg color white for all  */
  }
  .table-responsive .table-striped tbody tr:nth-child(odd) {
    background-color: #ffffff;
    color: #337ab7;
  }
  .table-responsive .table-striped tbody tr:nth-child(even) {
    background-color: #ffffff;
    color: #337ab7;
  }
  .table-responsive .table-striped tbody tr a {
    /* Giving font color matching its white bg black  */
    color: #000000;
    /* Giving font color matching its white bg black  */
  }
  .table-responsive .table-striped tbody tr a:hover {
    color: #000000;
  }
  .table-responsive .table-striped tbody tr td {
    /* Giving border bottom to all the mobile view row to get a light grey color  */
    border-bottom: 3px solid #f2f2f2;
    /* Giving border bottom to all the mobile view row to get a light grey color  */
  }
}
#footer {
  /* Footer Color  bg and font */
  background: #333333;
  color: #ffffff;
}
#footer a {
  color: #ffffff;
  text-decoration: none;
}
#footer a:hover {
  color: #ffffff;
}
/* Background / Font Colors  */
.bg-danger {
  background-color: #ff0000;
  color: #ffffff;
}
.bg-danger a {
  color: #ffffff;
}
.bg-success {
  background-color: #51b943;
  color: #ffffff;
}
.bg-success a {
  color: #ffffff;
}
.bg-primary {
  background-color: #337ab7;
  color: #ffffff;
}
.bg-primary a {
  color: #ffffff;
}
.bg-info {
  background-color: #d9edf7;
  color: #000000;
}
.bg-info a {
  color: #000000;
}
.bg-default {
  background-color: #ffffff;
  color: #000000;
}
.bg-default a {
  color: #000000;
}
.bg-warning {
  background-color: #fcf8e3;
  color: #000000;
}
.bg-warning a {
  color: #000000;
}
/* ELEMENTS */
.btn-default {
  color: #333333 !important;
  color: #333333;
  background-color: #ffffff;
  border-color: #cccccc;
}
.btn-default:focus,
.btn-default.focus {
  color: #333333 !important;
  background-color: #ffffff;
  border-color: #cccccc;
}
.btn-default:hover {
  color: #333333 !important;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333333 !important;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #333333 !important;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #ffffff;
  border-color: #cccccc;
}
.btn-default .badge {
  color: #ffffff;
  background-color: #333333;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #333333;
  background-color: #ebebeb;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #ffffff;
  border-color: #cccccc;
}
.btn-default .badge {
  color: #ffffff;
  background-color: #333333;
}
.btn-primary {
  color: #ffffff !important;
  color: #ffffff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #ffffff !important;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary:hover {
  color: #ffffff !important;
  background-color: #285f8f;
  border-color: #214d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #ffffff !important;
  background-color: #285f8f;
  border-color: #214d74;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #ffffff !important;
  background-color: #204d73;
  border-color: #122b40;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary .badge {
  color: #337ab7;
  background-color: #ffffff;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #2a6597;
  border-color: #214d74;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary .badge {
  color: #337ab7;
  background-color: #ffffff;
}
.btn-success {
  color: #ffffff !important;
  color: #ffffff;
  background-color: #51b943;
  border-color: #49a63c;
}
.btn-success:focus,
.btn-success.focus {
  color: #ffffff !important;
  background-color: #51b943;
  border-color: #49a63c;
}
.btn-success:hover {
  color: #ffffff !important;
  background-color: #419435;
  border-color: #35792c;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #ffffff !important;
  background-color: #419435;
  border-color: #35792c;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #ffffff !important;
  background-color: #35792c;
  border-color: #20481a;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
  background-color: #51b943;
  border-color: #49a63c;
}
.btn-success .badge {
  color: #51b943;
  background-color: #ffffff;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: #449b38;
  border-color: #35792c;
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #51b943;
  border-color: #49a63c;
}
.btn-success .badge {
  color: #51b943;
  background-color: #ffffff;
}
.btn-info {
  color: #ffffff !important;
  color: #ffffff;
  background-color: #5bc0dc;
  border-color: #46b8da;
}
.btn-info:focus,
.btn-info.focus {
  color: #ffffff !important;
  background-color: #5bc0dc;
  border-color: #46b8da;
}
.btn-info:hover {
  color: #ffffff !important;
  background-color: #31b0d3;
  border-color: #269abd;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #ffffff !important;
  background-color: #31b0d3;
  border-color: #269abd;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #ffffff !important;
  background-color: #2799b9;
  border-color: #1b6d86;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
  background-color: #5bc0dc;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0dc;
  background-color: #ffffff;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #39b3d5;
  border-color: #269abd;
}
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #5bc0dc;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0dc;
  background-color: #ffffff;
}
.btn-warning {
  color: #ffffff !important;
  color: #ffffff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #ffffff !important;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:hover {
  color: #ffffff !important;
  background-color: #ec971f;
  border-color: #d58412;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #ffffff !important;
  background-color: #ec971f;
  border-color: #d58412;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: #ffffff !important;
  background-color: #d58512;
  border-color: #985e0d;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #ffffff;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  color: #ffffff;
  background-color: #ed9c28;
  border-color: #d58412;
}
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #ffffff;
}
.btn-danger {
  color: #ffffff !important;
  color: #ffffff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #ffffff !important;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:hover {
  color: #ffffff !important;
  background-color: #c9302c;
  border-color: #ab2a25;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #ffffff !important;
  background-color: #c9302c;
  border-color: #ab2a25;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #ffffff !important;
  background-color: #ac2925;
  border-color: #751c1a;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #ffffff;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  color: #ffffff;
  background-color: #d2322d;
  border-color: #ab2a25;
}
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #ffffff;
}
.panel-default {
  border-color: #dddddd;
}
.panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #dddddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #dddddd;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #dddddd;
}
.panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #dddddd;
}
.panel-default > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #dddddd;
}
.panel-default > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #dddddd;
}
.panel-primary {
  border-color: #337ab7;
}
.panel-primary > .panel-heading {
  color: #ffffff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #337ab7;
}
.panel-primary > .panel-heading .badge {
  color: #337ab7;
  background-color: #ffffff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #337ab7;
}
.panel-primary > .panel-heading {
  color: #ffffff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.panel-primary > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #337ab7;
}
.panel-primary > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #337ab7;
}
.panel-success {
  border-color: #dff0d8;
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #dff0d8;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #dff0d8;
}
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #dff0d8;
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #dff0d8;
}
.panel-success > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #dff0d8;
}
.panel-success > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #dff0d8;
}
.panel-info {
  border-color: #d9edf7;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #d9edf7;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d9edf7;
}
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d9edf7;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #d9edf7;
}
.panel-info > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #d9edf7;
}
.panel-info > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #d9edf7;
}
.panel-warning {
  border-color: #fcf8e3;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #fcf8e3;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #fcf8e3;
}
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #fcf8e3;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #fcf8e3;
}
.panel-warning > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #fcf8e3;
}
.panel-warning > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #fcf8e3;
}
.panel-danger {
  border-color: #f2dede;
}
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #f2dede;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #f2dede;
}
.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #f2dede;
}
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #f2dede;
}
.panel-danger > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #f2dede;
}
.panel-danger > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #f2dede;
}
.modal .modal-header {
  background-color: #6ac500;
  color: #000000;
}
.modal.modal-primary .modal-header {
  background-color: #337ab7;
  color: #000000;
}
.modal.modal-success .modal-header {
  background-color: #6ac500;
  color: #000000;
}
.modal.modal-info .modal-header {
  background-color: #5bc0dc;
  color: #000000;
}
.modal.modal-warning .modal-header {
  background-color: #f0ad4e;
  color: #000000;
}
.modal.modal-danger .modal-header {
  background-color: #d9534f;
  color: #000000;
}
.modal .modal-header button {
  color: #ffffff;
}
.modal .modal-header button:hover {
  color: #ffffff;
}
.modal .modal-content {
  background-color: #ffffff;
  color: #333333;
  overflow: hidden;
}
.modal .modal-footer {
  background-color: #cccccc;
  color: #000000;
}
.heighlight-box {
  background-color: #666666;
  color: #ffffff;
}
.heighlight-box td {
  background-color: #666666;
  color: #ffffff;
}
/*---------------------

0. New Custom Classes - Color

----------------------*/
.pcBG {
  /* assigns primary color to the background of a container You KNow?*/
  background-color: #00244a !important;
  color: #ffffff !important;
}
.pcLightBG {
  /* assigns primary color light variant to the background of a container */
  ignore: a;background-color:  #003d7d !important;
  color: #f2f2f2 !important;
}
.pcDarkBG {
  /* assigns primary color dark variant to the background of a container */
  ignore: a;background-color:  #004997 !important;
  color: #f2f2f2 !important;
}
.pcContrastBG {
  /* assigns primary color contrast variant to the background of a container */
  ignore: a;background-color: #7d4000 !important;
  color: #f2f2f2 !important;
}
.pcText {
  /* assigns primary color to text */
  color: #00244a !important;
}
.pcLightText {
  /* assigns primary color light varient to text */
  ignore: a;color:  #003d7d !important;
}
.pcDarkText {
  /* assigns primary color dark varient to text */
  ignore: a;color:  #004997 !important;
}
.pcContrastText {
  /* assigns primary color contrast varient to text */
  ignore: a;color: #7d4000 !important;
}
.pcTextLink {
  /* assigns primary color to a text link, and primary color light variant to text on hover */
  color: #00244a;
}
.pcTextLink:hover {
  ignore: a;color:  #004997 !important;
}
.pcLightTextLink {
  /* assigns primary color light variant to a text link, and primary color dark variant to text on hover */
  ignore: a;color:  #003d7d !important;
}
.pcLightTextLink:hover {
  ignore: a;color:  #004997 !important;
}
.pcDarkTextLink {
  /* assigns primary color dark variant to a text link, and primary color light variant to text on hover */
  ignore: a;color:  #004997 !important;
}
.pcDarkTextLink:hover {
  ignore: a;color:  #0056b0 !important;
}
.pcContrastTextLink {
  /* assigns primary color contrast variant to a text link, and primary color light contrast variant to text on hover */
  ignore: a;color: #ca6700 !important;
}
.pcContrastTextLink:hover {
  ignore: a;color: #fd8200 !important;
}
.pcButtonLink {
  /* assigns primary color to background of a link container and auto determines white or black text color */
  background-color: #00244a !important;
  color: #ffffff !important;
}
.pcButtonLink:hover {
  ignore: a;background-color:  #003d7d !important;
  color: #f2f2f2 !important;
}
.pcLightButtonLink {
  /* assigns primary color light variant to background of a link container and auto determines white or black text color */
  ignore: a;background-color:  #003d7d !important;
  color: #f2f2f2 !important;
}
.pcLightButtonLink:hover {
  ignore: a;background-color:  #003d7d !important;
  color: #f2f2f2 !important;
}
.pcDarkButtonLink {
  /* assigns primary color dark variant to background of a link container and auto determines white or black text color */
  ignore: a;background-color:  #004997 !important;
  color: #f2f2f2 !important;
}
.pcDarkButtonLink:hover {
  ignore: a;background-color:  #003d7d !important;
  color: #f2f2f2 !important;
}
.pcContrastButtonLink {
  /* assigns primary color contrast variant to background of a link container and auto determines white or black text color */
  ignore: a;background-color: #7d4000 !important;
  color: #f2f2f2 !important;
}
.pcContrastButtonLink:hover {
  ignore: a;background-color:  #003d7d !important;
  color: #f2f2f2 !important;
}
.pcBorder {
  /* assigns primary color to border on a container */
  border-color: #00244a;
}
.pcLightBorder {
  /* assigns primary color light variant to border on a container */
  ignore: a;border-color:  #003d7d !important;
}
.pcDarkBorder {
  /* assigns primary color dark variant to border on a container */
  ignore: a;border-color:  #004997 !important;
}
.pcContrastBorder {
  /* assigns primary color contrast variant to border on a container */
  ignore: a;border-color: #7d4000 !important;
}
.scBG {
  /* assigns secondary color to the background of a container */
  background-color: #f5821f !important;
  color: #000000 !important;
}
.scLightBG {
  /* assigns secondary color light variant to the background of a container */
  ignore: a;background-color:  #d7690a !important;
  color: #0d0d0d !important;
}
.scDarkBG {
  /* assigns secondary color dark variant to the background of a container */
  ignore: a;background-color:  #bf5d09 !important;
  color: #0d0d0d !important;
}
.scContrastBG {
  /* assigns secondary color contrast variant to the background of a container */
  ignore: a;background-color: #05447b !important;
  color: #0d0d0d !important;
}
.scText {
  /* assigns secondary color to text */
  color: #f5821f !important;
}
.scLightText {
  /* assigns secondary color light variant to text */
  ignore: a;color:  #d7690a !important;
}
.scDarkText {
  /* assigns secondary color dark variant to text */
  ignore: a;color:  #bf5d09 !important;
}
.scContrastText {
  /* assigns secondary color contrast variant to text */
  ignore: a;color: #05447b !important;
}
.scContrastText:hover {
  ignore: a;color: #0860ab !important;
}
.scTextLink {
  /* assigns secondary color to a text link, and light secondary color variant to text on hover */
  color: #f5821f;
}
.scTextLink:hover {
  ignore: a;color:  #bf5d09 !important;
}
.scLightTextLink {
  /* assigns secondary light variant color to a text link, and secondary light variant color to text on hover */
  ignore: a;color:  #d7690a !important;
}
.scLightTextLink:hover {
  ignore: a;color:  #bf5d09 !important;
}
.scDarkTextLink {
  /* assigns secondary dark variant color to a text link, and secondary dark variant color to text on hover */
  ignore: a;color:  #bf5d09 !important;
}
.scDarkTextLink:hover {
  ignore: a;color:  #a75107 !important;
}
.scContrastTextLink {
  /* assigns secondary contrast variant color to a text link, and secondary contrast light variant color to text on hover */
  ignore: a;color: #096dc4 !important;
}
.scContrastTextLink:hover {
  ignore: a;color: #0b88f4 !important;
}
.scButtonLink {
  /* assigns secondary color to background of a link container and auto determines white or black text color */
  background-color: #f5821f !important;
  color: #000000 !important;
}
.scButtonLink:hover {
  ignore: a;background-color:  #d7690a !important;
  color: #0d0d0d !important;
}
.scLightButtonLink {
  /* assigns secondary color light variant to background of a link container and auto determines white or black text color */
  ignore: a;background-color:  #d7690a !important;
  color: #0d0d0d !important;
}
.scLightButtonLink:hover {
  /*TEST*/
  ignore: a;background-color:  #d7690a !important;
  color: #0d0d0d !important;
}
.scDarkButtonLink {
  /* assigns secondary color dark variant to background of a link container and auto determines white or black text color */
  ignore: a;background-color:  #bf5d09 !important;
  color: #0d0d0d !important;
}
.scDarkButtonLink:hover {
  /*TEST*/
  ignore: a;background-color:  #d7690a !important;
  color: #0d0d0d !important;
}
.scContrastButtonLink {
  /* assigns secondary color contrast variant to background of a link container and auto determines white or black text color */
  ignore: a;background-color: #05447b !important;
  color: #0d0d0d !important;
  /*TEST*/
}
.scContrastButtonLink:hover {
  /*TEST*/
  ignore: a;background-color:  #d7690a !important;
  color: #0d0d0d !important;
}
.scBorder {
  /* assigns secondary color to border on a container */
  border-color: #f5821f;
}
.scLightBorder {
  /* assigns secondary color light variant to border on a container */
  ignore: a;border-color:  #d7690a !important;
}
.scDarkBorder {
  /* assigns secondary color dark variant to border on a container */
  ignore: a;border-color:  #bf5d09 !important;
}
.scContrastBorder {
  /* assigns secondary color contrast variant to border on a container */
  ignore: a;border-color: #05447b !important;
}
/*-----------------------------------------
Add to default Responsive CSS - START
------------------------------------------*/
#instruction_wrap .instruction {
  padding: 8px 10px 5px 0px !important;
  line-height: 17px !important;
}
#instruction_wrap #instruction_head {
  border-radius: 0px 4px 0px 0px !important;
}
@media (min-width: 1024px) {
  #main-content .content_sec {
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5) !important;
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5) !important;
  }
  .navbar-default .navbar-right {
    margin-top: 20px;
  }
  .navbar-default .navbar-collapse ul.navbar-nav li a {
    min-height: 30px !important;
    line-height: 30px !important;
    margin-right: 0px !important;
    font-family: "Open Sans" !important;
  }
  .pac-item {
    background-color: #fff !important;
  }
  .pac-item:hover {
    background-color: #fafafa !important;
  }
  .logo-container {
    width: 250px !important;
    height: 50px !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    background-position: left center !important;
  }
  .navbar-default .navbar-nav > li > a {
    margin-left: 30px !important;
  }
}
@media (max-width: 1023px), (max-device-width: 991px) and (orientation: landscape), (max-device-width: 1024px) and (orientation: landscape) {
  #mainNav.navbar-fixed-top {
    border-width: 0 0 1px;
    border-color: #e7e7e7;
    box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.3) !important;
  }
  #mainNav .navbar-header .navbar-toggle {
    margin-top: 13px !important;
    margin-right: 10px !important;
  }
  .content_sec {
    padding-top: 60px !important;
  }
  #mainNav .navbar-header .navbar-toggle span.icon-bar {
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
  }
  #mainNav .navbar-header h3 {
    line-height: 47px !important;
    font-family: "Open Sans" !important;
    color: #000000 !important;
    font-size: 24px !important;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis !important;
    padding-right: 100px !important;
  }
}
/*-----------------------------------------
Add to default Responsive CSS - END
------------------------------------------*/
/*-------------------------------------------------------------------------------
 1. Global
-------------------------------------------------------------------------------*/
/*  !1.1 Background */
body,
body.fullWidth,
html > body.fullWidth {
  background-color: #dddddd;
  background-image: url(https://bis-branding-cdn.s3.ca-central-1.amazonaws.com/1001/uploads/APTIMbg.jpg?20220120115336);
  background-attachment: fixed;
  background-style: repeat;
  background-size: auto;
  /*  !1.1.2 Background - Stretched */
  background-position: center 71px !important;
  background-size: 100% auto !important;
  background-repeat: no-repeat !important;
  /*  !1.1.3 Background - Tile */
  /*  !1.1.4 Background - Center */
}
/*  !1.2 Course Links  */
.table-responsive .table-striped tbody tr td:first-child a {
  ignore: a;color: #7d4000 !important;
}
.table-responsive .table-striped tbody tr td:first-child a:hover {
  ignore: a;color: #b05a00 !important;
}
/*-------------------------------------------------------------------------------
 2. Main Nav
-------------------------------------------------------------------------------*/
/*  !2.1 Main Nav Bar  */
@media (min-width: 1024px) {
  .navbar-default .navbar-collapse {
    background-color: #ffffff;
    background-image: none !important;
  }
  .navbar-default .navbar-collapse ul.navbar-nav li {
    /*  !2.1.1 Main Nav Links  */
  }
  .navbar-default .navbar-collapse ul.navbar-nav li a {
    color: #444444;
    text-shadow: #fff 0px 1px 1px;
    transform: perspective(1px) translateZ(0);
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 600;
    letter-spacing: 0.02em !important;
  }
  .navbar-default .navbar-collapse ul.navbar-nav li a::before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    height: 2px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }
  .navbar-default .navbar-collapse ul.navbar-nav li a:hover,
  .navbar-default .navbar-collapse ul.navbar-nav li a:focus,
  .navbar-default .navbar-collapse ul.navbar-nav li a:active {
    text-shadow: none;
    color: #000000;
  }
  .navbar-default .navbar-collapse ul.navbar-nav li a:hover::before,
  .navbar-default .navbar-collapse ul.navbar-nav li a:focus::before,
  .navbar-default .navbar-collapse ul.navbar-nav li a:active::before {
    left: 0;
    right: 0;
  }
}
.nav.nav-tabs li a {
  background-color: #00244a !important;
  color: #ffffff !important;
}
.nav.nav-tabs li a:hover {
  background: #f5821f !important;
  color: #000000 !important;
}
#instruction_wrap .instruction:hover,
#instruction_wrap .instruction:active,
#instruction_wrap .instruction:focus {
  ignore: a;color: #ffc07d !important;
}
#instruction_wrap .blueText {
  ignore: a;color: #ffc07d !important;
}
.title-bar {
  background: #00244a !important;
  color: #ffffff !important;
  ignore: a;border-bottom: 3px solid #004997 !important;
}
.title-bar a {
  color: #ffffff !important;
}
@media (min-width: 1024px) {
  .title-bar a:hover {
    color: #d9d9d9 !important;
  }
}
.title-bar span.pull-right.txt-area {
  color: #ffffff !important;
}
.title-bar .accordion-collapse-arrow {
  background-color: #f5821f !important;
  color: #000000 !important;
}
.title-bar .accordion-collapse-arrow:hover {
  ignore: a;background-color:  #d7690a !important;
  color: #0d0d0d !important;
}
.title-bar i {
  /* Simplified - determine lock icon font color based on primary color  */
  ignore: a;color:  #64afff !important;
}
.content-title {
  background-color: #feefe2 !important;
  ignore: a;border-bottom-color:  #a75107 !important;
}
.content-title a:hover {
  ignore: a;color: #fd8200 !important;
}
.content-title .accordion-collapse-arrow,
.content-title .accordion-collapse-arrow:hover {
  background-color: #f5821f;
}
html > body .headerBar,
html > body .headerBar td,
html > body.fullWidth .headerBar {
  background-color: #f5f5f5 !important;
  background: #f5f5f5 !important;
  border-bottom: 1px solid #aaa !important;
}
@media (max-width: 1024px), (max-device-width: 1024px) and (orientation: landscape), (max-device-width: 1024px) and (orientation: landscape) {
  #mainNav .navbar-collapse .navbar-left.visible-xs {
    background: rgba(0, 36, 74, 0.9) !important;
  }
  #mainNav .navbar-collapse .navbar-left.visible-xs > li > a {
    color: #ffffff !important;
    ignore: a;border-bottom: 1px solid #006ee3 !important;
  }
  #mainNav .navbar-collapse .navbar-left.visible-xs > li > a:hover {
    ignore: a;background:  #0056b0 !important;
    color: #ffffff !important;
  }
  #mainNav .navbar-header {
    background: #ffffff !important;
    color: #000000 !important;
    background-image: none !important;
  }
  #mainNav .navbar-header h3 {
    color: #111111 !important;
  }
  #mainNav .navbar-header h3::after {
    background-image: url("https://bis-branding-cdn.s3.ca-central-1.amazonaws.com/1001/uploads/Aptim_Horizontal_-784x400.png?20220120115336") !important;
    background-color: rgba(0, 0, 0, 0) !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
    background-position: right center !important;
    background-size: contain !important;
    content: "";
    display: table;
    height: 55px;
    position: absolute;
    right: 15px;
    top: 3px;
    width: 100px;
  }
  #mainNav .navbar-header .navbar-toggle:hover span.icon-bar {
    background-color: #f5821f !important;
  }
  #mainNav .navbar-header .navbar-toggle span.icon-bar {
    background-color: #f5821f !important;
  }
}
@media (min-width: 1024px) {
  .navbar-default .hidden-xs.navbar-nav > li > a::before {
    background: #00244a;
  }
  .logo-container {
    background-image: url("https://bis-branding-cdn.s3.ca-central-1.amazonaws.com/1001/uploads/Aptim_Horizontal_-784x400.png?20220120115336");
  }
}
/* ================ */
/* Header Section */