.d2l-servicebox-btn a.d2l-sobtn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 0.833333rem; font-weight: normal;
  line-height: 1; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer;
  -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent;
  border-radius: 0.2rem; transition: all 100ms ease-out 0s;
}
.d2l-servicebox-btn a.d2l-sobtn:focus,
.d2l-servicebox-btn a.d2l-sobtn:active:focus,
.d2l-servicebox-btn a.d2l-sobtn:active.focus { outline: 5px auto -webkit-focus-ring-color;  outline-offset: -2px; }
.d2l-servicebox-btn a.d2l-sobtn:hover,
.d2l-servicebox-btn a.d2l-sobtn:focus { color: #333; text-decoration: none; }
.d2l-servicebox-btn a.d2l-sobtn:active {
  background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); }
.d2l-servicebox-btn a.d2l-sobtn .btn-txt{vertical-align: middle; }

.d2l-servicebox-btn a [class^="sow-icon-"] { position: relative; vertical-align: middle; }
.d2l-servicebox-btn a.d2l-iconpos-right [class^="sow-icon-"] { margin-left: 0.65em; margin-right: 0em; }
.d2l-servicebox-btn.d2l-button-align-left { text-align: left; }
.d2l-servicebox-btn.d2l-button-align-right { text-align: right; }
.d2l-servicebox-btn.d2l-button-align-center { text-align: center; }
.d2l-servicebox-btn.d2l-button-align-justify a { display: block; }

.d2l-3dbtn span { pointer-events: none; }
.d2l-3dbtn:hover { text-decoration: none; }
.d2l-3dbtn:focus { text-decoration: none;  outline: none;}

.d2l-servicebox-widget.img-align-top .d2l-servicebox-image{ height: 200px; }
.d2l-servicebox-widget:not(.img-align-top) .servicebox-widget-inner { display: table; width: 100%; }
.d2l-servicebox-widget .d2l-servicebox-imglik:hover {background-color: #000; opacity: 0.7; filter: alpha(opacity=70);
}
.d2l-servicebox-widget:not(.img-align-top) .servicebox-widget-inner > div { display: table-cell;  vertical-align: top; }
.d2l-servicebox-widget:not(.img-align-top) .d2l-servicebox-image{ width: 40%; }
@media only screen and (max-width: 600px) { .d2l-servicebox-widget:not(.img-align-top) .servicebox-widget-inner > div {  display: block; width: 100%; } }


