@charset "UTF-8";
@font-face {
  font-family: "customfontpack";
  src: url("/themes/custom/sabc/assets/fonts/customfontpack/customfontpack.eot");
  src: url("/themes/custom/sabc/assets/fonts/customfontpack/customfontpack.eot?#iefix") format("embedded-opentype"), url("/themes/custom/sabc/assets/fonts/customfontpack/customfontpack.woff") format("woff"), url("/themes/custom/sabc/assets/fonts/customfontpack/customfontpack.ttf") format("truetype"), url("/themes/custom/sabc/assets/fonts/customfontpack/customfontpack.svg#customfontpack") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
  font-family: "customfontpack";
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-home,
.icon-checkmark,
.icon-wallet,
.icon-uniF470,
.icon-uniF471,
.icon-uniF472,
.icon-uniF473,
.icon-uniF474,
.icon-uniF475,
.icon-uniF476,
.icon-uniF477,
.icon-uniF478,
.icon-uniF479,
.icon-uniF47C,
.icon-uniF47D,
.icon-uniF488,
.icon-uniF489,
.icon-uniF48A,
.icon-uniF48B,
.icon-searchdocument,
.icon-searchfolder,
.icon-globe,
.icon-favoritefile,
.icon-favoritefolder,
.icon-addtocart,
.icon-emptycart,
.icon-keyboarddelete,
.icon-circleleft,
.icon-addfriend,
.icon-removefriend,
.icon-wheelchair,
.icon-uniF000,
.icon-uniF004,
.icon-uniF006,
.icon-uniF010,
.icon-uniF013,
.icon-uniF014,
.icon-uptime,
.icon-windows,
.icon-domain,
.icon-link,
.icon-colocation2,
.icon-barchart,
.icon-cms,
.icon-webmail,
.icon-emailforward2,
.icon-error,
.icon-protecteddirectory,
.icon-sslmanager,
.icon-authentication,
.icon-subdomain,
.icon-domainaddon,
.icon-redirect,
.icon-mimetype,
.icon-error2,
.icon-query,
.icon-address,
.icon-emailtrace,
.icon-importcontacts,
.icon-filemanager,
.icon-legacyfilemanager,
.icon-faq,
.icon-indexmanager,
.icon-images,
.icon-supportrequest,
.icon-lock,
.icon-unlock,
.icon-search,
.icon-createfile,
.icon-deletefile,
.icon-paste,
.icon-mouse,
.icon-monitor,
.icon-file,
.icon-notes,
.icon-addfolder,
.icon-deletefolder,
.icon-diskspace2,
.icon-grid,
.icon-details,
.icon-thumbnails,
.icon-list,
.icon-download,
.icon-shutdown,
.icon-loved,
.icon-user,
.icon-friends,
.icon-phonebook,
.icon-email2,
.icon-favorite,
.icon-favorite2,
.icon-happy,
.icon-sad,
.icon-blankstare,
.icon-share2,
.icon-comment3,
.icon-comment4,
.icon-comment5,
.icon-comment6,
.icon-browser,
.icon-tag2,
.icon-newwindow,
.icon-closewindow,
.icon-newtab,
.icon-closetab,
.icon-archive,
.icon-draft,
.icon-emailexport,
.icon-emailimport,
.icon-inbox,
.icon-outbox,
.icon-draft2,
.icon-rss,
.icon-book,
.icon-sortbynameascending,
.icon-sortbynamedescending,
.icon-sortbysizeascending,
.icon-sortbysizedescending,
.icon-layers,
.icon-alignleft,
.icon-alignright,
.icon-aligncenter,
.icon-flag,
.icon-placeios,
.icon-clock,
.icon-place2,
.icon-place2add,
.icon-place2delete,
.icon-checkin2,
.icon-clock2,
.icon-flag2,
.icon-alarm,
.icon-building,
.icon-coupon,
.icon-piggybank,
.icon-calculator,
.icon-briefcase2,
.icon-briefcase3,
.icon-sale,
.icon-creditcard,
.icon-cash,
.icon-paperclip,
.icon-paperclip2,
.icon-paperclip3,
.icon-student,
.icon-addtolist,
.icon-eye2,
.icon-starempty,
.icon-starfull,
.icon-checkbox,
.icon-checkbox2,
.icon-info,
.icon-exportfile,
.icon-preview,
.icon-opennewwindow,
.icon-link2,
.icon-inbox-2,
.icon-cog,
.icon-hand-right,
.icon-hand-left,
.icon-hand-up,
.icon-hand-down,
.icon-quote-left,
.icon-quote-right,
.icon-spinner,
.icon-circle,
.icon-circle-blank,
.icon-thumbs-up,
.icon-thumbs-down,
.icon-reorder,
.icon-power,
.icon-trash,
.icon-trashempty,
.icon-trashfull,
.icon-circledown,
.icon-circleup,
.icon-circleright,
.icon-colocation3,
.icon-email,
.icon-security,
.icon-pull,
.icon-push,
.icon-importfile,
.icon-emailrefresh,
.icon-emailforward,
.icon-bookmark,
.icon-uniF481,
.icon-alignjustify,
.icon-pin,
.icon-alert,
.icon-asterisk2,
.icon-appointment,
.icon-store,
.icon-bank,
.icon-upload,
.icon-sync2,
.icon-uniF485,
.dashboard-sidebar li:before {
  font-family: "customfontpack";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
}

/* adding some specific styles for dashboard menu icons*/
.dashboard-sidebar li:before {
  display: block;
  float: left;
  position: relative;
  z-index: 999;
  left: 15px;
  top: 12px;
  font-size: 1.4em;
}

.dashboard-sidebar li.active-trail:before {
  color: #ffffff;
}

.icon-home:before {
  content: "↸";
}

.icon-checkmark:before {
  content: "✓";
}

.icon-wallet:before,
.dashboard-sidebar .menu-mlid-1327:before {
  content: "\e000";
}

.icon-uniF470:before {
  content: "\f470";
}

.icon-uniF471:before {
  content: "\f471";
}

.icon-uniF472:before {
  content: "\f472";
}

.icon-uniF473:before {
  content: "\f473";
}

.icon-uniF474:before {
  content: "\f474";
}

.icon-uniF475:before {
  content: "\f475";
}

.icon-uniF476:before {
  content: "\f476";
}

.icon-uniF477:before {
  content: "\f477";
}

.icon-uniF478:before {
  content: "\f478";
}

.icon-uniF479:before {
  content: "\f479";
}

.icon-uniF47C:before {
  content: "\f47c";
}

.icon-uniF47D:before {
  content: "\f47d";
}

.icon-uniF488:before {
  content: "\f488";
}

.icon-uniF489:before {
  content: "\f489";
}

.icon-uniF48A:before {
  content: "\f48a";
}

.icon-uniF48B:before {
  content: "\f48b";
}

.icon-searchdocument:before {
  content: "\f419";
}

.icon-searchfolder:before {
  content: "\f41a";
}

.icon-globe:before {
  content: "\f36c";
}

.icon-favoritefile:before {
  content: "\f381";
}

.icon-favoritefolder:before {
  content: "\f382";
}

.icon-addtocart:before {
  content: "\f394";
}

.icon-emptycart:before {
  content: "\f395";
}

.icon-keyboarddelete:before {
  content: "\f3a6";
}

.icon-circleleft:before {
  content: "\f3c6";
}

.icon-addfriend:before {
  content: "\f3da";
}

.icon-removefriend:before {
  content: "\f3db";
}

.icon-wheelchair:before {
  content: "\f3fe";
}

.icon-uniF000:before {
  content: "\f000";
}

.icon-uniF004:before {
  content: "\f004";
}

.icon-uniF006:before {
  content: "\f006";
}

.icon-uniF010:before {
  content: "\f010";
}

.icon-uniF013:before {
  content: "\f013";
}

.icon-uniF014:before {
  content: "\f014";
}

.icon-uptime:before {
  content: "\f017";
}

.icon-windows:before {
  content: "\f019";
}

.icon-domain:before {
  content: "\f01b";
}

.icon-link:before {
  content: "\f022";
}

.icon-colocation2:before {
  content: "\f023";
}

.icon-barchart:before {
  content: "\f02f";
}

.icon-cms:before {
  content: "\f036";
}

.icon-webmail:before {
  content: "\f045";
}

.icon-emailforward2:before {
  content: "\f049";
}

.icon-error:before {
  content: "\f04a";
}

.icon-protecteddirectory:before {
  content: "\f04d";
}

.icon-sslmanager:before {
  content: "\f04f";
}

.icon-authentication:before {
  content: "\f051";
}

.icon-subdomain:before {
  content: "\f052";
}

.icon-domainaddon:before {
  content: "\f053";
}

.icon-redirect:before {
  content: "\f054";
}

.icon-mimetype:before {
  content: "\f057";
}

.icon-error2:before {
  content: "\f05a";
}

.icon-query:before {
  content: "\f08a";
}

.icon-address:before {
  content: "\f08f";
}

.icon-emailtrace:before {
  content: "\f091";
}

.icon-importcontacts:before {
  content: "\f092";
}

.icon-filemanager:before {
  content: "\f094";
}

.icon-legacyfilemanager:before {
  content: "\f095";
}

.icon-faq:before {
  content: "\f099";
}

.icon-indexmanager:before {
  content: "\f09e";
}

.icon-images:before {
  content: "\f09f";
}

.icon-supportrequest:before {
  content: "\f0a3";
}

.icon-lock:before {
  content: "\f0be";
}

.icon-unlock:before {
  content: "\f0bf";
}

.icon-search:before {
  content: "\f0c5";
}

.icon-createfile:before {
  content: "\f0c6";
}

.icon-deletefile:before {
  content: "\f0c7";
}

.icon-paste:before {
  content: "\f0cb";
}

.icon-mouse:before {
  content: "\f0d4";
}

.icon-monitor:before {
  content: "\f0d5";
}

.icon-file:before {
  content: "\f0d6";
}

.icon-notes:before {
  content: "\f0d7";
}

.icon-addfolder:before {
  content: "\f0da";
}

.icon-deletefolder:before {
  content: "\f0db";
}

.icon-diskspace2:before,
.dashboard-sidebar .menu-mlid-1472:before {
  content: "\f0e0";
}

.icon-grid:before {
  content: "\f110";
}

.icon-details:before {
  content: "\f111";
}

.icon-thumbnails:before {
  content: "\f112";
}

.icon-list:before {
  content: "\f113";
}

.icon-download:before {
  content: "\f11a";
}

.icon-shutdown:before {
  content: "\f11e";
}

.icon-loved:before {
  content: "\f131";
}

.icon-user:before {
  content: "\f133";
}

.icon-friends:before {
  content: "\f134";
}

.icon-phonebook:before {
  content: "\f135";
}

.icon-email2:before {
  content: "\f136";
}

.icon-favorite:before {
  content: "\f13a";
}

.icon-favorite2:before {
  content: "\f13b";
}

.icon-happy:before {
  content: "\f13c";
}

.icon-sad:before {
  content: "\f13d";
}

.icon-blankstare:before {
  content: "\f13e";
}

.icon-share2:before {
  content: "\f147";
}

.icon-comment3:before {
  content: "\f155";
}

.icon-comment4:before {
  content: "\f156";
}

.icon-comment5:before {
  content: "\f157";
}

.icon-comment6:before {
  content: "\f158";
}

.icon-browser:before {
  content: "\f159";
}

.icon-tag2:before {
  content: "\f15f";
}

.icon-newwindow:before {
  content: "\f16d";
}

.icon-closewindow:before {
  content: "\f16e";
}

.icon-newtab:before {
  content: "\f16f";
}

.icon-closetab:before {
  content: "\f170";
}

.icon-archive:before {
  content: "\f171";
}

.icon-draft:before {
  content: "\f172";
}

.icon-emailexport:before {
  content: "\f176";
}

.icon-emailimport:before {
  content: "\f177";
}

.icon-inbox:before {
  content: "\f178";
}

.icon-outbox:before {
  content: "\f179";
}

.icon-draft2:before {
  content: "\f17a";
}

.icon-rss:before {
  content: "\f17b";
}

.icon-book:before {
  content: "\f1ba";
}

.icon-sortbynameascending:before {
  content: "\f1c1";
}

.icon-sortbynamedescending:before {
  content: "\f1c2";
}

.icon-sortbysizeascending:before {
  content: "\f1c3";
}

.icon-sortbysizedescending:before {
  content: "\f1c4";
}

.icon-layers:before {
  content: "\f1ca";
}

.icon-alignleft:before {
  content: "\f1d7";
}

.icon-alignright:before {
  content: "\f1d8";
}

.icon-aligncenter:before {
  content: "\f1d9";
}

.icon-flag:before,
.dashboard-sidebar .menu-mlid-1328:before {
  content: "\f20b";
}

.icon-placeios:before {
  content: "\f20c";
}

.icon-clock:before {
  content: "\f210";
}

.icon-place2:before {
  content: "\f224";
}

.icon-place2add:before {
  content: "\f225";
}

.icon-place2delete:before {
  content: "\f226";
}

.icon-checkin2:before {
  content: "\f227";
}

.icon-clock2:before {
  content: "\f22b";
}

.icon-flag2:before {
  content: "\f232";
}

.icon-alarm:before {
  content: "\f233";
}

.icon-building:before {
  content: "\f245";
}

.icon-coupon:before {
  content: "\f254";
}

.icon-piggybank:before {
  content: "\f257";
}

.icon-calculator:before {
  content: "\f258";
}

.icon-briefcase2:before {
  content: "\f25e";
}

.icon-briefcase3:before {
  content: "\f25f";
}

.icon-sale:before {
  content: "\f277";
}

.icon-creditcard:before {
  content: "\f279";
}

.icon-cash:before {
  content: "\f27b";
}

.icon-paperclip:before {
  content: "\f284";
}

.icon-paperclip2:before {
  content: "\f285";
}

.icon-paperclip3:before {
  content: "\f286";
}

.icon-student:before {
  content: "\f288";
}

.icon-addtolist:before {
  content: "\f2ac";
}

.icon-eye2:before {
  content: "\f2b5";
}

.icon-starempty:before {
  content: "\f2de";
}

.icon-starfull:before {
  content: "\f2e0";
}

.icon-checkbox:before {
  content: "\f310";
}

.icon-checkbox2:before {
  content: "\f311";
}

.icon-info:before {
  content: "\f315";
}

.icon-exportfile:before {
  content: "\f32f";
}

.icon-preview:before {
  content: "\f330";
}

.icon-opennewwindow:before {
  content: "\f332";
}

.icon-link2:before {
  content: "\f333";
}

.icon-inbox-2:before {
  content: "\e001";
}

.icon-cog:before {
  content: "\e002";
}

.icon-hand-right:before {
  content: "\f0a4";
}

.icon-hand-left:before {
  content: "\f0a5";
}

.icon-hand-up:before {
  content: "\f0a6";
}

.icon-hand-down:before {
  content: "\f0a7";
}

.icon-quote-left:before {
  content: "\f10d";
}

.icon-quote-right:before {
  content: "\f10e";
}

.icon-spinner:before {
  content: "\e003";
}

.icon-circle:before {
  content: "\e004";
}

.icon-circle-blank:before {
  content: "\f10c";
}

.icon-thumbs-up:before {
  content: "\f087";
}

.icon-thumbs-down:before {
  content: "\f088";
}

.icon-reorder:before {
  content: "\f0c9";
}

.icon-power:before {
  content: "\f11d";
}

.icon-trash:before {
  content: "\f0ce";
}

.icon-trashempty:before {
  content: "\f0cf";
}

.icon-trashfull:before {
  content: "\f0d0";
}

.icon-circledown:before {
  content: "\f3c7";
}

.icon-circleup:before {
  content: "\f3c8";
}

.icon-circleright:before {
  content: "\f3c9";
}

.icon-colocation3:before {
  content: "\f024";
}

.icon-email:before {
  content: "\f028";
}

.icon-security:before {
  content: "\f02d";
}

.icon-pull:before {
  content: "\f089";
}

.icon-push:before {
  content: "\e005";
}

.icon-importfile:before {
  content: "\f32e";
}

.icon-emailrefresh:before {
  content: "\f174";
}

.icon-emailforward:before {
  content: "\f175";
}

.icon-bookmark:before {
  content: "\f143";
}

.icon-uniF481:before {
  content: "\f481";
}

.icon-alignjustify:before {
  content: "\f1da";
}

.icon-pin:before {
  content: "\f20a";
}

.icon-alert:before {
  content: "\f316";
}

.icon-asterisk2:before {
  content: "\f317";
}

.icon-appointment:before {
  content: "\f26c";
}

.icon-store:before {
  content: "\f272";
}

.icon-bank:before {
  content: "\f262";
}

.icon-upload:before {
  content: "\f11b";
}

.icon-sync2:before {
  content: "\f11c";
}

.icon-uniF485:before {
  content: "\f485";
}

/*  Styles
    ------------------------------------------------------- */
/* makes sure icons active on rollover in links */
a [class^=icon-],
a [class*=" icon-"] {
  display: inline-block;
}

/* makes the font 33% larger relative to the icon container */
.icon-large:before {
  vertical-align: -10%;
  font-size: 1.33333333;
}

.btn [class^=icon-],
.nav [class^=icon-],
.btn [class*=" icon-"],
.nav [class*=" icon-"] {
  display: inline;
  /* keeps button heights with and without icons the same */
}

.btn [class^=icon-].icon-large,
.nav [class^=icon-].icon-large,
.btn [class*=" icon-"].icon-large,
.nav [class*=" icon-"].icon-large {
  line-height: 0.9em;
}

.btn [class^=icon-].icon-spin,
.nav [class^=icon-].icon-spin,
.btn [class*=" icon-"].icon-spin,
.nav [class*=" icon-"].icon-spin {
  display: inline-block;
}

.nav-tabs [class^=icon-],
.nav-pills [class^=icon-],
.nav-tabs [class*=" icon-"],
.nav-pills [class*=" icon-"] {
  /* keeps button heights with and without icons the same */
}

.nav-tabs [class^=icon-],
.nav-pills [class^=icon-],
.nav-tabs [class*=" icon-"],
.nav-pills [class*=" icon-"],
.nav-tabs [class^=icon-].icon-large,
.nav-pills [class^=icon-].icon-large,
.nav-tabs [class*=" icon-"].icon-large,
.nav-pills [class*=" icon-"].icon-large {
  line-height: 0.9em;
}

li [class^=icon-],
.nav li [class^=icon-],
li [class*=" icon-"],
.nav li [class*=" icon-"] {
  display: inline-block;
  width: 1.25em;
  text-align: center;
}

li [class^=icon-].icon-large,
.nav li [class^=icon-].icon-large,
li [class*=" icon-"].icon-large,
.nav li [class*=" icon-"].icon-large {
  /* increased font size for icon-large */
  width: 1.5625em;
}

ul.icons {
  list-style-type: none;
  text-indent: -0.75em;
}

ul.icons li [class^=icon-],
ul.icons li [class*=" icon-"] {
  width: 0.75em;
}

.icon-1x {
  font-size: 1.3em;
}

.icon-1x.icon-border {
  border-width: 2px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.icon-2x {
  font-size: 1.4em;
}

.icon-2x.icon-border {
  border-width: 2px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.icon-3x {
  font-size: 1.8em;
}

.icon-3x.icon-border {
  border-width: 3px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.icon-4x {
  font-size: 4em;
}

.icon-4x.icon-border {
  border-width: 4px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

[class^=icon-].pull-left,
[class*=" icon-"].pull-left {
  margin-right: 0.3em;
}

[class^=icon-].pull-right,
[class*=" icon-"].pull-right {
  margin-left: 0.3em;
}

.btn [class^=icon-].pull-left.icon-2x,
.btn [class*=" icon-"].pull-left.icon-2x,
.btn [class^=icon-].pull-right.icon-2x,
.btn [class*=" icon-"].pull-right.icon-2x {
  margin-top: 0.18em;
}

.btn [class^=icon-].icon-spin.icon-large,
.btn [class*=" icon-"].icon-spin.icon-large {
  line-height: 0.8em;
}

.btn.btn-small [class^=icon-].pull-left.icon-2x,
.btn.btn-small [class*=" icon-"].pull-left.icon-2x,
.btn.btn-small [class^=icon-].pull-right.icon-2x,
.btn.btn-small [class*=" icon-"].pull-right.icon-2x {
  margin-top: 0.25em;
}

.btn.btn-large [class^=icon-],
.btn.btn-large [class*=" icon-"] {
  margin-top: 0;
}

.btn.btn-large [class^=icon-].pull-left.icon-2x,
.btn.btn-large [class*=" icon-"].pull-left.icon-2x,
.btn.btn-large [class^=icon-].pull-right.icon-2x,
.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
  margin-top: 0.05em;
}

.btn.btn-large [class^=icon-].pull-left.icon-2x,
.btn.btn-large [class*=" icon-"].pull-left.icon-2x {
  margin-right: 0.2em;
}

.btn.btn-large [class^=icon-].pull-right.icon-2x,
.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
  margin-left: 0.2em;
}

.icon-spin {
  display: inline-block;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
@-moz-document url-prefix() {
  .icon-spin {
    height: 0.9em;
  }
  .btn .icon-spin {
    height: auto;
  }
  .icon-spin.icon-large {
    height: 1.25em;
  }
  .btn .icon-spin.icon-large {
    height: 0.75em;
  }
}
select,
textarea,
input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color],
.uneditable-input,
.bootstrap-select button {
  display: inline-block;
  height: 42px;
  line-height: 40px;
  padding: 8px 15px;
  margin-bottom: 12px;
  color: #34495e;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  vertical-align: middle;
  width: 100%;
}

.bootstrap-select button {
  padding-top: 0;
  margin-bottom: 0;
}

textarea {
  height: auto;
}

textarea,
input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color],
.uneditable-input,
.bootstrap-select button {
  background-color: #ffffff;
  border: 1px solid #217dbb;
  -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.15);
  -moz-box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.15);
  box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.15);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  -webkit-appearance: none;
}

textarea:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=time]:focus,
input[type=week]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=color]:focus,
.uneditable-input:focus,
.bootstrap-select button:focus {
  border-color: #3498db;
  outline: 0;
  outline: thin dotted \9 ;
  /* IE6-9 */
  -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.4);
  -moz-box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.4);
  box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.4);
}

textarea[disabled],
input[type=text][disabled],
input[type=password][disabled],
input[type=datetime][disabled],
input[type=datetime-local][disabled],
input[type=date][disabled],
input[type=month][disabled],
input[type=time][disabled],
input[type=week][disabled],
input[type=number][disabled],
input[type=email][disabled],
input[type=url][disabled],
input[type=search][disabled],
input[type=tel][disabled],
input[type=color][disabled],
.uneditable-input[disabled],
.bootstrap-select button[disabled],
textarea[readonly],
input[type=text][readonly],
input[type=password][readonly],
input[type=datetime][readonly],
input[type=datetime-local][readonly],
input[type=date][readonly],
input[type=month][readonly],
input[type=time][readonly],
input[type=week][readonly],
input[type=number][readonly],
input[type=email][readonly],
input[type=url][readonly],
input[type=search][readonly],
input[type=tel][readonly],
input[type=color][readonly],
.uneditable-input[readonly],
.bootstrap-select button[readonly] {
  background-color: #f1f3f5;
  color: #b9c8d8;
  cursor: not-allowed;
}

textarea.oversize,
input[type=text].oversize,
input[type=password].oversize,
input[type=datetime].oversize,
input[type=datetime-local].oversize,
input[type=date].oversize,
input[type=month].oversize,
input[type=time].oversize,
input[type=week].oversize,
input[type=number].oversize,
input[type=email].oversize,
input[type=url].oversize,
input[type=search].oversize,
input[type=tel].oversize,
input[type=color].oversize,
.uneditable-input.oversize,
.bootstrap-select button.oversize {
  font-size: 17.5px;
  padding: 15px 23px;
  height: 56px;
  line-height: 54px;
}

textarea.small,
input[type=text].small,
input[type=password].small,
input[type=datetime].small,
input[type=datetime-local].small,
input[type=date].small,
input[type=month].small,
input[type=time].small,
input[type=week].small,
input[type=number].small,
input[type=email].small,
input[type=url].small,
input[type=search].small,
input[type=tel].small,
input[type=color].small,
.uneditable-input.small,
.bootstrap-select button.small {
  padding: 4px 10px;
  height: 34px;
  line-height: 32px;
}

textarea.nomargin,
input[type=text].nomargin,
input[type=password].nomargin,
input[type=datetime].nomargin,
input[type=datetime-local].nomargin,
input[type=date].nomargin,
input[type=month].nomargin,
input[type=time].nomargin,
input[type=week].nomargin,
input[type=number].nomargin,
input[type=email].nomargin,
input[type=url].nomargin,
input[type=search].nomargin,
input[type=tel].nomargin,
input[type=color].nomargin,
.uneditable-input.nomargin,
.bootstrap-select button.nomargin {
  margin: 0 !important;
}

@media only screen and (max-width: 767px) {
  textarea.oversize,
  input[type=text].oversize,
  input[type=password].oversize,
  input[type=datetime].oversize,
  input[type=datetime-local].oversize,
  input[type=date].oversize,
  input[type=month].oversize,
  input[type=time].oversize,
  input[type=week].oversize,
  input[type=number].oversize,
  input[type=email].oversize,
  input[type=url].oversize,
  input[type=search].oversize,
  input[type=tel].oversize,
  input[type=color].oversize,
  .uneditable-input.oversize {
    font-size: 16px;
    /* must be 16px to avoid mobile zoom */
    padding: 4px 10px;
    height: 56px;
    line-height: 54px;
  }
}
#search-form input[type=text],
#sabc-global-search-form input[type=text] {
  height: 42px;
  line-height: 40px;
  padding: 8px 15px;
}

@media only screen and (max-width: 480px) {
  #search-form input[type=text],
  #sabc-global-search-form input[type=text] {
    margin-bottom: 0;
  }
}
input[type=radio],
input[type=checkbox] {
  margin: 4px 0 0;
  *margin-top: 0;
  /* IE7 */
  margin-top: 1px \9 ;
  /* IE8-9 */
  line-height: normal;
}

input[type=file],
input[type=image],
input[type=submit],
input[type=reset],
input[type=button],
input[type=radio],
input[type=checkbox] {
  width: auto;
}

select,
input[type=file] {
  height: 42px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */
  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */
  line-height: 40px;
}

select {
  width: 100%;
  border: 1px solid #217dbb;
  background-color: #ffffff;
}

select[multiple],
select[size] {
  height: auto;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #b1c2c6;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #b1c2c6;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #b1c2c6;
}

ul,
ol {
  padding: 0;
  margin: 0;
  list-style: none;
}

ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0;
}

li {
  line-height: 24px;
}

ul {
  list-style: none outside;
}

ol {
  list-style: decimal;
}

ol.list,
ul.square,
ul.circle,
ul.disc,
.disc ul {
  margin-left: 42px;
}

ul.list,
ol.list,
ul.square,
ul.circle,
ul.disc,
.disk ul,
ul.anchor {
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 14px;
  color: #6a727a;
}

ul.square {
  margin-left: 24px;
  list-style: square outside;
}

ul.circle {
  margin-left: 24px;
  list-style: circle outside;
}

ul.disc,
.disc ul {
  margin-left: 24px;
  list-style: disc outside;
}

ul.list li,
ol.list li,
ul.square li,
ul.circle li,
ul.disc li,
.disc ul li {
  margin: 6px 0 6px 0;
  padding: 0;
  line-height: 24px;
}

ul.pull-right {
  float: right;
  width: auto;
  margin-bottom: 0;
}

ul.unstyled,
ol.unstyled {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.inline,
ol.inline {
  margin-left: 0;
  list-style: none;
}

ul.inline > li,
ol.inline > li {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  padding-left: 5px;
  padding-right: 5px;
}

@media only screen and (max-width: 767px) {
  ul.inline.mo-stacked,
  ol.inline.mo-stacked {
    margin-left: 0;
    list-style: none;
  }
  ul.inline.mo-stacked > li,
  ol.inline.mo-stacked > li {
    display: block;
    padding-left: 5px;
    padding-right: 5px;
  }
}
ul.nice,
ol.nice {
  margin: 12px 0;
  list-style: none;
}

ul.nice li,
ol.nice li {
  padding-left: 24px;
  position: relative;
  line-height: 26.4px;
  font-size: 14px;
  margin-bottom: 4.8px;
  color: #7f818c;
}

ul.nice li span.bullet,
ol.nice li span.bullet,
ul.nice li span.number,
ol.nice li span.number {
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 300;
  font-size: 17.5px;
}

ul.nice li span.number,
ol.nice li span.number {
  color: #bbc1d1;
  font-weight: 700;
}

ul.nice li span.bullet,
ol.nice li span.bullet {
  left: -3px;
}

ul.nice.nomargin,
ol.nice.nomargin {
  margin-top: 0;
}

ul.nice.nomargin li,
ol.nice.nomargin li {
  padding-left: 0;
}

.muted {
  color: #7f818c !important;
}

.text-error {
  color: #bd362f !important;
}

a.text-error:hover,
a.text-error:focus {
  color: #942a25;
}

dl {
  margin-bottom: 24px;
}

dt,
dd {
  line-height: 24px;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 12px;
}

.dl-horizontal {
  *zoom: 1;
}

.dl-horizontal:before,
.dl-horizontal:after {
  display: table;
  content: "";
  line-height: 0;
}

.dl-horizontal:after {
  clear: both;
}

.dl-horizontal dt {
  float: left;
  width: 160px;
  clear: left;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dl-horizontal dd {
  margin-left: 180px;
}

.dl-horizontal-med {
  *zoom: 1;
  margin-bottom: 0;
}

.dl-horizontal-med:before,
.dl-horizontal-med:after {
  display: table;
  content: "";
  line-height: 0;
}

.dl-horizontal-med:after {
  clear: both;
}

.dl-horizontal-med dt {
  float: left;
  width: 85px;
  clear: left;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dl-horizontal-med dt.left {
  text-align: left;
}

.dl-horizontal-med dd {
  margin-left: 105px;
}

.dl-horizontal-small {
  *zoom: 1;
  margin-bottom: 0;
}

.dl-horizontal-small:before,
.dl-horizontal-small:after {
  display: table;
  content: "";
  line-height: 0;
}

.dl-horizontal-small:after {
  clear: both;
}

.dl-horizontal-small dt {
  float: left;
  width: 20px;
  clear: left;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 20.86956522px;
}

.dl-horizontal-small dd {
  margin-left: 30px;
  line-height: 20.86956522px;
}

@media only screen and (max-width: 980px) {
  .dl-horizontal dt,
  .dl-horizontal-timeline dt,
  .dl-horizontal-med dt {
    float: none;
    clear: none;
    width: auto;
    text-align: left;
  }
  .dl-horizontal dd,
  .dl-horizontal-timeline dd,
  .dl-horizontal-med dd {
    margin-left: 0;
  }
}
@media only screen and (max-width: 1024px) {
  body#dashboard .dl-horizontal dt,
  body#dashboard .dl-horizontal-timeline dt,
  body#dashboard .dl-horizontal-med dt {
    float: none;
    clear: none;
    width: auto;
    text-align: left;
  }
  body#dashboard .dl-horizontal dd,
  body#dashboard .dl-horizontal-timeline dd,
  body#dashboard .dl-horizontal-med dd {
    margin-left: 0;
  }
}
.pathway {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #f1f3f5;
  display: block;
  position: relative;
  height: 260px;
  margin-bottom: 24px;
  cursor: pointer;
}

.pathway.large {
  height: 360px;
}

.pathway .inner {
  padding: 15px 23px;
}

.pathway h2 {
  color: #333;
}

.pathway .go {
  position: absolute;
  background: url("../../assets/img/pathway.png") no-repeat;
  bottom: 0;
  right: 0;
  width: 69px;
  height: 69px;
  display: block;
}

.pathway .icon {
  display: block;
  text-align: center;
  margin: 0 auto;
  padding: 24px 0;
  color: #b5c0cb;
}

.pathway p {
  color: #39424a;
  font-weight: normal;
  padding: 0;
  margin: 0;
  font-size: 14px;
}

a:hover .pathway {
  background: #f4f4f4;
}

a:hover .pathway h2 {
  color: #0d7abf;
}

a:hover .pathway .go {
  background: url("../../assets/img/pathway-hover.png") no-repeat;
}

a:hover .pathway h2 {
  color: #0d7abf;
}

@media only screen and (max-width: 767px) {
  .pathway {
    height: auto;
    margin-bottom: 18px;
  }
  .pathway .inner {
    padding: 6px 12px;
  }
  .pathway .icon {
    display: block;
    float: left;
    text-align: left;
    margin: 0;
    padding: 12px 12px 6px 0;
  }
  .pathway h2 {
    padding-top: 12px;
  }
  .pathway p {
    margin-left: 75px;
    margin-bottom: 12px;
  }
}
body {
  background-color: #fff;
}

a,
ul li a {
  color: #0d7abf;
  text-decoration: none;
}
a:hover,
ul li a:hover {
  color: #004080;
}
a:focus,
ul li a:focus {
  color: #cc4714;
  outline: none;
}
a[data-toggle=tooltip], aa[data-toggle=popover],
ul li a[data-toggle=tooltip],
ul li aa[data-toggle=popover] {
  font-weight: normal !important;
  cursor: help;
  border-bottom: 1px dotted #7f818c;
}
a[data-toggle=popover], a[data-toggle=popover]:hover,
ul li a[data-toggle=popover],
ul li a[data-toggle=popover]:hover {
  text-decoration: dotted;
  text-decoration-line: underline;
  text-decoration-thickness: from-font;
}

h2.page-title {
  text-transform: capitalize;
}

h3,
.h3 {
  font-size: 1.15rem;
}

h4,
.h4 {
  font-size: 1.15rem;
}

main .container > .row > .col {
  padding-top: 24px;
  padding-bottom: 24px;
}

body .topbar + main {
  min-height: inherit;
  padding-top: 60px;
}

header.topbar {
  position: relative;
  background: #234175;
  border-bottom: 3px solid #fcb929;
  height: 55px;
  padding: 0;
  z-index: 500;
}
header.topbar a {
  text-decoration: none;
}
header.topbar a:hover {
  text-decoration: none;
}
header.topbar .region-header {
  margin-left: auto;
}
header.topbar .tools div.dropdown {
  position: relative;
  z-index: 501;
}
header.topbar .tools div.dropdown > a {
  line-height: 52px;
  height: 52px;
  background: #234175;
  display: block;
  color: #ffffff;
  padding: 0 15px;
  margin: 0;
  text-decoration: none;
  border-right: 1px solid #1d3661;
  border-top: 0;
  border-bottom: 0;
  text-shadow: 0 1px 0 #0b2249;
  font-weight: normal;
}
header.topbar .tools div.dropdown > a:after {
  display: none;
}
header.topbar .tools div.dropdown:hover > a {
  background: #172b4e;
  color: #ffffff;
  border-color: #1d3661;
}
header.topbar .tools li.dropdown {
  position: relative;
  z-index: 501;
}
header.topbar .tools li.dropdown > a {
  line-height: 52px;
  height: 52px;
  background: #234175;
  display: block;
  color: #ffffff;
  padding: 0 15px;
  margin: 0;
  text-decoration: none;
  border-right: 1px solid #1d3661;
  border-top: 0;
  border-bottom: 0;
  text-shadow: 0 1px 0 #0b2249;
  font-weight: normal;
}
header.topbar .tools li.dropdown > a:after {
  display: none;
}
header.topbar .tools li.dropdown:hover > a {
  background: #172b4e;
  color: #ffffff;
  border-color: #1d3661;
}
header.topbar .tools li.dropdown:hover .dropdown-menu {
  display: block;
}
header.topbar .tools li.dropdown:hover:after {
  position: absolute;
  bottom: 0;
  right: 35%;
  z-index: 1041;
  display: inline-block;
  border-right: 10px solid transparent;
  border-bottom: 10px solid white;
  border-left: 10px solid transparent;
  content: "";
}
header.topbar .tools li.dropdown .dropdown-menu {
  position: absolute;
  top: 100%;
  right: 0;
  left: auto;
  z-index: 1040;
  display: none;
  float: left;
  min-width: 260px;
  padding: 6px 0;
  margin: 0;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #dae2ed;
  border-top: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topleft: 0;
  border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topright: 0;
  border-top-right-radius: 0;
  -webkit-box-shadow: 0 3px 0 0 rgba(218, 226, 237, 0.4);
  -moz-box-shadow: 0 3px 0 0 rgba(218, 226, 237, 0.4);
  box-shadow: 0 3px 0 0 rgba(218, 226, 237, 0.4);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
header.topbar .tools li.dropdown .dropdown-menu .heading {
  border: 1px solid #004b8d;
  border-left: 0;
  border-right: 0;
  margin: 0;
  padding: 6px 0 6px 15px;
  font-weight: 700;
  text-align: left;
  color: #ffffff;
  text-shadow: 0 -1px 0 #004b8d;
  -webkit-box-shadow: inset 0 1px 0 #7bbbf7;
  -moz-box-shadow: inset 0 1px 0 #7bbbf7;
  box-shadow: inset 0 1px 0 #7bbbf7;
  background: #0f93db;
  background: -moz-linear-gradient(top, #0f93db 0%, #0d7abf 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0f93db), color-stop(100%, #0d7abf));
  background: -webkit-linear-gradient(top, #0f93db 0%, #0d7abf 100%);
  background: -o-linear-gradient(top, #0f93db 0%, #0d7abf 100%);
  background: -ms-linear-gradient(top, #0f93db 0%, #0d7abf 100%);
  background: linear-gradient(top, #0f93db 0%, #0d7abf 100%);
}
header.topbar #block-topbarsearch {
  color: #fff;
  float: left;
  font-size: 1.5rem;
  height: 42px;
  margin: 10px 0 0 0;
  width: 300px;
}
header.topbar #block-topbarsearch .form-item {
  display: inline;
  margin: 0;
}
header.topbar #block-topbarsearch .form-item .form-control {
  height: 28px;
  line-height: 24px;
  padding: 0;
  width: 220px;
}
header.topbar #block-topbarsearch .form-actions {
  display: inline;
  margin: 0;
}
header.topbar #block-topbarsearch .form-actions .form-actions {
  margin: 0;
}
header.topbar #block-searchform-2 {
  max-width: 274px;
  float: right;
}
header.topbar #block-searchform-2 #search-block-form {
  position: relative;
  width: 100%;
}
header.topbar #block-searchform-2 #search-block-form input {
  display: inline;
  height: 24px;
  padding: 0;
  margin: 0;
}
header.topbar #block-searchform-2 #search-block-form input.form-search {
  width: 100%;
}
header.topbar #block-searchform-2 #search-block-form input.form-submit {
  position: absolute;
  width: 13%;
  right: 0;
  top: 3px;
  height: 84%;
  line-height: 12px;
}
header.topbar #block-dashboardlogin {
  float: right;
}
@media (max-width: 980px) {
  header.topbar #block-dashboardlogin .username {
    display: none;
  }
}

.navbar-brand {
  padding: 17.5px 0;
}
.navbar-brand .site-logo {
  display: block;
  width: 240px;
}
.navbar-brand .site-logo img {
  height: 48px;
  margin: 0 5px;
}
.navbar-brand .site-title {
  display: none;
}

.navbar {
  height: auto;
  line-height: 1.4;
  top: 55px;
  position: absolute;
  height: 82.5px;
  display: block;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.05);
}
.navbar .dropdown a span {
  text-transform: uppercase;
  font-style: normal;
  display: block;
  font-size: 17.5px;
  font-weight: 700;
  color: #3498db;
  line-height: 0.75em;
}
.navbar .dropdown a:hover ul.dropdown-menu {
  display: block;
}
.navbar .dropdown a:hover span {
  color: #00264d;
}
.navbar a.nav-link {
  color: #3498db;
  text-decoration: none;
}
.navbar .nav-item:hover {
  background: none;
}
.navbar .navbar-expand-xl .navbar-nav,
.navbar .topbar .container {
  height: 93px;
}
@media (max-width: 1200px) {
  .navbar .navbar-nav {
    background-color: #172b4e;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    padding: 20px;
  }
  .navbar .navbar-nav .nav-item:hover {
    background: none;
  }
  .navbar .navbar-nav a.nav-link,
  .navbar .navbar-nav a span,
  .navbar .navbar-nav a:hover span {
    color: #fff;
  }
  .navbar .navbar-nav a.nav-link {
    padding: 8px 0;
  }
  .navbar .navbar-toggler {
    top: 80px;
    right: 0;
  }
}
.navbar .dropdown .nav-link.active {
  text-decoration: none;
}
.navbar .dropdown .dropdown-menu {
  min-width: 260px;
  max-width: none;
  padding: 10px 0;
  background-color: rgba(255, 255, 255, 0.95);
  border-top: 1px solid #dae2ed !important;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  margin: -8px -16px 0 0;
  position: absolute;
}
.navbar .dropdown .dropdown-menu .nav-item {
  display: block;
  float: left;
  width: 100%;
}
.navbar .dropdown .dropdown-menu .nav-item:hover {
  background-color: #f4f6fa;
  border-color: #dae2ed;
  border-collapse: collapse;
}
.navbar .dropdown .dropdown-menu .nav-item a {
  display: block;
  text-align: left;
  height: auto;
  padding: 8px 12px;
  clear: both;
  font-weight: normal;
  font-size: 14px;
  color: #004b8d;
  text-decoration: none;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}

@media (max-width: 576px) {
  .navbar {
    padding: 0;
  }
}
.region.region-sidebar-first {
  margin: 0 20px 0 0;
}

#block-sabcprimary-sidemenu .dropdown-toggle {
  white-space: normal;
}
#block-sabcprimary-sidemenu ul.navbar-nav {
  flex-flow: wrap;
}
#block-sabcprimary-sidemenu ul.navbar-nav li.nav-item {
  display: block;
  position: relative;
  width: 100%;
}
#block-sabcprimary-sidemenu ul.navbar-nav li.nav-item a {
  border-bottom: 1px solid #dae2ed;
  color: #34495e;
  padding: 1.5rem 0.5rem;
}
#block-sabcprimary-sidemenu ul.navbar-nav li.nav-item a:hover {
  background-color: #f4f6fa;
  color: #0d7abf;
  text-decoration: none;
}
#block-sabcprimary-sidemenu ul.navbar-nav li.nav-item a.is-active {
  border: 1px solid #004b8d;
  -webkit-box-shadow: inset 0 1px 0 #7bbbf7;
  -moz-box-shadow: inset 0 1px 0 #7bbbf7;
  box-shadow: inset 0 1px 0 #7bbbf7;
  background: #0f93db;
  background: -moz-linear-gradient(top, #0f93db 0%, #0d7abf 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0f93db), color-stop(100%, #0d7abf));
  background: -webkit-linear-gradient(top, #0f93db 0%, #0d7abf 100%);
  color: #fff;
  text-decoration: none;
  text-shadow: 0 -1px 0 #004b8d;
}
#block-sabcprimary-sidemenu ul.navbar-nav li.nav-item a.is-active::after {
  position: absolute;
  top: 28px;
  right: -8px;
  display: inline-block;
  border-top: 9px solid transparent;
  border-left: 9px solid #2088ce;
  border-bottom: 9px solid transparent;
  content: "";
}
#block-sabcprimary-sidemenu ul.navbar-nav li.nav-item a .count {
  position: absolute;
  right: 12px;
  top: 22px;
  min-width: 30px;
  display: block;
  background-color: #004b8d;
  -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0px rgba(255, 255, 255, 0.25);
  -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0px rgba(255, 255, 255, 0.25);
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0px rgba(255, 255, 255, 0.25);
  padding: 3px 7px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-align: center;
  color: white;
}

#block-sabc-admin .navbar-nav .nav-item:hover {
  background: none;
}

.box,
.note {
  position: relative;
  margin-bottom: 24px;
  margin-top: 12px;
  background: #ffffff;
  border: 1px solid #dde4e6;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.box .heading,
.note .heading {
  margin: 0;
  background: #ecf0f1;
  position: relative;
  display: inline-block;
  width: 100%;
  -webkit-border-top-right-radius: 2px;
  -moz-border-radius-topright: 2px;
  border-top-right-radius: 2px;
  -webkit-border-top-left-radius: 2px;
  -moz-border-radius-topleft: 2px;
  border-top-left-radius: 2px;
  border-bottom: 1px solid #dde4e6;
}
.box .heading h2,
.note .heading h2 {
  display: inline-block;
  font-weight: normal;
  line-height: inherit;
  padding: 15px 25px;
  margin: 0;
  font-size: 17.5px !important;
}
.box .node__content,
.note .node__content {
  padding: 15px 25px;
  margin: 0;
}

.node--type-content-snippets h3 {
  color: #2f579c;
  font-weight: 700;
}

footer {
  padding: 2rem 0 0 0;
  background: #ddeef6;
  border-top: 1px solid #c9e4f1;
  box-shadow: inset 0 1px 0 #fff;
}
footer a,
footer a:hover,
footer ul li a,
footer div ul li a:hover {
  color: #fff;
}
footer #footer-tools {
  box-shadow: inset 0 1px 0 #fff;
}
footer #footer-tools ul {
  margin: 0;
}
footer #footer-tools .button {
  background: #0d3fbf;
  color: #fff;
  display: inline-block;
  margin: 20px 0 40px;
  border-radius: 0.25rem;
  display: inline-block;
  padding: 14px;
}
footer #footer-tools p {
  margin-bottom: 0;
}
footer #footer-tools .contextual-region {
  border-right: 1px solid #c9e4f1;
  vertical-align: top;
  text-align: left;
}
footer #footer-tools .contextual-region:last-child {
  border: none;
}
footer #footer-tools .region-footer-tools {
  display: contents;
}
footer #footer-tools #block-sabctwitterfeed {
  padding: 20px 15px;
}
footer #footer-tools #block-sabcrepaymentestimator {
  position: relative;
  padding: 20px 15px 0;
  min-height: 340px;
  white-space: normal;
}
footer #footer-tools #block-sabcrepaymentestimator .indent {
  padding-right: 50%;
}
footer #footer-tools #block-sabcrepaymentestimator .nice {
  margin: 12px 0;
  padding: 0 0 0 24px;
  list-style: none;
}
footer #footer-tools #block-sabcrepaymentestimator .nice li {
  list-style-position: outside;
}
footer #footer-tools #block-sabcrepaymentestimator .nice li::before {
  font-family: "FontAwesome";
  content: "\f00c";
  margin: 0 0 0 -20px;
}
footer #footer-tools #block-sabcrepaymentestimator .btn-inverse {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #363636;
  background-image: linear-gradient(to bottom, #515151, #0d0d0d);
  background-repeat: repeat-x;
  border-color: #0d0d0d #0d0d0d #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
footer #footer-tools #block-sabcrepaymentestimator img {
  position: absolute;
  display: block;
  right: 15px;
}
footer #footer-tools .modal-content a {
  color: #0d7abf;
}
footer #footer-tools .modal-content .close {
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
  color: #444444;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 20;
  filter: alpha(opacity=2000);
  opacity: 0.2;
  filter: alpha(opacity=20);
}
footer #footer-tools .modal-content .modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 39px;
}
footer #footer-nav {
  background-color: #394559;
  font-weight: bold;
  padding: 20px 0;
  text-align: center;
}
footer #footer-nav h6 {
  color: #ddeef6;
  font-weight: bold;
}
footer #footer-nav ul {
  list-style: none;
  margin: 0 0 15px;
  padding: 0;
}
footer #footer-nav .region > div {
  display: inline-block;
  vertical-align: top;
  text-align: left;
}
footer #footer-gov-nav {
  background: #262626;
  padding: 0;
  color: #fff;
}
footer #footer-gov-nav ul.inline li {
  display: inline;
  padding: 15px 0.5em;
  list-style-type: none;
  line-height: 52px;
}
footer #footer-gov-nav ul.inline li a {
  color: #fff;
  padding: 15px 0.5em;
}
footer #footer-gov-nav ul.inline li a:hover {
  background: #191919;
  text-decoration: none;
}
@media (max-width: 767px) {
  footer #footer-gov-nav ul.inline li {
    border-top: 1px solid #191919;
    display: block;
    padding: 0;
  }
}

.image-style-blog-heading-image img,
.field--name-field-blog-image img {
  max-width: 100%;
  height: auto;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 0 0 12px;
}

.box,
.note {
  position: relative;
  margin-bottom: 24px;
  margin-top: 12px;
  background: #ffffff;
  border: 1px solid #dde4e6;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.box .content,
.note .content {
  padding: 15px 25px;
  margin: 0;
}

.arow:before,
.arow:after {
  display: table;
  content: " ";
  clear: both;
}

.box img {
  max-width: 100%;
}

.box img.pull {
  margin-right: -25px;
  padding-left: 12px;
}

.right {
  float: right;
}

.with-img .blog-img {
  float: left;
  left: 13%;
  width: 82.6%;
  margin-left: 4.4%;
  min-height: 1px;
}

.with-img .blog-date {
  float: left;
  width: 13%;
  right: 87%;
  min-height: 1px;
}

.with-img .node__content,
.with-img h2 {
  float: right;
  left: 13%;
  width: 82.6%;
  margin-left: 4.4%;
  min-height: 1px;
}

.date {
  display: block;
  font-size: 11px;
  margin: 0 0 24px;
  text-align: center;
}

.date .heading {
  display: block;
  background: #ffffff;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  border-top-right-radius: 3px;
  border: 1px solid #dde4e6;
  border-bottom: 0;
}

.date .month {
  padding: 12px 0 0 0;
  display: block;
  margin: 0;
  line-height: 1;
  text-transform: uppercase;
}

.date .day {
  color: #484a55;
  display: block;
  padding: 0 12px 8px 12px;
  font-size: 21px;
  font-family: "Questrial", "Century Gothic", Arial, Helvetica, sans-serif;
  margin: 0;
  font-weight: 700;
}

.date .rip {
  bottom: 0;
  background: url(../assets/img/bg-jagged.png) repeat-x;
  display: block;
  height: 7px;
  position: relative;
  z-index: 999;
  zoom: 1;
}

.date .content {
  background: #f7655f url(../assets/img/bg-pattern01.png) repeat;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  border-bottom-right-radius: 3px;
  margin-top: -3px;
}

.date .year {
  display: block;
  color: #fff;
  padding: 6px 12px 4px;
  font-size: 11.9px;
  text-transform: uppercase;
  font-weight: 700;
  text-shadow: 0 1px 0 #d05550;
  filter: dropshadow(color=#d05550, offx=0, offy=1);
}

@media only screen and (max-width: 767px) {
  .date .month {
    padding: 6px 0 0 0;
  }
  .date .day {
    padding: 0 12px 4px 12px;
  }
  .date .year {
    padding: 3px 12px 2px;
  }
}
.view-sabc-news-blog .views-row {
  margin-bottom: 2rem;
}

.views-displays .btn-primary {
  color: #485363;
}

.view-sabc-home-page-alerts-block-view .alert {
  border-width: 1px;
  border-style: solid;
  border-radius: 10px;
  display: grid;
  grid-template-columns: 82px auto;
  padding: 0;
}
.view-sabc-home-page-alerts-block-view .alert span.fa {
  font-size: 32px;
  padding: 18px;
  display: block;
  width: 82px;
}
.view-sabc-home-page-alerts-block-view .alert .grid-child:first-child {
  color: #FFF;
  text-align: center;
  width: 84px;
  margin-top: auto;
  margin-bottom: auto;
}
.view-sabc-home-page-alerts-block-view .alert p {
  border-radius: 0 5px 5px 0;
  margin: 0;
  padding: 8px 35px 8px 14px;
}

.view-sabc-home-page-alerts-block-view .alert-contextual {
  background: unset;
  padding-left: 0;
}

.view-sabc-alerts-block-view .alert {
  border-width: 1px;
  border-style: solid;
  border-radius: 10px;
  display: grid;
  grid-template-columns: 82px auto;
  padding: 0;
}
.view-sabc-alerts-block-view .alert span.fa {
  font-size: 32px;
  padding: 18px;
  display: block;
  width: 82px;
}
.view-sabc-alerts-block-view .alert .grid-child:first-child {
  color: #FFF;
  text-align: center;
  width: 84px;
  margin-top: auto;
  margin-bottom: auto;
}
.view-sabc-alerts-block-view .alert p {
  border-radius: 0 5px 5px 0;
  margin: 0;
  padding: 8px 35px 8px 14px;
}

.view-sabc-alerts-block-view .alert-contextual {
  background: unset;
  padding-left: 0;
}

.alert .alert-box-body {
  min-height: 72px;
}

.alert-primary-pale {
  border-color: #ade1f1;
}
.alert-primary-pale .alert-box-body {
  background-color: #cce5f6;
  color: #217dbb;
}
.alert-primary-pale .alert-box-body a {
  color: #0d7abf;
}

.alert-warning {
  border-color: #ffe7d3;
}
.alert-warning .alert-box-body {
  background-color: #fff4e2;
  color: #e18e01;
}
.alert-warning .alert-box-body a {
  color: #ef6c00;
}

.alert-danger {
  border-color: #f1c7c8;
  background-color: #bd362f;
  color: #f6dddb;
}
.alert-danger a {
  color: #f6dddb;
}
.alert-danger .alert-box-body {
  background-color: #f6dddb;
  color: #bd362f;
}
.alert-danger .alert-box-body a {
  color: #bd362f;
}

.alert-success {
  border-color: #d2e285;
  color: #fff;
}
.alert-success .alert-box-body {
  background-color: #e5f1c3;
  color: #fff;
}
.alert-success .alert-box-body a {
  color: #217dbb;
}

.alert-primary {
  background-color: #217dbb;
  border-color: #394559;
  color: #ffffff;
  text-shadow: none;
}
.alert-primary .alert-box-body {
  background-color: #394559;
}
.alert-primary .alert-box-body a {
  color: #0d7abf;
}

.alert-info {
  border-color: #6554C0;
  background-color: #7952B3;
  color: #fff;
  text-shadow: none;
}
.alert-info .alert-box-body {
  background-color: #A287CA;
}
.alert-info .alert-box-body a {
  color: #444;
}

.search-hero {
  background: url(../assets/img/home_search_bg.jpg);
  background-size: cover;
  border-radius: 0.25rem;
  margin-bottom: 30px;
  padding: 65px;
}
.search-hero h1 {
  color: #fff;
}

@media (min-width: 993px) {
  .search-hero {
    margin-right: 20px;
  }
}
.container-inline div, .container-inline label {
  display: inline;
}

.region-home-col-1 .search-block-form {
  padding: 12px 0;
}
.region-home-col-1 .search-block-form h2 {
  display: none;
}
.region-home-col-1 .search-block-form form {
  width: 90%;
  white-space: nowrap;
}
.region-home-col-1 .search-block-form form input.form-search {
  display: inline;
  font-size: 17.5px;
  padding: 12px 23px;
  height: 58px;
  line-height: 54px;
  width: -webkit-fill-available;
}
.region-home-col-1 .search-block-form input.form-submit {
  padding: 10px 5px;
  height: 54px;
  width: 64px;
  position: relative;
  left: -70px;
  top: -6px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

#block-searchform-3 {
  margin: 0 auto 20px;
}
#block-searchform-3 form {
  padding: 0 50px 0 0;
  white-space: nowrap;
}
#block-searchform-3 form input.form-search {
  display: inline;
  font-size: 17.5px;
  padding: 12px 23px;
  height: 58px;
  line-height: 54px;
}
#block-searchform-3 form input.form-submit {
  padding: 10px 5px;
  height: 54px;
  width: 63px;
  position: relative;
  left: -70px;
  top: -6px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

#help-centre-search-form {
  margin: 0 auto 20px;
}
#help-centre-search-form form {
  padding: 0 50px 0 0;
  white-space: nowrap;
}
#help-centre-search-form form input.form-search {
  display: inline;
  font-size: 17.5px;
  padding: 12px 23px;
  height: 58px;
  line-height: 54px;
}
#help-centre-search-form form input.form-submit {
  padding: 10px 5px;
  height: 54px;
  width: 63px;
  position: relative;
  left: -66px;
  top: 2px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  z-index: 50;
}

#block-sabchelpcentrecategorieslistblock .short,
#block-sabchelpcentrecategorieslistblock .disc {
  font-weight: bold;
}
#block-sabchelpcentrecategorieslistblock small {
  color: #7f818c;
}

.view-help-centre-categories {
  font-weight: bold;
}

.sabc-designation-form .alert,
.views-row article .alert,
article .alert,
.region-sidebar-first .alert,
.view-policy-and-procedures .alert {
  display: block;
  padding: 10px 15px;
}
.sabc-designation-form .alert.alert-info,
.views-row article .alert.alert-info,
article .alert.alert-info,
.region-sidebar-first .alert.alert-info,
.view-policy-and-procedures .alert.alert-info {
  border-color: #ade1f1;
  background-color: #cce5f6;
  color: #217dbb;
}
.sabc-designation-form .alert.alert-info a,
.views-row article .alert.alert-info a,
article .alert.alert-info a,
.region-sidebar-first .alert.alert-info a,
.view-policy-and-procedures .alert.alert-info a {
  color: #0d7abf;
  font-weight: bold;
}
.sabc-designation-form .alert.alert-warning,
.views-row article .alert.alert-warning,
article .alert.alert-warning,
.region-sidebar-first .alert.alert-warning,
.view-policy-and-procedures .alert.alert-warning {
  background-color: #fff4e2;
  color: #e18e01;
}
.sabc-designation-form .alert.alert-warning a,
.views-row article .alert.alert-warning a,
article .alert.alert-warning a,
.region-sidebar-first .alert.alert-warning a,
.view-policy-and-procedures .alert.alert-warning a {
  color: #ef6c00;
}

@media (min-width: 992px) {
  .separator {
    border-right: 4px solid #ddd;
    max-width: 98%;
  }
  .no-gutters .spacer {
    padding-left: 20px;
  }
}
#block-sabchomepagequicklinks {
  background: url(../assets/img/pic-2littlepiggies.gif) no-repeat bottom right;
}
#block-sabchomepagequicklinks .text-right {
  float: right;
  text-transform: uppercase;
  line-height: 2.5rem;
}
#block-sabchomepagequicklinks ul {
  padding: 0 68px 0 0;
}
#block-sabchomepagequicklinks ul li:not(:last-of-type) {
  padding-bottom: 5px;
}

.path-search ol.search-results {
  padding: 0;
}
.path-search ol.search-results li {
  padding: 15px 8px;
  border-top: 1px solid #d4d4d4;
  margin: 0;
}
.path-search ol.search-results > li:nth-child(odd) {
  background-color: #f5f5f5;
}

#institution_wrapper th span {
  float: right;
  font-size: 12px;
}
#institution_wrapper tbody tr {
  cursor: pointer;
}
#institution_wrapper tbody tr[role=row]:hover {
  background: #cce5f6;
}
#institution_wrapper tbody td a i {
  padding-right: 10px;
}
#institution_wrapper .ajax-loading {
  background: url("../assets/img/ajax-loader.gif") center center;
  background-repeat: no-repeat;
  width: 100%;
  min-height: 300px;
  position: relative;
  margin: auto;
}
#institution_wrapper .alphabet-filter-widgets.btn-group {
  display: flex;
  flex-wrap: wrap;
}
#institution_wrapper .alphabet-filter-widgets .btn {
  padding: 4px 0px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  min-width: 25px;
}
#institution_wrapper .alphabet-filter-widgets .btn-block {
  width: 100%;
}
#institution_wrapper.dataTables_wrapper div.dataTables_filter input,
#institution_wrapper.dataTables_wrapper div.dataTables_filter label {
  display: block;
  width: 97%;
}
#institution_wrapper.dataTables_wrapper div.dataTables_info {
  white-space: normal;
}
#institution_wrapper.dataTables_wrapper .pagination {
  flex-wrap: wrap;
}

/* Institution Details */
.institution-details .assistance-feature {
  float: left;
  margin-right: 10px;
}

@media only screen and (max-width: 767px) {
  .institution-details .assistance-feature.feature {
    margin-right: 0;
  }
}
.institution-details .assistance-feature h2,
.institution-details .assistance-feature h3 {
  padding: 5px 0px;
}

.institution-details .assistance-feature .assistance-button {
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.institution-details .assistance-feature .content {
  padding: 0;
}

#institution_wrapper #institution a.no-results {
  font-weight: normal;
  color: #5d5d5d;
}

#institution_wrapper #institution strong.no-results {
  color: #0d7abf;
}

#institution_wrapper #institution strong.no-results:hover {
  text-decoration: underline;
}

table.table-bordered {
  border: 1px solid;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  margin-bottom: 20px;
}
table.table-bordered th {
  border: none;
  background-color: #33353c;
  color: #fff;
}
table.table-bordered th:first-of-type {
  border-top-left-radius: 5px;
}
table.table-bordered th:last-of-type {
  border-top-right-radius: 5px;
}
table.table-bordered p {
  margin: 0;
}

.view-policy-and-procedures .view-header hr {
  clear: both;
}
.view-policy-and-procedures .view-header button {
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  background-color: #e6e6e6;
  border: 1px solid #cecece;
  border-radius: 3px;
  display: block;
  margin: 20px 0;
  width: 100%;
}
.view-policy-and-procedures .view-header .download {
  background: #ffffff;
  border: 1px solid #dde4e6;
  display: block;
  float: right;
  border-radius: 3px;
  text-align: center;
  padding: 10px 20px;
  line-height: 0.5em;
  margin: 0 0 20px 20px;
}

.table-striped {
  margin-bottom: 20px;
}
.table-striped caption {
  background-color: #33353c;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  caption-side: top;
  color: #fff;
  padding: 8px;
}

#block-applynowsabchomepage {
  background: #394559;
  border-radius: 0.5rem;
  color: #fff;
  margin-bottom: 30px;
  padding: 20px;
}
#block-applynowsabchomepage p {
  margin: 0;
}
#block-applynowsabchomepage h2 {
  margin: 0 0 30px 0;
}
#block-applynowsabchomepage .button {
  background: #b8d872;
  color: #657d1e;
  float: right;
  border-radius: 0.25rem;
  padding: 14px;
}
.status-notices p {
  margin-bottom: 8px;
}
.status-notices ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.status-notices ul li {
  border-bottom: 1px solid #dddee0;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  padding: 8px 15px;
  margin: 0;
  min-height: 2.4rem;
}
.status-notices ul li span.fa {
  width: 18px;
}
.status-notices ul li .badge {
  font-size: 0.8rem;
  font-weight: 100;
}

@media (min-width: 992px) {
  .status-notices {
    margin-right: 20px;
  }
}
.block-views-blockblog-home-page-preview-block-1 .view-header {
  font-weight: bold;
  margin: 0 0 12px 0;
}
.block-views-blockblog-home-page-preview-block-1 .view-header a.read-all-link {
  float: right;
  padding: 0 20px 0 0;
  margin: -33px 0 0 0;
}
.block-views-blockblog-home-page-preview-block-1 .view-content {
  clear: both;
}
.block-views-blockblog-home-page-preview-block-1 .view-content .container,
.block-views-blockblog-home-page-preview-block-1 .view-content .row {
  padding: 0;
}
.block-views-blockblog-home-page-preview-block-1 .view-content .col-md-6 {
  list-style: none;
  line-height: 28px;
}
.block-views-blockblog-home-page-preview-block-1 .view-content img.image-style-blog-heading-image {
  width: 100%;
  height: auto;
}
.block-views-blockblog-home-page-preview-block-1 .view-content .views-field-created {
  color: #a7a9b0;
}
.block-views-blockblog-home-page-preview-block-1 .view-content .views-field-title {
  font-weight: bold;
}

.label,
a:hover .label,
.badge {
  display: inline-block;
  padding: 6px 12px;
  font-size: 11.2px;
  font-weight: bold;
  line-height: 14px;
  color: #ffffff;
  vertical-align: baseline;
  white-space: nowrap;
  text-transform: uppercase;
  background-color: #a7a9b0;
  text-align: center;
}

.label {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  min-width: 103px;
}

.badge {
  padding: 3px 7px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.label:empty,
.badge:empty {
  display: none;
}

a.label:hover,
a.label:focus,
a.badge:hover,
a.badge:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

.label-important,
a:hover .label-important,
.badge-important {
  background-color: #bd362f;
}

.label-important[href],
a:hover .label-important[href],
.badge-important[href] {
  background-color: #942a25;
}

.label-warning,
a:hover .label-warning,
.badge-warning {
  background-color: #fa9e01;
}

.label-warning[href],
a:hover .label-warning[href],
.badge-warning[href] {
  background-color: #ae6e01;
}

.label-success,
a:hover .label-success,
.badge-success {
  background-color: #93c442;
}

.label-success[href],
a:hover .label-success[href],
.badge-success[href] {
  background-color: #698d2c;
}

.label-info,
a:hover .label-info,
.badge-info {
  background-color: #3498db;
}

.label-info[href],
a:hover .label-info[href],
.badge-info[href] {
  background-color: #196090;
}

.label-inverse,
a:hover .label-inverse,
.badge-inverse {
  background-color: #5d5d5d;
  color: #fff;
  padding: 2px 11px;
}

.label-inverse[href],
a:hover .label-inverse[href],
.badge-inverse[href] {
  background-color: #434343;
}

.label-reverse,
a:hover .label-reverse,
.badge-reverse {
  background-color: #ffffff;
  color: #5d5d5d;
}

.label-reverse[href],
a:hover .label-reverse[href],
.badge-reverse[href] {
  background-color: #e6e6e6;
}

.label-blog,
a:hover .label-blog,
.badge-blog {
  background-color: #004b8d;
  -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0px rgba(255, 255, 255, 0.25);
  -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0px rgba(255, 255, 255, 0.25);
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0px rgba(255, 255, 255, 0.25);
}

.btn .label,
.btn .badge {
  position: relative;
  top: -1px;
}

.btn-mini .label,
.btn-mini .badge {
  top: 0;
}

a.tabledrag-handle .handle {
  width: 24px;
  height: 24px;
}

input.form-checkbox,
input.form-radio {
  display: inline;
  width: auto;
  height: 14px;
}

input.form-control {
  margin-top: unset;
}

body.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
  margin-left: 0;
  margin-left: 0;
}

.text-dark {
  color: #555555;
}

.-filesize {
  text-align: right;
}

#sub-nav {
  border: 1px solid #dae2ed;
}
#sub-nav ul {
  padding: 0;
  margin: 0;
}
#sub-nav ul li {
  list-style: none;
}
#sub-nav ul li:last-child a {
  border-bottom: none;
}
#sub-nav ul li a {
  position: relative;
  min-height: 1px;
  display: block;
  padding: 12px 15px 12px 50px;
  border-bottom: 1px solid #dae2ed;
  font-weight: normal;
  text-decoration: none;
  color: #34495e;
}

#breadcrumb {
  clear: both;
  margin: 4px 0 0;
}

#breadcrumb-home:hover {
  color: #8492A6;
  text-decoration: none;
}

.breadcrumb {
  padding: 8px 15px;
  margin: 0 0 24px;
  background-color: #ecf0f1;
  border: 1px solid #dde4e6;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.breadcrumb li {
  display: inline;
  font-size: 10.5px;
  line-height: 24px;
  text-transform: uppercase;
}
.breadcrumb a {
  color: #77939a;
}
.breadcrumb a:hover {
  text-decoration: underline;
}
.breadcrumb a:hover .divider {
  text-decoration: none !important;
}
.breadcrumb .divider {
  padding: 0 5px;
  color: #a3b6bb;
}
.breadcrumb .active {
  color: #5e7980;
  font-weight: 700;
  text-decoration: none;
}

.sabc_view_content h2.content-title {
  margin-bottom: 24px;
  border-bottom: 1px solid #dde4e6;
  padding-bottom: 36px;
  font-size: 28px;
}
.sabc_view_content .content_summary {
  margin-bottom: 15px;
}
.sabc_view_content .content_summary a {
  display: none;
}

ul.anchor,
ul.anchors {
  margin-top: 0;
  margin-bottom: 24px;
  padding: 0;
  font-size: 14px;
  color: #6a727a;
  list-style-type: none;
}
ul.anchor li,
ul.anchors li {
  margin: 0;
  border-bottom: 1px solid #ececec;
  padding: 6px 0;
  line-height: 1.6;
}
ul.anchor li a,
ul.anchors li a {
  font-weight: 700;
}
ul.anchor li span[class^=icon-],
ul.anchors li span[class^=icon-] {
  color: #95a5a6;
  margin-right: 6px;
}
ul.anchor li:last-child,
ul.anchors li:last-child {
  border-bottom: 0;
}

.sabc-designation-form {
  font-weight: normal;
}
.sabc-designation-form h1, .sabc-designation-form h2, .sabc-designation-form h3, .sabc-designation-form h4, .sabc-designation-form h5, .sabc-designation-form h6 {
  padding-left: 5px;
  width: 100%;
  font-weight: 700;
}
.sabc-designation-form h3 {
  display: block;
  margin-bottom: 5px;
  background-color: #ccc;
  padding: 5px;
  color: #2f579c;
  font-size: 17.5px;
}
.sabc-designation-form h4 {
  font-size: 16.1px;
}
.sabc-designation-form label {
  display: inline-block;
  width: 100%;
  cursor: pointer;
  font-weight: 700;
  font-size: 14px;
  color: #34495e;
  background: none;
}
.sabc-designation-form label.option {
  font-weight: normal;
}
.sabc-designation-form input[type=checkbox], .sabc-designation-form input[type=radio] {
  width: 5%;
  max-height: 14px;
  margin-top: 4px;
}
.sabc-designation-form input[type=checkbox] + label, .sabc-designation-form input[type=radio] + label {
  width: 90%;
}
.sabc-designation-form input[type=file] {
  height: 64px;
  margin-bottom: 5px;
}
.sabc-designation-form details {
  position: relative;
  margin: 36px 0 24px;
  border: solid 2px #e6e9ea;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 0 25px;
}
.sabc-designation-form details summary {
  display: block;
  position: absolute;
  top: -24px;
  left: 24px;
  background: #ffffff;
  padding: 12px 24px 0 36px;
  font-size: 21px;
  line-height: 24px;
  color: #0d7abf;
  cursor: pointer;
}
.sabc-designation-form details summary:hover {
  color: #004b8d;
}
.sabc-designation-form details summary:focus {
  color: #cc4714;
}
.sabc-designation-form details summary small {
  font-size: 18px;
  color: #7f818c;
}
.sabc-designation-form details summary:before {
  content: "";
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  left: 14px;
}
.sabc-designation-form details[open] summary:before {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid black;
  margin-top: 10px;
}
.sabc-designation-form details:not([open]) summary:before {
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid black;
  margin-top: 7px;
  margin-left: 3px;
}
.sabc-designation-form details .details-wrapper {
  width: 100%;
  padding: 16px 0 24px 0;
}
.sabc-designation-form details .details-wrapper:after {
  clear: both;
}
.sabc-designation-form details fieldset {
  margin: 0;
}
.sabc-designation-form details fieldset legend {
  font-weight: 700;
  color: #34495e;
  position: relative;
  font-size: 14px;
}
.sabc-designation-form details fieldset .fieldset-wrapper {
  width: 100%;
  padding: 5px 0 0 20px;
}
.sabc-designation-form details fieldset .fieldset-wrapper:after {
  clear: both;
}
.sabc-designation-form .form-item {
  width: 100%;
  margin: 0;
}
.sabc-designation-form .form-item .controls {
  width: 100%;
}

#search-form #edit-advanced {
  display: none;
}
#search-form .search-help-link {
  display: none;
}

ol.search-results {
  list-style: none;
}

div.card {
  margin-bottom: 15px;
  border: 1px solid #dde4e6;
  border-radius: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
div.card .card-header {
  border: none;
  border-radius: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: 1px solid #dde4e6;
  background-color: #ecf0f1;
}
div.card .card-header h1, div.card .card-header h2, div.card .card-header h3, div.card .card-header h4, div.card .card-header h5, div.card .card-header h6 {
  margin: 0;
}
div.card .card-header .icon {
  display: block;
  font-size: 21px;
  color: #b1c2c6;
}
div.card.link-card:after {
  content: "";
  position: absolute;
  background: url(../assets/img/pathway.png) no-repeat;
  bottom: 0;
  right: 0;
  width: 69px;
  height: 69px;
  display: block;
}
div.card.link-card:hover:after {
  background: url(../assets/img/pathway-hover.png) no-repeat;
}

/*	--------------------------------------------------
	:: ACCORDIONS
--------------------------------------------------- */
.accordion {
  margin-bottom: 24px;
  margin-top: 24px;
}

.accordion.nomargin {
  margin-top: 0;
}

.accordion.halfmargin {
  margin-bottom: 12px;
  margin-top: 12px;
}

.accordion-group {
  margin-bottom: 16px;
}

.nomargin .accordion-group {
  margin-bottom: 0;
}

.halfmargin .accordion-group {
  margin-bottom: 8px;
  margin-top: 8px;
}

.accordion-heading {
  border-bottom: 0;
  position: relative;
  color: #ffffff;
  background: #3f414a;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.accordion-heading a {
  color: #ffffff;
  font-weight: 700;
}

.accordion-heading a:hover {
  background: #28292e;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.accordion-heading .accordion-toggle {
  display: block;
  padding: 8px 15px;
}

.accordion-heading.large .accordion-toggle {
  padding-top: 12px;
  padding-bottom: 12px;
}

.accordion-heading h4 {
  color: #ffffff;
  margin: 0;
  line-height: inherit;
}

.accordion-heading.light {
  background: #ffffff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  color: #5d5d5d;
  border-bottom: 1px solid #e2e6ea;
}

.accordion-heading.light a {
  color: #5d5d5d;
}

.accordion-heading.light :hover {
  background: #f1f3f5;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.accordion-heading.unread {
  background: #fffcce;
}

.accordion-heading.unread a:hover {
  background: #fffcce;
}

a.accordion-toggle {
  cursor: pointer;
}

.accordion-inner {
  border: 1px solid #e5e5e5;
  border-top: 0;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-left-radius: 5px;
}

.accordion-inner .content {
  padding: 9px 15px;
}

.nomargin .accordion-inner {
  border: none;
  border-bottom: 1px solid #e2e6ea;
}

.accordion-body.in {
  overflow: visible;
}

.tab-content > .active, .pill-content > .active {
  display: block;
}

.fade.in {
  opacity: 1;
}

/*-----------------------------------------------*/
/*----------------- Tabs-------------------------*/
/*-----------------------------------------------*/
.nav-tabs {
  border-bottom: 1px solid #ddd;
}

.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
  color: #555555;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}

.nav-tabs > li, .nav-pills > li {
  float: left;
}

.nav-tabs > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 24px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  color: #555555;
}

.nav-tabs > li > a, .nav-pills > li > a {
  padding-right: 12px;
  padding-left: 12px;
  margin-right: 2px;
  line-height: 14px;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}

.search-result__info {
  display: none;
}

.required {
  color: #5d6c81;
}

.alert-danger li {
  margin-bottom: 2px;
  padding: 5px 10px;
}

.alert-error.alert-danger {
  border: 0px;
}

.node--type-content-snippets h3, .node--type-content-snippets h4, .node--type-content-snippets h5 {
  font-size: 1.15rem;
  color: #2f579c;
  font-weight: 700;
}

em.highlight, .search-snippet strong {
  font-style: normal;
  background: #fff8ab;
  color: #444444;
  font-weight: 700;
  padding: 0 2px;
}

h2.page-title {
  text-transform: initial;
}

div.card.link-card:after {
  content: "";
  position: absolute;
  background: url(../assets/img/pathway.png) no-repeat;
  background-size: contain;
  bottom: 0;
  right: 0;
  width: 49px;
  height: 49px;
  display: block;
}

div.card.link-card:hover:after {
  background: url(../assets/img/pathway-hover.png) no-repeat;
  background-size: contain;
}

.link-card p.card-text {
  min-height: 95px;
}

.link-card div.card-body {
  min-height: 330px;
}

b,
strong {
  font-weight: bold;
}

.alert :nth-child(2) ol, .alert :nth-child(2) ul {
  margin: 0 !important;
}

.alert :nth-child(2) li {
  margin: 0;
  margin-left: 0px;
  list-style: auto;
  list-style-position: inside;
}

.alert-warning li {
  background-color: #fff4e2;
  color: #e18e01 !important;
}

.alert-danger li {
  background-color: #fff4e2;
  color: #e18e01 !important;
}

.alert-success li {
  background-color: #fff4e2;
  color: #e18e01 !important;
}

.alert-info li {
  background-color: #fff4e2;
  color: #e18e01 !important;
}

.alert-primary li {
  background-color: #217dbb;
  color: #ffffff !important;
}

.alert-primary-pale li {
  background-color: #4da6ff;
  color: #4b8dd0 !important;
}

h1, .h1 {
  font-size: 2.5rem;
}

h2, .h2 {
  font-size: 2rem;
}

h3, .h3 {
  font-size: 1.75rem;
}

h4, .h4 {
  font-size: 1.5rem;
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}

/*# sourceMappingURL=custom.css.map */