/*
 * main.less - placeholder for all imported less files
 * 
 * 
 */
.webkitScrollbar::-webkit-scrollbar {
  height: 16px;
  overflow: visible;
  width: 16px;
}
.webkitScrollbar::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
  border: solid transparent;
  min-height: 28px;
  padding: 100px 0 0;
  box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
  border-width: 1px 1px 1px 6px;
}
.webkitScrollbar::-webkit-scrollbar-button {
  height: 0;
  width: 0;
}
.webkitScrollbar::-webkit-scrollbar-track {
  background-clip: padding-box;
  border: solid transparent;
  border-width: 0 0 0 4px;
}
.webkitScrollbar::-webkit-scrollbar-corner {
  background: transparent;
}
.border_style_1 {
  border: 1px solid #c6c6c6;
}
.arrow-up {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #000;
}
.arrow-down {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000;
}
/* text definitions */
a {
  color: #336699;
  text-decoration: none;
}
a i {
  color: #55798e;
}
a:hover a:focus {
  color: #336699;
  text-decoration: underline;
}
.heading {
  font-size: 23px;
  color: #525151;
}
.sub-heading {
  font-size: 17px;
  color: #525151;
}
.medium-text {
  font-size: 13px;
  color: #333;
}
.text {
  font-size: 12px;
  color: #333;
}
.small-text {
  font-size: 11px;
  color: #333;
}
.label {
  font-size: 11px;
  color: #333;
  line-height: 24px;
  vertical-align: bottom;
}
.clearboth {
  clear: both;
}
.truncate-text {
  overflow: hidden;
  text-overflow: ellipsis;
}
.uppercase {
  text-transform: uppercase;
}
/* dropdown menu */
.dropdown-menu li > a:hover {
  color: #000000;
  background-color: #d1ebfa;
  background-image: none;
  filter: none;
}
p {
  font: 14px Verdana, Arial, Helvetiva, sans-serif;
  line-height: 1.55em;
}
.cookiewarning {
  font: 11px Verdana, Arial, Helvetiva, sans-serif;
  line-height: 1.55em;
}
.btn {
  padding: 4px 16px;
  font-family: Verdana, Tahoma, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
}
/*
.btn:active , .btn.active , .btn.disabled , .btn[disabled] {
    color: #333;
    background-color: rgb(202, 202, 202);
}
*/
.close {
  opacity: .8;
}
select {
  line-height: inherit;
}
/* Media links */
.socialmedialink {
  float: right;
  margin-top: 5px;
  z-index: 10;
}
.socialmedialink .mobile-popover {
  display: none;
}
.socialmedialink .no-mobile {
  display: block;
}
.socialmedialink .socialmediaicon {
  width: 32px;
  height: 32px;
  margin-right: 2px;
}
.socialmedialink .detailViewAddThisToolbox a {
  float: left;
  margin-left: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.socialmedialink .detailViewAddThisToolbox a:active,
.socialmedialink .detailViewAddThisToolbox a:focus {
  outline: none;
}
.socialmedialink .addthis_default_style {
  width: 160px;
}
.socialmedialink .mypull-right-top {
  margin-top: -100px;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  .socialmedialink {
    /*width: 100%;
  		
  		 margin-right: -14px;
  		border: 0px solid red;
  		z-index: 10;
  		width: 30px; */
  
    z-index: 10;
    margin-top: 5px;
    float: right;
  }
  .socialmedialink .mobile-popover {
    display: block;
  }
  .socialmedialink .no-mobile {
    display: none;
  }
  .socialmedialink .mysw-fa-share-square {
    background-image: url('/r2/img/icon_share_square.png');
  }
  .socialmedialink .socialmediaicon {
    width: 28px;
    height: 28px;
    margin-right: 5px;
  }
  .socialmedialink .socialmediashareicon {
    opacity: 0.4;
    filter: alpha(opacity=40);
  }
  .socialmedialink .socialmediashareicon:hover {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  .socialmedialink .addthis_default_style {
    width: 152px;
  }
  .socialmedialink .popover-content {
    padding: 5px 5px;
  }
}
.trainingModalButtons {
  width: 155px ;
  padding: 4px 10px 4px 10px;
  background-color: #EBEBEB;
  color: #555;
  font-family: '3DSRegular';
  font-size: 13px;
}
.featured-widget {
  width: 250px;
  height: 262px;
  border: 1px solid lightgrey;
  box-shadow: 1px 1px 5px #f0f0f0;
  font-size: 13px;
  padding-bottom: 10px;
}
@media screen and ( min-width: 768px ) and ( max-width: 979px ) {
  .featured-widget {
    width: 100%;
    height: 80px;
    margin: 0px 0px 15px 0px;
  }
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ) {
  .featured-widget {
    width: 100%;
    height: 80px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
  }
}
.featured-widget .featuredPlaceholder {
  height: 138px;
  margin: 5px;
  background-color: #fff;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ) {
  .featured-widget .featuredPlaceholder {
    height: inherit;
  }
}
.featured-widget .featuredPlaceholder .featContainer {
  width: 100%;
}
@media screen and ( min-width: 768px ) and ( max-width: 979px ) {
  .featured-widget .featuredPlaceholder .featContainer {
    margin: 0px;
  }
}
.featured-widget .featuredPlaceholder .featContainer ol li {
  background: transparent url('/r2/img/icon_pager_circle.png') center center;
  cursor: pointer;
}
.featured-widget .featuredPlaceholder .featContainer ol li.active {
  background: transparent url('/r2/img/icon_pager_circle_active.png') center center;
}
.featured-widget .featuredPlaceholder .featContainer .carousel-indicators {
  position: relative;
  top: 10px;
  right: 8px;
  float: right;
}
@media screen and ( min-width: 768px ) and ( max-width: 979px ) {
  .featured-widget .featuredPlaceholder .featContainer .carousel-indicators {
    top: -10px;
  }
}
.featured-widget .featuredPlaceholder .featItemWrapper {
  width: 230px;
  height: 235px;
  text-align: left;
  overflow: hidden;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ) {
  .featured-widget .featuredPlaceholder .featItemWrapper {
    width: 100%;
    height: 80px;
  }
}
.featured-widget .featuredPlaceholder .featItemWrapper .media {
  padding-right: 5px;
  margin-top: 0;
}
.featured-widget .featuredPlaceholder .featItemWrapper .media-body {
  padding-right: 5px;
  padding-left: 10px;
}
@media screen and ( max-width: 320px ) {
  .featured-widget .featuredPlaceholder .featItemWrapper .media-body p {
    line-height: 0.95em;
    margin: 0 0 2px;
  }
}
.featured-widget .featuredPlaceholder .featItemWrapper .show {
  z-index: 21;
  position: absolute;
}
.featured-widget .featuredPlaceholder .featItemWrapper a.pull-left .media-object {
  max-width: 220px;
  min-width: 220px;
}
.featured-widget .featuredPlaceholder .featItemTitle {
  width: 100%;
  font-size: 16px;
  line-height: 20px;
  max-height: 42px;
  overflow: hidden;
  display: block;
  margin-bottom: 6px;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ) {
  .featured-widget .featuredPlaceholder .featItemTitle {
    max-height: 20px;
  }
}
.featured-widget .featuredPlaceholder .featuredContent {
  font-size: 13px;
  line-height: 1.25em;
  color: #333;
  height: 46px;
  overflow: hidden;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ) {
  .featured-widget .featuredPlaceholder .featuredContent {
    margin: 0px;
  }
}
.featured-widget .featuredPlaceholder .feedItemSourceIcon {
  margin-left: -2px;
  width: 22px;
  height: 22px;
  padding-top: 2px;
  padding-bottom: 5px;
}
.featured-widget .featuredPlaceholder .featuredContentSource {
  font-size: 12px;
  color: #555;
  margin-top: 5px;
  width: 250px;
  padding-bottom: 5px;
}
.featured-widget .featuredPlaceholder .featDesc {
  color: #666;
  font-size: 13px;
  margin: 0px 18px;
  line-height: 1.5em;
  max-width: 560px;
  height: 3em;
  max-height: 3em;
  overflow: hidden;
}
.featured-widget .featuredPlaceholder .featCategory {
  color: #333;
  font-size: 11px;
  margin-left: 18px;
  text-transform: uppercase;
  line-height: 18px;
  margin-top: 10px;
  clear: left;
  height: 1.5em;
  max-height: 1.5em;
}
.featured-widget .featuredPlaceholder .overlayPager {
  position: relative;
  height: 12px;
  z-index: 99;
  float: right;
  margin-right: 10px;
  margin-top: -40px;
}
.featured-widget .featuredPlaceholder .pager {
  width: 12px;
  height: 12px;
  background: transparent url('/r2/img/icon_pager_circle.png') center center;
  margin-left: 4px;
  float: left;
}
.featured-widget .featuredPlaceholder .pagerSelected {
  width: 12px;
  height: 12px;
  background: transparent url('/r2/img/icon_pager_circle_active.png') center center;
  margin-left: 4px;
  float: left;
}
.featured-widget .featuredPlaceholder .overlay1 {
  background: #ffffff url('/r2/img/FeaturedBar.png') -40px 0px no-repeat;
  z-index: 99;
  width: 220px;
  height: 30px;
  position: relative;
  top: -156px;
  color: #fff;
  font-size: 18px;
  padding-left: 10px;
  line-height: 1.75em;
  text-transform: uppercase;
  display: inline-block;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ) {
  .featured-widget .featImg {
    float: left;
  }
}
.featured-widget .media-object {
  height: 100px;
  width: auto;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ) {
  .featured-widget .media-object {
    height: 80px;
  }
}
.featured-widget .media {
  margin-top: 0px;
}
.featured-widget .media-body {
  margin-top: 8px;
  line-height: 15px;
  color: grey;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ) {
  .featured-widget .media-body {
    padding-left: 10px;
    margin-top: 0px;
  }
}
.featured-widget-across {
  font-size: 13px;
  padding-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}
.featured-widget-across .featureTiles {
  margin-left: auto;
  margin-right: auto;
}
.featured-widget-across .featureRowsTwo {
  width: 580px;
  display: inline-block;
  margin-bottom: 10px;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ) {
  .featured-widget-across .featureRowsTwo {
    width: 280px;
    font-size: 12px;
  }
}
.featured-widget-across .featuredPlaceholder {
  margin: 5px;
  display: inline-block;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ) {
  .featured-widget-across .featuredPlaceholder {
    height: inherit;
  }
}
.featured-widget-across .featuredPlaceholder .featContainer {
  width: 100%;
}
@media screen and ( min-width: 768px ) and ( max-width: 979px ) {
  .featured-widget-across .featuredPlaceholder .featContainer {
    margin: 0px;
  }
}
.featured-widget-across .featuredPlaceholder .featContainer ol li {
  background: transparent url('/r2/img/icon_pager_circle.png') center center;
  cursor: pointer;
}
.featured-widget-across .featuredPlaceholder .featContainer ol li.active {
  background: transparent url('/r2/img/icon_pager_circle_active.png') center center;
}
.featured-widget-across .featuredPlaceholder .featContainer .carousel-indicators {
  position: relative;
  top: -5px;
  right: 0;
  float: right;
}
@media screen and ( min-width: 768px ) and ( max-width: 979px ) {
  .featured-widget-across .featuredPlaceholder .featContainer .carousel-indicators {
    top: -10px;
  }
}
.featured-widget-across .featuredPlaceholder .featItemWrapper {
  width: 255px;
  height: 180px;
  padding: 10px;
  text-align: left;
  overflow: hidden;
  border: 1px solid lightgrey;
  box-shadow: 1px 1px 5px #f0f0f0;
}
.featured-widget-across .featuredPlaceholder .featItemWrapper .media {
  padding-right: 5px;
  margin-top: 0;
}
.featured-widget-across .featuredPlaceholder .featItemWrapper .media-body {
  padding-right: 5px;
  padding-left: 10px;
}
.featured-widget-across .featuredPlaceholder .featItemWrapper .media-body .short {
  height: 108px;
}
@media screen and ( max-width: 320px ) {
  .featured-widget-across .featuredPlaceholder .featItemWrapper .media-body p {
    line-height: 0.95em;
    margin: 0 0 2px;
  }
}
.featured-widget-across .featuredPlaceholder .featItemWrapper .show {
  z-index: 21;
  position: absolute;
}
.featured-widget-across .featuredPlaceholder .featItemWrapper a.pull-left .media-object {
  max-width: 220px;
  min-width: 220px;
}
.featured-widget-across .featuredPlaceholder .featItemTitle {
  width: 100%;
  font-size: 14px;
  text-align: center;
  line-height: 20px;
  max-height: 42px;
  overflow: hidden;
  display: block;
  margin-bottom: 6px;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ) {
  
}
.featured-widget-across .featuredPlaceholder .featuredContent {
  font-size: 13px;
  line-height: 1.25em;
  color: #555;
  overflow: hidden;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ) {
  .featured-widget-across .featuredPlaceholder .featuredContent {
    margin: 0px;
  }
}
.featured-widget-across .featuredPlaceholder .feedItemSourceIcon {
  margin-left: -2px;
  width: 22px;
  height: 22px;
}
.featured-widget-across .featuredPlaceholder .featuredContentSource {
  font-size: 13px;
  color: #555;
  margin-top: 5px;
  width: 250px;
}
.featured-widget-across .featuredPlaceholder .featDesc {
  color: #666;
  font-size: 13px;
  margin: 0px 18px;
  line-height: 1.5em;
  max-width: 560px;
  height: 3em;
  max-height: 3em;
  overflow: hidden;
}
.featured-widget-across .featuredPlaceholder .featCategory {
  color: #333;
  font-size: 11px;
  margin-left: 18px;
  text-transform: uppercase;
  line-height: 18px;
  margin-top: 10px;
  clear: left;
  height: 1.5em;
  max-height: 1.5em;
}
.featured-widget-across .featuredPlaceholder .overlayPager {
  position: relative;
  height: 12px;
  z-index: 99;
  float: right;
  margin-right: 10px;
  margin-top: -40px;
}
.featured-widget-across .featuredPlaceholder .pager {
  width: 12px;
  height: 12px;
  background: transparent url('/r2/img/icon_pager_circle.png') center center;
  margin-left: 4px;
  float: left;
}
.featured-widget-across .featuredPlaceholder .pagerSelected {
  width: 12px;
  height: 12px;
  background: transparent url('/r2/img/icon_pager_circle_active.png') center center;
  margin-left: 4px;
  float: left;
}
.featured-widget-across .featuredPlaceholder .overlay1 {
  background: #ffffff url('/r2/img/FeaturedBar.png') -40px 0px no-repeat;
  z-index: 99;
  width: 220px;
  height: 30px;
  position: relative;
  top: -156px;
  color: #fff;
  font-size: 18px;
  padding-left: 10px;
  line-height: 1.75em;
  text-transform: uppercase;
  display: inline-block;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ) {
  .featured-widget-across .featImg {
    float: left;
  }
}
.featured-widget-across .media-object {
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}
.featured-widget-across .media {
  margin-top: 0px;
}
.featured-widget-across .media-body {
  margin-top: 8px;
  line-height: 15px;
  color: grey;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ) {
  .featured-widget-across .media-body {
    padding-left: 10px;
    margin-top: 0px;
  }
}
.featured-widget-wide {
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
  font-size: 13px;
  padding-bottom: 10px;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ) {
  .featured-widget-wide {
    width: 100%;
    height: 80px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
  }
}
.featured-widget-wide .featuredPlaceholder {
  height: inherit;
  margin: 5px;
}
.featured-widget-wide .featuredPlaceholder .featContainer {
  width: 100%;
  margin: 0px;
}
.featured-widget-wide .featuredPlaceholder .featContainer ol li {
  background: transparent url('/r2/img/icon_pager_circle.png') center center;
  cursor: pointer;
}
.featured-widget-wide .featuredPlaceholder .featContainer ol li.active {
  background: transparent url('/r2/img/icon_pager_circle_active.png') center center;
}
.featured-widget-wide .featuredPlaceholder .featContainer .carousel-indicators {
  position: relative;
  top: -5px;
  right: 0;
  float: right;
}
@media screen and ( min-width: 768px ) and ( max-width: 979px ) {
  .featured-widget-wide .featuredPlaceholder .featContainer .carousel-indicators {
    top: -10px;
  }
}
.featured-widget-wide .featuredPlaceholder .featItemWrapper {
  text-align: left;
  width: 100%;
  height: 150px;
  overflow: hidden;
}
.featured-widget-wide .featuredPlaceholder .featItemWrapper .media {
  padding-right: 5px;
  margin-top: 0;
}
.featured-widget-wide .featuredPlaceholder .featItemWrapper .media-body {
  font-size: 14px;
  padding-right: 5px;
  padding-left: 10px;
}
@media screen and ( max-width: 320px ) {
  .featured-widget-wide .featuredPlaceholder .featItemWrapper .media-body p {
    line-height: 0.95em;
    margin: 0 0 2px;
  }
}
.featured-widget-wide .featuredPlaceholder .featItemWrapper .show {
  z-index: 21;
  position: absolute;
}
.featured-widget-wide .featuredPlaceholder .featItemWrapper a.pull-left .media-object {
  max-width: 220px;
  min-width: 220px;
}
.featured-widget-wide .featuredPlaceholder .featItemTitle {
  width: 100%;
  font-size: 16px;
  line-height: 20px;
  max-height: 42px;
  overflow: hidden;
  display: block;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: solid 1px #c0c0c0;
  max-height: 20px;
}
.featured-widget-wide .featuredPlaceholder .featuredContent {
  line-height: 1.25em;
  color: #555;
  padding-bottom: 10px;
  overflow: hidden;
  margin: 0px;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ) {
  .featured-widget-wide .featuredPlaceholder .featuredContent {
    display: none;
  }
}
.featured-widget-wide .featuredPlaceholder .feedItemSourceIcon {
  margin-left: -2px;
  width: 22px;
  height: 22px;
}
.featured-widget-wide .featuredPlaceholder .featuredContentSource {
  font-size: 13px;
  color: #555;
  margin-top: 5px;
  width: 250px;
}
.featured-widget-wide .featuredPlaceholder .featDesc {
  color: #666;
  font-size: 13px;
  margin: 0px 18px;
  line-height: 1.5em;
  max-width: 560px;
  height: 3em;
  max-height: 3em;
  overflow: hidden;
}
.featured-widget-wide .featuredPlaceholder .featCategory {
  color: #333;
  font-size: 11px;
  margin-left: 18px;
  text-transform: uppercase;
  line-height: 18px;
  margin-top: 10px;
  clear: left;
  height: 1.5em;
  max-height: 1.5em;
}
.featured-widget-wide .featuredPlaceholder .overlayPager {
  position: relative;
  height: 12px;
  z-index: 99;
  float: right;
  margin-right: 10px;
  margin-top: -40px;
}
.featured-widget-wide .featuredPlaceholder .pager {
  width: 12px;
  height: 12px;
  background: transparent url('/r2/img/icon_pager_circle.png') center center;
  margin-left: 4px;
  float: left;
}
.featured-widget-wide .featuredPlaceholder .pagerSelected {
  width: 12px;
  height: 12px;
  background: transparent url('/r2/img/icon_pager_circle_active.png') center center;
  margin-left: 4px;
  float: left;
}
.featured-widget-wide .featuredPlaceholder .overlay1 {
  background: #ffffff url('/r2/img/FeaturedBar.png') -40px 0px no-repeat;
  z-index: 99;
  width: 220px;
  height: 30px;
  position: relative;
  top: -156px;
  color: #fff;
  font-size: 18px;
  padding-left: 10px;
  line-height: 1.75em;
  text-transform: uppercase;
  display: inline-block;
}
.featured-widget-wide .featImg {
  float: left;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ) {
  .featured-widget-wide .featImg {
    width: 200px;
    padding-right: 0px;
    margin-left: 20px;
  }
  .featured-widget-wide .featImg img {
    width: 75%;
  }
}
.featured-widget-wide .media-object {
  width: 225px;
  display: inline;
  padding-right: 30px;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ) {
  .featured-widget-wide .media-object {
    padding-right: 0px;
  }
}
.featured-widget-wide .media {
  margin-top: 0px;
}
.featured-widget-wide .media-body {
  margin-top: 8px;
  line-height: 15px;
  color: grey;
  padding-left: 10px;
  margin-top: 0px;
}
.featured-widget-height {
  width: 250px;
  height: 358px;
  border: 1px solid lightgrey;
  box-shadow: 1px 1px 5px #f0f0f0;
  font-size: 13px;
  padding-bottom: 10px;
}
@media screen and ( min-width: 768px ) and ( max-width: 979px ) {
  .featured-widget-height {
    width: 100%;
    height: 100px;
    margin: 0px 0px 15px 0px;
  }
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ) {
  .featured-widget-height {
    width: 100%;
    height: 100px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
.featured-widget-height .featuredPlaceholder {
  height: 348px;
  margin: 0px;
  padding: 5px;
  background-color: #fff;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ) {
  .featured-widget-height .featuredPlaceholder {
    height: inherit;
  }
}
.featured-widget-height .featuredPlaceholder .featContainer {
  width: 100%;
}
@media screen and ( min-width: 768px ) and ( max-width: 979px ) {
  .featured-widget-height .featuredPlaceholder .featContainer {
    margin: 0px;
  }
}
.featured-widget-height .featuredPlaceholder .featContainer ol li {
  background: transparent url('/r2/img/icon_pager_circle.png') center center;
  cursor: pointer;
}
.featured-widget-height .featuredPlaceholder .featContainer ol li.active {
  background: transparent url('/r2/img/icon_pager_circle_active.png') center center;
}
.featured-widget-height .featuredPlaceholder .featContainer .carousel-indicators {
  position: relative;
  top: 5px;
  right: 8px;
  float: right;
}
@media screen and ( min-width: 768px ) and ( max-width: 979px ) {
  .featured-widget-height .featuredPlaceholder .featContainer .carousel-indicators {
    top: -10px;
  }
}
.featured-widget-height .featuredPlaceholder .featItemWrapper {
  height: 335px;
  width: 230px;
  padding-left: 5px;
  text-align: left;
  overflow: hidden;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ) {
  .featured-widget-height .featuredPlaceholder .featItemWrapper {
    width: 100%;
    height: 100px;
  }
}
.featured-widget-height .featuredPlaceholder .featItemWrapper .media {
  padding-right: 0px;
}
.featured-widget-height .featuredPlaceholder .featItemWrapper .media-body {
  padding-right: 0px;
}
@media screen and ( max-width: 320px ) {
  .featured-widget-height .featuredPlaceholder .featItemWrapper .media-body p {
    line-height: 0.95em;
    margin: 0 0 2px;
  }
}
.featured-widget-height .featuredPlaceholder .featItemWrapper .show {
  z-index: 21;
  position: absolute;
}
.featured-widget-height .featuredPlaceholder .featItemWrapper a.pull-left .media-object {
  max-width: 220px;
  min-width: 220px;
}
.featured-widget-height .featuredPlaceholder .featItemTitle {
  width: 100%;
  font-size: 16px;
  line-height: 20px;
  max-height: 42px;
  overflow: hidden;
  display: block;
  margin-bottom: 6px;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ) {
  .featured-widget-height .featuredPlaceholder .featItemTitle {
    max-height: 20px;
  }
}
.featured-widget-height .featuredPlaceholder .featuredContent {
  font-size: 13px;
  line-height: 1.25em;
  color: #333;
  height: 130px;
  padding-right: 5px;
  overflow: hidden;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ) {
  .featured-widget-height .featuredPlaceholder .featuredContent {
    margin: 0px;
    height: 34px;
  }
}
.featured-widget-height .featuredPlaceholder .feedItemSourceIcon {
  margin-left: -2px;
  width: 22px;
  height: 22px;
  padding-top: 2px;
  padding-bottom: 5px;
}
.featured-widget-height .featuredPlaceholder .featuredContentSource {
  font-size: 12px;
  color: #555;
  margin-top: 5px;
  width: 250px;
  padding-bottom: 5px;
}
.featured-widget-height .featuredPlaceholder .featDesc {
  color: #666;
  font-size: 13px;
  margin: 0px 18px;
  line-height: 1.5em;
  max-width: 560px;
  height: 3em;
  max-height: 3em;
  overflow: hidden;
}
.featured-widget-height .featuredPlaceholder .featCategory {
  color: #333;
  font-size: 11px;
  margin-left: 18px;
  text-transform: uppercase;
  line-height: 18px;
  margin-top: 10px;
  clear: left;
  height: 1.5em;
  max-height: 1.5em;
}
.featured-widget-height .featuredPlaceholder .overlayPager {
  position: relative;
  height: 12px;
  z-index: 99;
  float: right;
  margin-right: 10px;
  margin-top: -40px;
}
.featured-widget-height .featuredPlaceholder .pager {
  width: 12px;
  height: 12px;
  background: transparent url('/r2/img/icon_pager_circle.png') center center;
  margin-left: 4px;
  float: left;
}
.featured-widget-height .featuredPlaceholder .pagerSelected {
  width: 12px;
  height: 12px;
  background: transparent url('/r2/img/icon_pager_circle_active.png') center center;
  margin-left: 4px;
  float: left;
}
.featured-widget-height .featuredPlaceholder .overlay1 {
  background: #ffffff url('/r2/img/FeaturedBar.png') -40px 0px no-repeat;
  z-index: 99;
  width: 220px;
  height: 30px;
  position: relative;
  top: -156px;
  color: #fff;
  font-size: 18px;
  padding-left: 10px;
  line-height: 1.75em;
  text-transform: uppercase;
  display: inline-block;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ) {
  .featured-widget-height .featImg {
    float: left;
  }
}
.featured-widget-height .media-object {
  height: 110px;
  width: auto;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ) {
  .featured-widget-height .media-object {
    height: 80px;
  }
}
.featured-widget-height .media {
  margin-top: 5px;
  padding-left: 0px;
  padding-right: 3px;
}
.featured-widget-height .media-body {
  margin-top: 8px;
  line-height: 15px;
  color: grey;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ) {
  .featured-widget-height .media-body {
    padding-left: 10px;
    margin-top: 0px;
  }
}
#browse-filters .dropdown-menu:before,
#mylearning .dropdown-menu:before,
.side-filter .dropdown-menu:before {
  position: absolute;
  top: -7px;
  left: 12px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}
#browse-filters .dropdown-menu:after,
#mylearning .dropdown-menu:after,
.side-filter .dropdown-menu:after {
  position: absolute;
  top: -6px;
  left: 13px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: '';
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #browse-filters .dropdown-menu:before,
  #mylearning .dropdown-menu:before,
  .side-filter .dropdown-menu:before {
    display: none;
  }
  #browse-filters .dropdown-menu:after,
  #mylearning .dropdown-menu:after,
  .side-filter .dropdown-menu:after {
    display: none;
  }
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #browse-filters .dropdown,
  #mylearning .dropdown,
  .side-filter .dropdown,
  #browse-filters .dropdown-menu,
  #mylearning .dropdown-menu,
  .side-filter .dropdown-menu,
  #browse-filters .dropdown-toggle,
  #mylearning .dropdown-toggle,
  .side-filter .dropdown-toggle {
    overflow-y: auto;
  }
}
#browse-filters .dropdown,
#mylearning .dropdown,
.side-filter .dropdown {
  left: 0;
  top: 0;
  display: inline-block;
}
#browse-filters .dropdown-menu,
#mylearning .dropdown-menu,
.side-filter .dropdown-menu {
  z-index: 1032;
  width: 316px;
  padding: 5px;
}
#browse-filters .filter-subhead,
#mylearning .filter-subhead,
.side-filter .filter-subhead {
  font-size: 13px;
  color: #333;
  font-weight: bold;
  padding: 5px 0 5px 0;
  border-bottom: 1px solid #e1e0e0;
}
#browse-filters .filter-subhead div,
#mylearning .filter-subhead div,
.side-filter .filter-subhead div {
  display: inline-block;
}
#browse-filters .filter-subhead div img,
#mylearning .filter-subhead div img,
.side-filter .filter-subhead div img {
  cursor: pointer;
  vertical-align: middle;
  opacity: 0.3;
  filter: alpha(opacity=33);
}
#browse-filters .filter-subhead div img.sort-selected,
#mylearning .filter-subhead div img.sort-selected,
.side-filter .filter-subhead div img.sort-selected {
  opacity: 1.0;
  filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
}
#browse-filters .filter-subhead .name,
#mylearning .filter-subhead .name,
.side-filter .filter-subhead .name {
  float: left;
}
#browse-filters .filter-subhead .sort,
#mylearning .filter-subhead .sort,
.side-filter .filter-subhead .sort {
  display: inline-block;
  float: right;
}
#browse-filters .bottom-buttons,
#mylearning .bottom-buttons,
.side-filter .bottom-buttons {
  border-top: 1px solid #e1e0e0;
  margin: 10px 0 5px 0;
  width: 100%;
}
#browse-filters .bottom-buttons a,
#mylearning .bottom-buttons a,
.side-filter .bottom-buttons a {
  font-size: 14px;
  color: #555;
  margin: 10px 0 10px 0;
  font-weight: bold;
  width: 120px;
}
#browse-filters .filter-sources,
#mylearning .filter-sources,
.side-filter .filter-sources {
  font-size: 13px;
  color: #333;
  margin: 5px 0 5px 0;
  line-height: 36px;
  white-space: normal;
}
#browse-filters .filter-sources button,
#mylearning .filter-sources button,
.side-filter .filter-sources button {
  margin-left: 4px;
}
#browse-filters .filter-sources img,
#mylearning .filter-sources img,
.side-filter .filter-sources img {
  margin-left: 4px;
  margin-right: 4px;
}
#browse-filters .filter-tags,
#mylearning .filter-tags,
.side-filter .filter-tags {
  font-size: 13px;
  color: #333;
  width: 100%;
  line-height: 22px;
  max-height: 160px;
  overflow-y: auto;
  overflow-x: hidden;
}
#browse-filters .filter-tags::-webkit-scrollbar,
#mylearning .filter-tags::-webkit-scrollbar,
.side-filter .filter-tags::-webkit-scrollbar {
  height: 16px;
  overflow: visible;
  width: 16px;
}
#browse-filters .filter-tags::-webkit-scrollbar-thumb,
#mylearning .filter-tags::-webkit-scrollbar-thumb,
.side-filter .filter-tags::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
  border: solid transparent;
  min-height: 28px;
  padding: 100px 0 0;
  box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
  border-width: 1px 1px 1px 6px;
}
#browse-filters .filter-tags::-webkit-scrollbar-button,
#mylearning .filter-tags::-webkit-scrollbar-button,
.side-filter .filter-tags::-webkit-scrollbar-button {
  height: 0;
  width: 0;
}
#browse-filters .filter-tags::-webkit-scrollbar-track,
#mylearning .filter-tags::-webkit-scrollbar-track,
.side-filter .filter-tags::-webkit-scrollbar-track {
  background-clip: padding-box;
  border: solid transparent;
  border-width: 0 0 0 4px;
}
#browse-filters .filter-tags::-webkit-scrollbar-corner,
#mylearning .filter-tags::-webkit-scrollbar-corner,
.side-filter .filter-tags::-webkit-scrollbar-corner {
  background: transparent;
}
#browse-filters .filter-tags img,
#mylearning .filter-tags img,
.side-filter .filter-tags img {
  vertical-align: middle;
}
#browse-filters .filter-tags div,
#mylearning .filter-tags div,
.side-filter .filter-tags div {
  cursor: pointer;
  width: 100%;
  /* color: #55798E;*/

}
#browse-filters .filter-tags div a span,
#mylearning .filter-tags div a span,
.side-filter .filter-tags div a span {
  white-space: normal;
}
#browse-filters .filter-tags i,
#mylearning .filter-tags i,
.side-filter .filter-tags i {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-top: 1px;
  line-height: 14px;
  vertical-align: text-top;
}
#browse-filters .filter-tags i.tag-selected,
#mylearning .filter-tags i.tag-selected,
.side-filter .filter-tags i.tag-selected {
  background-image: url("/r2/img/icon_check_black.png");
  background-repeat: no-repeat;
}
#browse-filters .filter-tags input,
#mylearning .filter-tags input,
.side-filter .filter-tags input {
  margin-right: 4px;
  vertical-align: middle;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #browse-filters .dropdown-menu,
  #mylearning .dropdown-menu,
  .side-filter .dropdown-menu {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto;
    margin: 0;
  }
}
@media screen and ( max-width: 320px ) {
  #browse-filters .filter-tags,
  #mylearning .filter-tags,
  .side-filter .filter-tags {
    max-height: 198px;
  }
}
@media screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #browse-filters .bottom-buttons,
  #mylearning .bottom-buttons,
  .side-filter .bottom-buttons {
    margin-top: 2px;
  }
  #browse-filters .bottom-buttons button,
  #mylearning .bottom-buttons button,
  .side-filter .bottom-buttons button {
    margin-top: 5px;
  }
  #browse-filters .tag-container .filter-tags,
  #mylearning .tag-container .filter-tags,
  .side-filter .tag-container .filter-tags {
    max-height: 88px;
  }
}
.myswFilterRow {
  height: 22px;
  line-height: 22px;
  vertical-align: middle;
  width: 100%;
  padding: 2px 0 2px 0;
}
.myswFilterRowControl {
  float: left;
  margin-top: -5px;
}
.myswFilterRowItem {
  font-size: 13px;
  color: #333;
  height: 18px;
  line-height: 18px;
  display: inline-block;
}
.myswFilterRowLabel {
  margin-left: 5px;
  color: #55798E;
  float: left;
}
.myswFilterRowCount {
  background-color: #55798E;
  text-align: right;
  color: white;
  float: right;
  padding-right: 4px;
}
.filter-backdrop {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1031;
  background-color: #fff;
  transition: opacity 0.3s;
}
.actionButton {
  padding: 0px;
  background-color: #428bce;
  border: 1px solid #3e78ab;
  border-radius: 3px;
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  font-size: 13px;
  color: #fff;
  height: 30px;
  padding-left: 8px;
  padding-right: 8px;
}
.removeActionButton {
  padding: 0px;
  background-color: #428bce;
  border: 1px solid #3e78ab;
  border-radius: 3px;
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  font-size: 13px;
  color: #fff;
  height: 30px;
  padding-left: 8px;
  padding-right: 8px;
  background-color: #d9534f;
  border: #d43f3a;
  width: 140px;
}
.removeActionButtonDisabled {
  padding: 0px;
  background-color: #428bce;
  border: 1px solid #3e78ab;
  border-radius: 3px;
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  font-size: 13px;
  color: #fff;
  height: 30px;
  padding-left: 8px;
  padding-right: 8px;
  background-color: #d9534f;
  border: #d43f3a;
  width: 140px;
  background-color: #c5c5c5;
  border: #999999;
  color: #f0f0f0;
  cursor: default;
}
.filterQRList {
  right: 0;
  display: inline-block;
  font-size: 11px;
  max-height: 34px;
  margin-left: 15px;
  line-height: 10px;
  overflow: hidden;
}
.filterQRList .myswFiltersMore {
  padding: 4px 20px 3px 7px;
  margin: 0 0 0 5px;
  font-weight: bold;
  text-decoration: none;
  display: block;
  float: left;
  position: relative;
  white-space: nowrap;
  cursor: pointer;
  color: #55798e;
  line-height: 28px;
  vertical-align: middle;
}
.filterQRList .myswFiltersMore i {
  font-size: 14px;
}
.filterQRList .myswFiltersQR {
  padding: 10px 7px 3px 0px;
  margin: 0 0 0 5px;
  vertical-align: middle;
  text-decoration: none;
  display: block;
  float: left;
  position: relative;
  white-space: nowrap;
  cursor: pointer;
}
.filterQRList .myswFiltersQR .filter-x {
  font-size: 14px;
  color: #d8050a;
  margin-right: 4px;
  margin-top: -2px;
}
.filterQRList .myswFiltersQRtype {
  color: #55798E;
}
.filterQRList .myswFiltersQRsearch {
  color: #55798E;
}
.filterQRList .myswFiltersQRtag {
  color: #1E69A2;
}
@media screen and ( max-width: 320px ) {
  .filterQRList .myswFiltersQR:nth-child(n+2) {
    display: none;
  }
}
@media screen and ( min-width: 321px )  and ( max-width: 480px ) {
  .filterQRList .myswFiltersQR:nth-child(n+3) {
    display: none;
  }
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ) {
  .filterQRList .myswFiltersQR:nth-child(n+4) {
    display: none;
  }
}
.animated1 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated2 {
  -webkit-animation-delay: .5s;
  -moz-animation-delay: .5s;
  -ms-animation-delay: .5s;
  animation-delay: .5s;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
/*!
 * font-awesome-animation - v0.0.7
 * https://github.com/l-lin/font-awesome-animation
 * License: MIT
 */
@-webkit-keyframes wrench {
  0% {
    -webkit-transform: rotate(-12deg);
    transform: rotate(-12deg);
  }
  8% {
    -webkit-transform: rotate(12deg);
    transform: rotate(12deg);
  }
  10% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg);
  }
  18% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }
  20% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }
  28% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg);
  }
  30% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg);
  }
  38% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }
  40% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }
  48% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg);
  }
  50% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg);
  }
  58% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }
  60% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }
  68% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg);
  }
  75%,
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes wrench {
  0% {
    -webkit-transform: rotate(-12deg);
    -ms-transform: rotate(-12deg);
    transform: rotate(-12deg);
  }
  8% {
    -webkit-transform: rotate(12deg);
    -ms-transform: rotate(12deg);
    transform: rotate(12deg);
  }
  10% {
    -webkit-transform: rotate(24deg);
    -ms-transform: rotate(24deg);
    transform: rotate(24deg);
  }
  18% {
    -webkit-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }
  20% {
    -webkit-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }
  28% {
    -webkit-transform: rotate(24deg);
    -ms-transform: rotate(24deg);
    transform: rotate(24deg);
  }
  30% {
    -webkit-transform: rotate(24deg);
    -ms-transform: rotate(24deg);
    transform: rotate(24deg);
  }
  38% {
    -webkit-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }
  40% {
    -webkit-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }
  48% {
    -webkit-transform: rotate(24deg);
    -ms-transform: rotate(24deg);
    transform: rotate(24deg);
  }
  50% {
    -webkit-transform: rotate(24deg);
    -ms-transform: rotate(24deg);
    transform: rotate(24deg);
  }
  58% {
    -webkit-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }
  60% {
    -webkit-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }
  68% {
    -webkit-transform: rotate(24deg);
    -ms-transform: rotate(24deg);
    transform: rotate(24deg);
  }
  75%,
  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
.faa-wrench.animated,
.faa-wrench.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-wrench {
  -webkit-animation: wrench 2.5s ease infinite;
  animation: wrench 2.5s ease infinite;
  transform-origin-x: 90%;
  transform-origin-y: 35%;
  transform-origin-z: initial;
}
.faa-wrench.animated.faa-fast,
.faa-wrench.animated-hover.faa-fast:hover,
.faa-parent.animated-hover:hover > .faa-wrench.faa-fast {
  -webkit-animation: wrench 1.2s ease infinite;
  animation: wrench 1.2s ease infinite;
}
.faa-wrench.animated.faa-slow,
.faa-wrench.animated-hover.faa-slow:hover,
.faa-parent.animated-hover:hover > .faa-wrench.faa-slow {
  -webkit-animation: wrench 3.7s ease infinite;
  animation: wrench 3.7s ease infinite;
}
/* BELL */
@-webkit-keyframes ring {
  0% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }
  2% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  4% {
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }
  6% {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg);
  }
  8% {
    -webkit-transform: rotate(-22deg);
    transform: rotate(-22deg);
  }
  10% {
    -webkit-transform: rotate(22deg);
    transform: rotate(22deg);
  }
  12% {
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }
  14% {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg);
  }
  16% {
    -webkit-transform: rotate(-12deg);
    transform: rotate(-12deg);
  }
  18% {
    -webkit-transform: rotate(12deg);
    transform: rotate(12deg);
  }
  20%,
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes ring {
  0% {
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }
  2% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  4% {
    -webkit-transform: rotate(-18deg);
    -ms-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }
  6% {
    -webkit-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    transform: rotate(18deg);
  }
  8% {
    -webkit-transform: rotate(-22deg);
    -ms-transform: rotate(-22deg);
    transform: rotate(-22deg);
  }
  10% {
    -webkit-transform: rotate(22deg);
    -ms-transform: rotate(22deg);
    transform: rotate(22deg);
  }
  12% {
    -webkit-transform: rotate(-18deg);
    -ms-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }
  14% {
    -webkit-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    transform: rotate(18deg);
  }
  16% {
    -webkit-transform: rotate(-12deg);
    -ms-transform: rotate(-12deg);
    transform: rotate(-12deg);
  }
  18% {
    -webkit-transform: rotate(12deg);
    -ms-transform: rotate(12deg);
    transform: rotate(12deg);
  }
  20%,
  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
.faa-ring.animated,
.faa-ring.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-ring {
  -webkit-animation: ring 2s ease infinite;
  animation: ring 2s ease infinite;
  transform-origin-x: 50%;
  transform-origin-y: 0px;
  transform-origin-z: initial;
}
.faa-ring.animated.faa-fast,
.faa-ring.animated-hover.faa-fast:hover,
.faa-parent.animated-hover:hover > .faa-ring.faa-fast {
  -webkit-animation: ring 1s ease infinite;
  animation: ring 1s ease infinite;
}
.faa-ring.animated.faa-slow,
.faa-ring.animated-hover.faa-slow:hover,
.faa-parent.animated-hover:hover > .faa-ring.faa-slow {
  -webkit-animation: ring 3s ease infinite;
  animation: ring 3s ease infinite;
}
/* VERTICAL */
@-webkit-keyframes vertical {
  0% {
    -webkit-transform: translate(0, -3px);
    transform: translate(0, -3px);
  }
  4% {
    -webkit-transform: translate(0, 3px);
    transform: translate(0, 3px);
  }
  8% {
    -webkit-transform: translate(0, -3px);
    transform: translate(0, -3px);
  }
  12% {
    -webkit-transform: translate(0, 3px);
    transform: translate(0, 3px);
  }
  16% {
    -webkit-transform: translate(0, -3px);
    transform: translate(0, -3px);
  }
  20% {
    -webkit-transform: translate(0, 3px);
    transform: translate(0, 3px);
  }
  22%,
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes vertical {
  0% {
    -webkit-transform: translate(0, -3px);
    -ms-transform: translate(0, -3px);
    transform: translate(0, -3px);
  }
  4% {
    -webkit-transform: translate(0, 3px);
    -ms-transform: translate(0, 3px);
    transform: translate(0, 3px);
  }
  8% {
    -webkit-transform: translate(0, -3px);
    -ms-transform: translate(0, -3px);
    transform: translate(0, -3px);
  }
  12% {
    -webkit-transform: translate(0, 3px);
    -ms-transform: translate(0, 3px);
    transform: translate(0, 3px);
  }
  16% {
    -webkit-transform: translate(0, -3px);
    -ms-transform: translate(0, -3px);
    transform: translate(0, -3px);
  }
  20% {
    -webkit-transform: translate(0, 3px);
    -ms-transform: translate(0, 3px);
    transform: translate(0, 3px);
  }
  22%,
  100% {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.faa-vertical.animated,
.faa-vertical.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-vertical {
  -webkit-animation: vertical 2s ease infinite;
  animation: vertical 2s ease infinite;
}
.faa-vertical.animated.faa-fast,
.faa-vertical.animated-hover.faa-fast:hover,
.faa-parent.animated-hover:hover > .faa-vertical.faa-fast {
  -webkit-animation: vertical 1s ease infinite;
  animation: vertical 1s ease infinite;
}
.faa-vertical.animated.faa-slow,
.faa-vertical.animated-hover.faa-slow:hover,
.faa-parent.animated-hover:hover > .faa-vertical.faa-slow {
  -webkit-animation: vertical 4s ease infinite;
  animation: vertical 4s ease infinite;
}
/* HORIZONTAL */
@-webkit-keyframes horizontal {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  6% {
    -webkit-transform: translate(5px, 0);
    transform: translate(5px, 0);
  }
  12% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  18% {
    -webkit-transform: translate(5px, 0);
    transform: translate(5px, 0);
  }
  24% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  30% {
    -webkit-transform: translate(5px, 0);
    transform: translate(5px, 0);
  }
  36%,
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes horizontal {
  0% {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  6% {
    -webkit-transform: translate(5px, 0);
    -ms-transform: translate(5px, 0);
    transform: translate(5px, 0);
  }
  12% {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  18% {
    -webkit-transform: translate(5px, 0);
    -ms-transform: translate(5px, 0);
    transform: translate(5px, 0);
  }
  24% {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  30% {
    -webkit-transform: translate(5px, 0);
    -ms-transform: translate(5px, 0);
    transform: translate(5px, 0);
  }
  36%,
  100% {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.faa-horizontal.animated,
.faa-horizontal.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-horizontal {
  -webkit-animation: horizontal 2s ease infinite;
  animation: horizontal 2s ease infinite;
}
.faa-horizontal.animated.faa-fast,
.faa-horizontal.animated-hover.faa-fast:hover,
.faa-parent.animated-hover:hover > .faa-horizontal.faa-fast {
  -webkit-animation: horizontal 1s ease infinite;
  animation: horizontal 1s ease infinite;
}
.faa-horizontal.animated.faa-slow,
.faa-horizontal.animated-hover.faa-slow:hover,
.faa-parent.animated-hover:hover > .faa-horizontal.faa-slow {
  -webkit-animation: horizontal 3s ease infinite;
  animation: horizontal 3s ease infinite;
}
/* FLASHING */
@-webkit-keyframes flash {
  0%,
  100%,
  50% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%,
  100%,
  50% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
.faa-flash.animated,
.faa-flash.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-flash {
  -webkit-animation: flash 2s ease infinite;
  animation: flash 2s ease infinite;
}
.faa-flash.animated.faa-fast,
.faa-flash.animated-hover.faa-fast:hover,
.faa-parent.animated-hover:hover > .faa-flash.faa-fast {
  -webkit-animation: flash 1s ease infinite;
  animation: flash 1s ease infinite;
}
.faa-flash.animated.faa-slow,
.faa-flash.animated-hover.faa-slow:hover,
.faa-parent.animated-hover:hover > .faa-flash.faa-slow {
  -webkit-animation: flash 3s ease infinite;
  animation: flash 3s ease infinite;
}
/* BOUNCE */
@-webkit-keyframes bounce {
  0%,
  10%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%,
  10%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
.faa-bounce.animated,
.faa-bounce.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-bounce {
  -webkit-animation: bounce 2s ease infinite;
  animation: bounce 2s ease infinite;
}
.faa-bounce.animated.faa-fast,
.faa-bounce.animated-hover.faa-fast:hover,
.faa-parent.animated-hover:hover > .faa-bounce.faa-fast {
  -webkit-animation: bounce 1s ease infinite;
  animation: bounce 1s ease infinite;
}
.faa-bounce.animated.faa-slow,
.faa-bounce.animated-hover.faa-slow:hover,
.faa-parent.animated-hover:hover > .faa-bounce.faa-slow {
  -webkit-animation: bounce 3s ease infinite;
  animation: bounce 3s ease infinite;
}
/* SPIN */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.faa-spin.animated,
.faa-spin.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-spin {
  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
}
.faa-spin.animated.faa-fast,
.faa-spin.animated-hover.faa-fast:hover,
.faa-parent.animated-hover:hover > .faa-spin.faa-fast {
  -webkit-animation: spin 0.7s linear infinite;
  animation: spin 0.7s linear infinite;
}
.faa-spin.animated.faa-slow,
.faa-spin.animated-hover.faa-slow:hover,
.faa-parent.animated-hover:hover > .faa-spin.faa-slow {
  -webkit-animation: spin 2.2s linear infinite;
  animation: spin 2.2s linear infinite;
}
/* FLOAT */
@-webkit-keyframes float {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes float {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.faa-float.animated,
.faa-float.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-float {
  -webkit-animation: float 2s linear infinite;
  animation: float 2s linear infinite;
}
.faa-float.animated.faa-fast,
.faa-float.animated-hover.faa-fast:hover,
.faa-parent.animated-hover:hover > .faa-float.faa-fast {
  -webkit-animation: float 1s linear infinite;
  animation: float 1s linear infinite;
}
.faa-float.animated.faa-slow,
.faa-float.animated-hover.faa-slow:hover,
.faa-parent.animated-hover:hover > .faa-float.faa-slow {
  -webkit-animation: float 3s linear infinite;
  animation: float 3s linear infinite;
}
/* PULSE */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  50% {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.faa-pulse.animated,
.faa-pulse.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-pulse {
  -webkit-animation: pulse 2s linear infinite;
  animation: pulse 2s linear infinite;
}
.faa-pulse.animated.faa-fast,
.faa-pulse.animated-hover.faa-fast:hover,
.faa-parent.animated-hover:hover > .faa-pulse.faa-fast {
  -webkit-animation: pulse 1s linear infinite;
  animation: pulse 1s linear infinite;
}
.faa-pulse.animated.faa-slow,
.faa-pulse.animated-hover.faa-slow:hover,
.faa-parent.animated-hover:hover > .faa-pulse.faa-slow {
  -webkit-animation: pulse 3s linear infinite;
  animation: pulse 3s linear infinite;
}
/* SHAKE */
.faa-shake.animated,
.faa-shake.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-shake {
  -webkit-animation: wrench 2.5s ease infinite;
  animation: wrench 2.5s ease infinite;
}
.faa-shake.animated.faa-fast,
.faa-shake.animated-hover.faa-fast:hover,
.faa-parent.animated-hover:hover > .faa-shake.faa-fast {
  -webkit-animation: wrench 1.2s ease infinite;
  animation: wrench 1.2s ease infinite;
}
.faa-shake.animated.faa-slow,
.faa-shake.animated-hover.faa-slow:hover,
.faa-parent.animated-hover:hover > .faa-shake.faa-slow {
  -webkit-animation: wrench 3.7s ease infinite;
  animation: wrench 3.7s ease infinite;
}
/* TADA */
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-8deg);
    transform: scale(0.9) rotate(-8deg);
  }
  30%,
  50%,
  70% {
    -webkit-transform: scale(1.3) rotate(8deg);
    transform: scale(1.3) rotate(8deg);
  }
  40%,
  60% {
    -webkit-transform: scale(1.3) rotate(-8deg);
    transform: scale(1.3) rotate(-8deg);
  }
  80%,
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-8deg);
    -ms-transform: scale(0.9) rotate(-8deg);
    transform: scale(0.9) rotate(-8deg);
  }
  30%,
  50%,
  70% {
    -webkit-transform: scale(1.3) rotate(8deg);
    -ms-transform: scale(1.3) rotate(8deg);
    transform: scale(1.3) rotate(8deg);
  }
  40%,
  60% {
    -webkit-transform: scale(1.3) rotate(-8deg);
    -ms-transform: scale(1.3) rotate(-8deg);
    transform: scale(1.3) rotate(-8deg);
  }
  80%,
  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
.faa-tada.animated,
.faa-tada.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-tada {
  -webkit-animation: tada 2s linear infinite;
  animation: tada 2s linear infinite;
}
.faa-tada.animated.faa-fast,
.faa-tada.animated-hover.faa-fast:hover,
.faa-parent.animated-hover:hover > .faa-tada.faa-fast {
  -webkit-animation: tada 1s linear infinite;
  animation: tada 1s linear infinite;
}
.faa-tada.animated.faa-slow,
.faa-tada.animated-hover.faa-slow:hover,
.faa-parent.animated-hover:hover > .faa-tada.faa-slow {
  -webkit-animation: tada 3s linear infinite;
  animation: tada 3s linear infinite;
}
/* PASSING */
@-webkit-keyframes passing {
  0% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
  }
  50% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    opacity: 0;
  }
}
@keyframes passing {
  0% {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
  }
  50% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
    opacity: 0;
  }
}
.faa-passing.animated,
.faa-passing.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-passing {
  -webkit-animation: passing 2s linear infinite;
  animation: passing 2s linear infinite;
}
.faa-passing.animated.faa-fast,
.faa-passing.animated-hover.faa-fast:hover,
.faa-parent.animated-hover:hover > .faa-passing.faa-fast {
  -webkit-animation: passing 1s linear infinite;
  animation: passing 1s linear infinite;
}
.faa-passing.animated.faa-slow,
.faa-passing.animated-hover.faa-slow:hover,
.faa-parent.animated-hover:hover > .faa-passing.faa-slow {
  -webkit-animation: passing 3s linear infinite;
  animation: passing 3s linear infinite;
}
/* WAVE */
@-webkit-keyframes burst {
  0% {
    opacity: .6;
  }
  50% {
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes burst {
  0% {
    opacity: .6;
  }
  50% {
    -webkit-transform: scale(1.8);
    -ms-transform: scale(1.8);
    transform: scale(1.8);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.faa-burst.animated,
.faa-burst.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-burst {
  -webkit-animation: burst 2s infinite linear;
  animation: burst 2s infinite linear;
}
.faa-burst.animated.faa-fast,
.faa-burst.animated-hover.faa-fast:hover,
.faa-parent.animated-hover:hover > .faa-burst.faa-fast {
  -webkit-animation: burst 1s infinite linear;
  animation: burst 1s infinite linear;
}
.faa-burst.animated.faa-slow,
.faa-burst.animated-hover.faa-slow:hover,
.faa-parent.animated-hover:hover > .faa-burst.faa-slow {
  -webkit-animation: burst 3s infinite linear;
  animation: burst 3s infinite linear;
}
/* individual module less files */
#browse-readlater-count {
  font-size: 12px;
  color: #55798e;
}
@media screen and ( min-width: 980px )    and ( max-width: 1200px ), screen and ( min-width: 768px ) and ( max-width: 979px ) {
  .side-filter .sorting {
    display: none;
  }
}
.subheader .bookmark-title {
  font-size: 12px;
  color: #525151;
  margin-top: 10px;
  margin-left: 8px;
}
.subheader .bookmark-title a,
.subheader .bookmark-title i,
.subheader .bookmark-title span {
  vertical-align: baseline;
}
.subheader .bottom-line {
  border-bottom: 1px solid #e1e0e0;
}
.subheader .btn {
  text-decoration: none;
}
@media screen and ( max-width: 320px ) {
  .subheader {
    position: relative;
    background-color: transparent;
  }
}
@media screen and ( min-width: 321px )  and ( max-width: 480px ) {
  .subheader {
    position: relative;
    background-color: transparent;
  }
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ) {
  .subheader {
    position: relative;
    background-color: transparent;
  }
}
@media (max-width: 979px) {
  .subheader {
    position: relative;
    background-color: transparent;
  }
}
.subheader .row .span11 {
  width: 85%;
}
.subheader .btn-small {
  white-space: nowrap;
  padding: 2px 2px;
  line-height: 22px;
  margin-top: 0px;
}
.subheader .subheader-title {
  font-size: 17px;
  color: #525151;
  display: inline-block;
  color: #336699;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  .subheader .subheader-title {
    font-size: 14px;
  }
}
.subheader .back-button {
  margin-top: 8px;
  margin-left: 12px;
  border: 1px;
}
.subheader .narrow-by-label {
  font-size: 13px;
  color: #333;
  font-weight: bold;
  vertical-align: -webkit-baseline-middle;
}
.subheader .filters {
  margin-left: 8px;
  white-space: nowrap;
  max-height: 34px;
  float: left;
  margin-bottom: 10px;
}
.subheader .filters > div {
  float: left;
}
@media screen and ( max-width: 320px ) {
  .subheader .filters .filterQRList {
    max-width: 100px;
  }
}
@media screen and ( min-width: 321px )  and ( max-width: 480px ) {
  .subheader .filters .filterQRList {
    max-width: 120px;
  }
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ) {
  .subheader .filters .filterQRList {
    max-width: 230px;
  }
}
@media screen and ( min-width: 768px ) and ( max-width: 979px ) {
  .subheader .filters .filterQRList {
    max-width: 320px;
  }
}
@media screen and ( min-width: 980px )    and ( max-width: 1200px ) {
  .subheader .filters .filterQRList {
    max-width: 500px;
  }
}
@media screen and ( min-width: 1201px )       and ( max-width: 1600px ) {
  .subheader .filters .filterQRList {
    max-width: 700px;
  }
}
@media screen and ( min-width: 1601px ) {
  .subheader .filters .filterQRList {
    max-width: 800px;
  }
}
.subheader .invisible {
  display: none;
}
.subheader > .sort {
  font-size: 11px;
  color: #333;
  margin-top: 15px;
  margin-right: 20px;
}
.subheader > .sort .sort-label {
  vertical-align: middle;
  vertical-align: -webkit-baseline-middle;
}
.subheader > .sort .btn-small {
  line-height: 15px;
  width: 120px;
}
.subheader > .sort .btn-small .caret {
  margin-top: 6px;
}
.subheader > .sort .dropdown-menu li a:hover {
  background-color: #ccc;
}
.subheader .switch {
  margin-right: 20px;
  margin-top: 15px;
  margin-bottom: 10px;
}
.subheader .switch img {
  vertical-align: middle;
}
.subheader .switch .tile-image {
  float: left;
  margin-right: 8px;
}
.subheader .switch .listview {
  float: right;
  display: block;
  width: 26px;
  height: 19px;
  background-image: url('/r2/img/list_view_inactive.png');
}
.subheader .switch .listview:hover {
  background-image: url('/r2/img/list_view_active.png');
}
.subheader .switch .tileview {
  margin-top: 2px;
  margin-right: 8px;
  float: left;
  display: block;
  width: 26px;
  height: 19px;
  background-image: url('/r2/img/tile_view_inactive.png');
}
.subheader .switch .tileview:hover {
  background-image: url('/r2/img/tile_view_active.png');
}
.subheader .pagination {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 20px;
}
.bookmarked {
  color: #f02d28;
}
#browse-filters {
  margin-top: 10px;
}
#browse-filters .dropdown-menu .filter-sources {
  line-height: 22px;
}
@media screen and ( min-width: 980px )    and ( max-width: 1200px ), screen and ( min-width: 1201px )       and ( max-width: 1600px ), screen and ( min-width: 1601px ) {
  #emptyBookmark {
    padding-top: 20px;
  }
}
#emptyBookmark .content {
  max-width: 865px;
  margin-left: 8px;
}
.browse-filter-content {
  padding: 8px;
}
@media screen and ( min-width: 980px )    and ( max-width: 1200px ), screen and ( min-width: 1201px )       and ( max-width: 1600px ), screen and ( min-width: 1601px ) {
  .my-bookmark {
    padding-top: 10px !important;
  }
}
@media screen and ( min-width: 980px )    and ( max-width: 1200px ), screen and ( min-width: 1201px )       and ( max-width: 1600px ), screen and ( min-width: 1601px ) {
  .oneSourcePadding {
    padding-top: 5px !important;
  }
}
#recent {
  margin-top: 0px;
}
#recent .side-filter {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #c6c6c6;
  margin-left: 8px;
  margin-top: 13px;
  margin-bottom: 20px;
  padding: 8px;
  -moz-box-shadow: 0px 0px 10px #d8d8d8;
  -webkit-box-shadow: 0px 0px 10px #d8d8d8;
  box-shadow: 0px 0px 10px #d8d8d8;
}
#recent .side-filter .filter-sources {
  line-height: 22px;
}
#recent .side-filter .filter-tags {
  height: 100%;
  max-height: 320px;
}
#recent .row-fluid .side-filter {
  margin-top: 10px;
}
@media screen and ( min-width: 980px )    and ( max-width: 1200px ), screen and ( min-width: 1201px )       and ( max-width: 1600px ), screen and ( min-width: 1601px ) {
  #recent {
    padding-top: 10px;
  }
}
#recent.withfilters {
  margin-top: 40px;
}
@media (max-width: 767px) {
  #recent.withfilters {
    margin-top: 0px;
  }
}
#recent .bottom {
  vertical-align: middle;
  border-top: 1px solid #e1e0e0;
  padding-left: 10px;
}
#recent .bottom .pagination {
  margin-top: 10px;
  margin-right: 20px;
}
#recent .content {
  height: 100%;
  overflow: hidden;
}
#recent .content .feedItem {
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 1px;
  position: relative;
  overflow: hidden;
}
#recent .content .feedItem .title {
  overflow: hidden;
  height: 40px;
  line-height: 20px;
  margin-bottom: 1px;
}
#recent .content .feedItem .title:before {
  content: "";
  float: left;
  width: 5px;
  height: 40px;
}
#recent .content .feedItem .title > *:first-child {
  float: right;
  width: 100%;
  margin-left: -5px;
}
#recent .content .feedItem .title:after {
  content: "\02026";
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  float: right;
  position: relative;
  top: -20px;
  left: 100%;
  width: 3em;
  margin-left: -3em;
  padding-right: 5px;
  text-align: right;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#ffffff), color-stop(50%, #ffffff));
  background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 50%, #ffffff);
  background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 50%, #ffffff);
  background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 50%, #ffffff);
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 50%, #ffffff);
}
#recent .content .feedItem .picture {
  max-height: 147px;
  height: 147px;
  overflow: hidden;
  text-align: center;
}
#recent .content .feedItem .picture img {
  width: 100%;
  height: auto !important;
}
#recent .content .feedItem .picture3dcc {
  overflow: hidden;
  text-align: center;
  max-height: 280px;
  max-width: 400px;
}
#recent .content .feedItem .picture3dcc img {
  width: 100%;
  height: 100%;
  max-height: 200px;
}
#recent .content .feedItem .description {
  font-size: 13px;
  height: 38px;
  text-overflow: ellipsis;
  overflow: hidden;
}
#recent .content .feedItem .source {
  font-size: 11px;
  line-height: 18px;
  height: 36px;
  margin-top: 6px;
  margin-bottom: 6px;
}
#recent .content .feedItem .source .icon {
  float: left;
  width: 24px;
  height: 36px;
}
#recent .content .feedItem .source .icon img {
  height: 22px !important;
  margin-top: -2px;
}
#recent .content .feedItem .source .country-icon {
  padding-right: 6px;
  float: left;
  height: 36px;
  margin-top: 3px;
}
#recent .content .feedItem .source .author {
  margin-left: 24px;
  line-height: 18px;
}
#recent .content .feedItem .source .author span {
  overflow: hidden;
  white-space: nowrap;
}
#recent .content .feedItem .source .mfg-state {
  padding-top: 2px;
  max-width: 137px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#recent .content .feedItem .source .mfg-country-icon {
  padding-right: 6px;
  float: left;
  margin-top: -2px;
}
#recent .content .feedItem .source .mysw-fa-stack {
  font-size: 11px;
  vertical-align: top;
  color: #618fc0;
  cursor: pointer;
  margin-left: 26px;
}
#recent .content .feedItem .source .fa-check-circle {
  font-size: 21px;
  color: #618fc0;
  cursor: pointer;
  margin-left: 26px;
}
#recent .content .feedItem .source .social {
  float: right;
  margin-bottom: 5px;
}
#recent .content .feedItem .source .social div {
  display: inline-block;
  float: right;
}
#recent .content .feedItem .source .social .shareplaceholder {
  width: 16px;
  cursor: pointer;
}
#recent .content .feedItem .source .social .shareplaceholder .fa-share-square-o {
  color: #333333;
}
#recent .content .feedItem .source .social .shareplaceholder.legacy-links {
  width: 0;
  margin: 0;
}
#recent .content .feedItem .source .social .markaction img {
  margin-bottom: 1px;
}
#recent .content .markaction {
  cursor: pointer;
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ), screen and ( min-width: 980px )    and ( max-width: 1200px ), screen and ( min-width: 1201px )       and ( max-width: 1600px ), screen and ( min-width: 1601px ) {
  #recent .content .markaction {
    margin-left: 10px;
  }
}
#recent .content .section-label {
  margin-left: 5px;
}
#recent .content .feedItem {
  position: relative;
  margin: 10px;
  border: 1px solid #e1e0e0;
  background-color: #fff;
  height: 320px;
  -moz-box-shadow: 0px 0px 10px #d8d8d8;
  -webkit-box-shadow: 0px 0px 10px #d8d8d8;
  box-shadow: 0px 0px 10px #d8d8d8;
}
#recent .content .feedItem .source {
  background: #F9F9F9;
  padding: 0 13px 5px 10px;
  height: 45px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -5px;
}
#recent .content .feedItem .source .icon,
#recent .content .feedItem .source .author {
  margin-top: 6px;
}
#recent .content .feedItem .markaction {
  cursor: pointer;
}
#recent .content .half {
  height: 145px;
}
#recent .content .mfgcats {
  padding-top: 2px;
}
#recent .content .mfgcats em {
  font-size: 12px;
  color: #999;
  font-style: italic;
  font-weight: bold;
}
@media screen and ( min-width: 768px ) and ( max-width: 979px ) {
  #recent .content .row .span9 {
    width: 680px !important;
  }
}
@media screen and ( min-width: 980px )    and ( max-width: 1200px ) {
  #recent .content .row .span9 {
    width: 620px !important;
  }
}
@media screen and ( min-width: 1201px )       and ( max-width: 1600px ) {
  #recent .content .row .span9 {
    width: 720px !important;
  }
}
#recent .feedListItemContainer {
  padding: 10px;
}
#recent .feedListItemContainer .highlight {
  vertical-align: baseline;
  font-weight: bold;
}
#recent .feedListItemContainer .top {
  margin-bottom: 2px;
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ), screen and ( min-width: 980px )    and ( max-width: 1200px ), screen and ( min-width: 1201px )       and ( max-width: 1600px ), screen and ( min-width: 1601px ) {
  #recent .feedListItemContainer .top .title {
    margin-bottom: 5px;
  }
}
#recent .feedListItemContainer .top .mfgcats {
  padding-top: 1px;
  display: inline-block;
}
#recent .feedListItemContainer .top .mfgcats ul {
  margin-top: 0px;
}
#recent .feedListItemContainer .lang-btn .training-playable-lang {
  margin-top: 0;
}
#recent .feedListItemContainer .purchase {
  padding-top: 2px;
  margin-right: 10px;
}
#recent .feedListItemContainer .mysw-fa-stack {
  font-size: 11px;
  vertical-align: -3px;
  color: #618fc0;
  cursor: pointer;
}
#recent .feedListItemContainer .fa-check-circle {
  font-size: 21px;
  color: #618fc0;
  cursor: pointer;
}
#recent .feedListItemContainer .down .country-icon {
  padding-right: 5px;
}
#recent .feedListItemContainer .down .icon {
  margin-right: 5px;
}
#recent .feedListItemContainer .down .icon img {
  height: 22px !important;
}
#recent .feedListItemContainer .down .author {
  font-size: 11px;
  color: #333;
  line-height: 24px;
  vertical-align: bottom;
  margin-right: 15px;
}
@media screen and ( max-width: 320px ) {
  #recent .feedListItemContainer .down .author {
    margin-right: 6px;
  }
}
#recent .feedListItemContainer .down .mfg-state {
  font-size: 11px;
  color: #333;
  line-height: 24px;
  vertical-align: bottom;
  margin-right: 5px;
}
#recent .feedListItemContainer .down .markaction {
  padding-top: 0px;
  line-height: 22px;
  margin-left: 40px;
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ), screen and ( min-width: 980px )    and ( max-width: 1200px ), screen and ( min-width: 1201px )       and ( max-width: 1600px ), screen and ( min-width: 1601px ) {
  #recent .feedListItemContainer {
    margin-bottom: 10px;
  }
}
#recent .feedListItemContainer .list-item {
  width: 100%;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #recent .feedListItemContainer .list-item .list-margin {
    margin-left: 100px;
  }
  #recent .feedListItemContainer .list-item .title {
    font-size: 14px;
    font-weight: bold;
  }
  #recent .feedListItemContainer .list-item .summary {
    font-size: 12px;
  }
  #recent .feedListItemContainer .list-item .date {
    display: none;
  }
  #recent .feedListItemContainer .list-item .author {
    font-size: 11px;
  }
}
@media screen and ( max-width: 320px ) {
  #recent .feedListItemContainer .list-item .author {
    font-size: 10px;
  }
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ), screen and ( min-width: 980px )    and ( max-width: 1200px ), screen and ( min-width: 1201px )       and ( max-width: 1600px ), screen and ( min-width: 1601px ) {
  #recent .feedListItemContainer .list-item .list-margin {
    margin-left: 120px;
  }
}
#recent .feedListItemContainer .list-item .summary {
  overflow: hidden;
  height: 38px;
  line-height: 19px;
}
#recent .feedListItemContainer .list-item .summary:before {
  content: "";
  float: left;
  width: 5px;
  height: 38px;
}
#recent .feedListItemContainer .list-item .summary > *:first-child {
  float: right;
  width: 100%;
  margin-left: -5px;
}
#recent .feedListItemContainer .list-item .summary:after {
  content: "\02026";
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  float: right;
  position: relative;
  top: -19px;
  left: 100%;
  width: 3em;
  margin-left: -3em;
  padding-right: 5px;
  text-align: right;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#ffffff), color-stop(50%, #ffffff));
  background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 50%, #ffffff);
  background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 50%, #ffffff);
  background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 50%, #ffffff);
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 50%, #ffffff);
}
#recent .feedListItemContainer .list-item .summary:before {
  width: 1px;
}
#recent .feedListItemContainer .list-item .summary > *:first-child {
  margin-left: 0px;
  float: none !important;
}
#recent .feedListItemContainer .list-image {
  float: left;
  margin-right: 10px;
  margin-top: 4px;
  display: table;
}
#recent .feedListItemContainer .list-image a {
  display: table-cell;
  vertical-align: middle;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #recent .feedListItemContainer .list-image {
    width: 80px;
    max-width: 80px;
    height: 53px;
  }
}
#recent .feedListItemContainer .list-image .list-img {
  width: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #recent .feedListItemContainer .list-image .list-img {
    max-height: 53px;
  }
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ) {
  #recent .feedListItemContainer .list-image {
    width: 110px;
    max-width: 110px;
    height: 82px;
  }
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ) {
  #recent .feedListItemContainer .list-image .list-img {
    max-height: 82px;
  }
}
@media screen and ( min-width: 980px )    and ( max-width: 1200px ), screen and ( min-width: 1201px )       and ( max-width: 1600px ), screen and ( min-width: 1601px ) {
  #recent .feedListItemContainer .list-image {
    width: 155px;
    max-width: 155px;
    height: 97px;
  }
}
@media screen and ( min-width: 980px )    and ( max-width: 1200px ), screen and ( min-width: 1201px )       and ( max-width: 1600px ), screen and ( min-width: 1601px ) {
  #recent .feedListItemContainer .list-image .list-img {
    width: auto;
    max-height: 97px;
    max-width: 155px;
  }
}
#recent .feedListItemContainer:hover {
  background-color: #d1ebfa;
}
#recent .feedItemContainer {
  float: left;
  width: 25%;
  min-width: 25%;
  max-width: 25%;
}
#recent .feedItemContainer .highlight {
  vertical-align: baseline;
  font-weight: bold;
}
@media screen and ( max-width: 320px ) {
  #recent .feedItemContainer {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }
  #recent .left {
    min-width: 100%;
  }
  #recent .featItemWrapper .media-body {
    padding-top: 10px;
    width: 100%;
  }
  #recent .featItemWrapper .featItemTitle {
    max-height: 28px;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
@media screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #recent .tiled-container {
    width: 100%;
  }
  #recent .feedItemContainer {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }
  #recent .featItemWrapper .media-body {
    padding-top: 10px;
    width: 100%;
  }
  #recent .featItemWrapper .featItemTitle {
    max-height: 28px;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ) {
  #recent .tiled-container {
    width: 100%;
    margin-left: 0%;
  }
  #recent .left {
    min-width: 100%;
  }
  #recent .feedItemContainer {
    width: 50%;
    min-width: 50%;
    max-width: 50%;
  }
  #recent .featItemWrapper .media-body {
    padding-top: 10px;
  }
}
@media screen and ( min-width: 768px ) and ( max-width: 979px ) {
  #recent .tiled-container {
    width: 100%;
    margin-left: 0%;
  }
  #recent .feedItemContainer {
    width: 33.333333333333336%;
    min-width: 33.333333333333336%;
    max-width: 33.333333333333336%;
  }
  #recent .featItemWrapper .media-body {
    padding-top: 10px;
  }
}
@media screen and ( min-width: 980px )    and ( max-width: 1200px ), screen and ( min-width: 1201px )       and ( max-width: 1600px ) {
  #recent .tiled-container {
    margin-left: 10px;
  }
  #recent .feedItemContainer {
    width: 33.333333333333336%;
    min-width: 33.333333333333336%;
    max-width: 33.333333333333336%;
  }
  #recent .featItemWrapper .media-body {
    padding-top: 10px;
  }
}
@media screen and ( min-width: 1601px ) {
  #recent .tiled-container {
    margin-left: 10px;
  }
  #recent .feedItemContainer {
    width: 25%;
    min-width: 25%;
    max-width: 25%;
  }
  #recent .featItemWrapper .media-body {
    padding-top: 10px;
  }
}
#emptySearch {
  margin: 8px;
}
@media screen and ( min-width: 980px )    and ( max-width: 1200px ), screen and ( min-width: 1201px )       and ( max-width: 1600px ), screen and ( min-width: 1601px ) {
  #emptySearch {
    padding-top: 10px;
  }
}
#emptySearch .suggestions {
  margin-left: 8px;
}
/* Scroll to Top */
.scroll-to-top {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.5s;
  background-color: #003553;
  border-radius: 3px 3px 3px 3px;
  bottom: 0px;
  color: #FFF;
  display: block;
  height: 0;
  opacity: 0;
  padding: 6px 6px 30px;
  position: fixed;
  right: 10px;
  text-align: center;
  text-decoration: none;
  min-width: 49px;
  z-index: 1040;
  margin-bottom: 20px;
  margin-right: 15px;
  font-size: 12px;
}
@media screen and ( min-width: 768px ) and ( max-width: 979px ), screen and ( min-width: 980px )    and ( max-width: 1200px ) {
  .scroll-to-top {
    margin-bottom: 10px;
  }
}
a.scroll-to-top:hover {
  filter: alpha(opacity=100);
  color: #FFF;
  opacity: 1;
}
.scroll-to-top.visible {
  filter: alpha(opacity=60);
  opacity: 0.40;
}
.scroll-to-top span {
  display: inline-block;
  padding: 0 5px;
  color: #FFF;
}
.scroll-to-top i {
  color: #FFF;
}
html.ie11 .scroll-to-top {
  right: 25px;
}
.no-border {
  border: 0px;
}
/* add this */
.arrow_box {
  position: relative;
  background: white;
  border: 1px solid #b3b3b3;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 0;
  margin: 0;
}
.arrow_box:after,
.arrow_box:before {
  bottom: -11px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.arrow_box:after {
  border-color: rgba(0, 0, 0, 0);
  border-top-color: white;
  border-width: 6px;
  left: 92%;
  margin-left: -6px;
}
.arrow_box:before {
  border-color: rgba(179, 179, 179, 0);
  border-top-color: #b3b3b3;
  border-width: 5px;
  left: 92%;
  margin-left: -5px;
}
#footer-right {
  float: right;
  padding: 4px 0px 0px 5px;
  height: 23px;
  width: 275px;
  color: #b4b4b4;
}
#myswDetailViewContainer {
  z-index: 101;
  overflow: hidden;
  background-color: #fff;
}
.detailsViewTitle {
  font-size: 23px;
  color: #525151;
  text-decoration: none;
  display: inline-block;
  line-height: 1.2em;
}
@media screen and (max-width: 765px) {
  .detailsViewTitle {
    font-size: 17px;
    color: #525151;
  }
}
#detailsViewCommands {
  float: right;
  margin-top: 9px;
}
@media screen and ( max-width: 320px ) {
  #detailsViewCommands {
    margin-right: 0;
  }
}
@media screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #detailsViewCommands {
    margin-right: 0;
  }
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ) {
  #detailsViewCommands {
    margin-right: 0;
  }
}
@media (max-width: 979px) {
  #detailsViewCommands {
    margin-right: 0;
  }
}
.miniWebCommands {
  position: relative;
  right: 0px;
  top: 10px;
  /*  float: right;
  margin-right: 10px;
  margin-top: 10px;
*/
  z-index: 110;
}
.miniWebCommands div {
  float: left;
  font-size: 21px;
  color: #55798e;
}
.myswPrevNext {
  float: right;
  height: 22px;
}
.myswPrevNext a {
  display: block;
  height: 12px;
  line-height: 12px;
  vertical-align: middle;
  text-align: center;
  margin-right: 5px;
  background-color: #fff;
  font-weight: bold;
  padding: 3px 10px 4px 10px;
  border-radius: 5px;
  border: 1px solid #ccc;
  text-transform: uppercase;
  text-decoration: none;
}
.myswPrevNext a:hover {
  text-decoration: none;
  color: #000;
}
.feedItemSource,
.feedItemPubDate,
feedItemTags,
.commentsHeading,
.commentText,
.commentAuthor {
  color: #555;
  font-size: 13px;
  font-family: '3DSRegular';
  display: inline;
}
.feedItemSource {
  text-transform: uppercase;
  position: relative;
  margin-left: 5px;
}
.feedItemPubDate {
  margin-left: 10px;
}
.feedItemTags {
  position: relative;
  margin-left: 5px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.subheaderLeft {
  display: inline-block;
}
a.detailsViewOptionsHomeIcon:link {
  z-index: inherit;
  text-decoration: none;
  width: 24px;
  height: 24px;
  display: block;
  margin-right: 5px;
  float: right;
}
.subheaderLeftItem {
  /*float: left;*/

  margin-left: 5px;
  display: inline-block;
  padding-top: 10px;
}
.filterOptions {
  /*float: left;*/

  margin-left: 5px;
  margin-top: 5px;
  white-space: nowrap;
}
a.subHeaderBackIcon:link,
a.subHeaderBackIcon:active {
  background: url('../img/navBack.png') center center no-repeat;
  text-decoration: none;
  width: 20px;
  height: 20px;
  margin-left: 5px;
  display: inline-block;
}
a.myswFilterOptionsIcon {
  text-decoration: none;
  width: 20px;
  height: 20px;
  display: inline-block;
}
a.myswFilterOptionsInactive:link,
a.myswFilterOptionsInactive:active {
  background: url('../img/Filter.png') center center no-repeat;
}
a.myswFilterOptionsActive:link,
a.myswFilterOptionsActive:active {
  background: url('../img/Filter.png') center center no-repeat;
}
#ItemView {
  min-height: 100%;
  margin-top: 0px;
  font-size: 12px;
  /* Media links */

}
@media screen and ( min-width: 980px )    and ( max-width: 1200px ), screen and ( min-width: 1201px )       and ( max-width: 1600px ), screen and ( min-width: 1601px ) {
  #ItemView {
    padding-top: 5px;
  }
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #ItemView .socialmedialink {
    margin-top: 20px;
  }
  #ItemView .socialmedialink .mysw-fa-2x {
    font-size: larger;
  }
  #ItemView .socialmedialink .popover-content {
    padding-top: 2px;
    padding-left: 3px;
    padding-right: 5px;
    padding-bottom: 2px;
  }
}
#contentDetailsView {
  z-index: inherit;
  padding: 10px;
  background-color: #fff;
  min-height: 350px;
  padding: 15px;
  padding-left: 7px;
}
#contentItemDetailsDiv {
  min-height: 550px;
}
#detailsViewItemsList {
  opacity: 1.0;
  width: 280px;
  float: left;
  height: 100%;
  min-height: 100%;
  overflow-y: auto;
  border-right: 1px solid #d1d1d1;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
#detailsViewItemsList::-webkit-scrollbar {
  height: 16px;
  overflow: visible;
  width: 16px;
}
#detailsViewItemsList::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
  border: solid transparent;
  min-height: 28px;
  padding: 100px 0 0;
  box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
  border-width: 1px 1px 1px 6px;
}
#detailsViewItemsList::-webkit-scrollbar-button {
  height: 0;
  width: 0;
}
#detailsViewItemsList::-webkit-scrollbar-track {
  background-clip: padding-box;
  border: solid transparent;
  border-width: 0 0 0 4px;
}
#detailsViewItemsList::-webkit-scrollbar-corner {
  background: transparent;
}
.feedListItem {
  padding: 15px;
  font-size: 1em;
  border-bottom: 2px solid #dedede;
  cursor: pointer;
  line-height: 1.5em;
  font-size: 11px;
}
.feedListItem:hover {
  background-color: #F0F6FD;
}
.detailsContentSection ul {
  display: block;
  list-style-type: disc;
}
@media screen and ( max-width: 320px ) {
  .detailsContentSection iframe {
    max-width: 100% !important;
    height: auto !important;
  }
  .detailsContentSection .jive-image {
    max-width: 100% !important;
    height: auto !important;
  }
}
@media screen and ( min-width: 321px )  and ( max-width: 480px ) {
  .detailsContentSection iframe {
    max-width: 100% !important;
    height: auto !important;
  }
  .detailsContentSection .jive-image {
    max-width: 100% !important;
    height: auto !important;
  }
}
.detailsContentSection span.zoomHover {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9;
  background: url("../img/zoom.png") no-repeat scroll 50% 50% transparent;
}
.detailsContentSection a.zoomLink {
  position: relative;
  display: inline-block;
}
.detailsContentSection a {
  vertical-align: top;
}
.detailsContentSection ._3dcc {
  margin-top: 10px;
}
.detailsContentSection ._3dcc .span4 {
  width: 400px;
  height: 402px;
}
.detailsContentSection ._3dcc table td {
  padding: 5px;
}
.detailsContentSection ._3dcc .span6 div table td img {
  min-width: 89px;
  min-height: 19px;
}
.blogsReader {
  max-width: 870px;
}
.blogsReader p {
  display: block;
  font: 14px Verdana, Arial, Helvetiva, sans-serif;
  line-height: 1.55em;
  margin: 0 0 20px;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
}
.blogsReader .aligncenter {
  display: block;
  margin: 0 auto;
}
.blogsReader .alignleft {
  float: left;
}
.forumReader {
  max-width: 950px;
}
.onlineHelpReader {
  max-width: 1300px;
}
.ts-fab-tab {
  margin-top: 2em;
  min-height: 9em;
  border: 1px solid #c6c6c6;
  padding: 12px;
  -moz-box-shadow: 0px 0px 2px #d1d1d1;
  -webkit-box-shadow: 0px 0px 2px #d1d1d1;
  box-shadow: 0px 0px 2px #d1d1d1;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.ts-fab-avatar {
  display: block;
  float: left;
  width: 64px;
  height: 64px;
  padding-top: -0.7em;
}
.ts-fab-avatar img {
  width: 64px !important;
}
.ts-fab-info {
  font-weight: bold;
  font-size: 16px;
  color: #5F8094;
}
.ts-fab-text {
  margin-left: 76px;
  line-height: 1.5;
}
.ts-fab-header {
  margin-bottom: 10px;
}
.ts-fab-description {
  font-size: 12px;
}
.entry-cats {
  padding-top: 6px;
}
.entry-tags {
  padding-bottom: 12px;
}
.badgeCat {
  color: #5F8094;
}
.detailsCommentsWrapper {
  display: block;
}
.detailsCommentsWrapper h1 {
  line-height: 25px;
  color: #777;
  border-bottom: 1px solid #dedede;
  padding-bottom: 5px;
}
.detailsCommentsWrapper .commentsHeading {
  display: inline-block;
  max-width: 100%;
  min-width: 100%;
}
.commentsLabel {
  font-size: 1em;
  font-weight: 600;
  margin-left: 0;
  display: inline-block;
}
.comment {
  margin-top: 10px;
  padding: 5px;
  display: table;
  width: 98%;
}
@media screen and ( max-width: 320px ) {
  .comment iframe {
    max-width: 100% !important;
    height: auto !important;
  }
  .comment .jive-image {
    max-width: 100% !important;
    height: auto !important;
  }
}
@media screen and ( min-width: 321px )  and ( max-width: 480px ) {
  .comment iframe {
    max-width: 100% !important;
    height: auto !important;
  }
  .comment .jive-image {
    max-width: 100% !important;
    height: auto !important;
  }
}
.commentTitle {
  color: #336699;
  font-size: 1em;
  font-weight: 600;
  margin-bottom: 10px;
}
.commentAuthor {
  display: block;
  padding-left: 50px;
  background: transparent url('/r2/img/commentPoint.png') 10px -10px no-repeat;
  margin-top: -1px;
  line-height: 1.5em;
}
.commentAuthor span {
  color: #336699;
}
.commentBody,
.commentReply {
  padding: 10px;
  color: #444;
  min-width: 125px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  border: 1px solid #dedede;
}
.commentThreadIndent {
  min-width: 25px;
  display: table-cell;
}
#PreviewFrame3D {
  width: 400px;
  height: 400px;
  border: 1px solid #dedede;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8;
}
.previewContainer {
  position: relative;
}
#preview3DContainer {
  display: none;
}
#noWebGL {
  display: none;
}
.partPreviewImgPlayBtn {
  background: transparent url('/r2/img/3d_play_button.png') center center no-repeat;
  top: 0px;
  left: 0px;
  height: 400px;
  width: 100%;
  cursor: pointer;
  position: absolute;
  z-index: 1;
  border: 1px solid #c6c6c6;
}
#ytplayer1 {
  width: 60%;
}
#ytRelatedVideos {
  float: right;
  margin-left: 10px;
  margin-right: 20px;
  margin-bottom: 10px;
  height: 82%;
  width: 35%;
  border: 2px solid #e1e0e0;
  overflow-y: hidden;
  overflow-x: hidden;
  padding-bottom: 56px;
  padding-top: 13px;
  border-radius: 7px;
}
#ytRelatedVideos ul {
  list-style-type: none;
}
.youtubeRelatedVideo {
  position: relative;
  margin-bottom: 15px;
  background: none;
  cursor: pointer;
}
.youtubeRelatedVideoImage {
  float: left;
  width: 90px;
  height: 67px;
  display: inline-block;
  width: 15%;
  height: 15%;
}
.youtubeRelatedVideoContent {
  display: inline-block;
  float: right;
  word-wrap: break-word;
  width: 75%;
  margin-left: 10px;
  margin-right: 5px;
  line-height: 14px;
}
.youtubeRelatedVideoTitle {
  display: inline-block;
  float: left;
  word-wrap: break-word;
  font-size: 11px;
  color: #666;
  margin-top: 2px;
  width: 100%;
}
.youtubeRelatedVideoAuthor {
  display: inline-block;
  word-wrap: break-word;
  margin-top: 5px;
  font-size: 11px;
  color: #666;
}
.panelLeft {
  left: -100%;
}
.panelActive {
  left: 0px;
}
.panelRight {
  left: 100%;
}
.panelTransition {
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
@media screen and ( max-width: 320px ) {
  #ytRelatedVideos {
    display: none;
  }
  #ytplayer1 {
    width: 100%;
  }
  #detailsViewCommands {
    float: right;
    margin-right: 5px;
    margin-top: 9px;
  }
}
@media screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #ytRelatedVideos {
    display: none;
  }
  #ytplayer1 {
    width: 100%;
  }
  #detailsViewCommands {
    float: right;
    margin-right: 5px;
    margin-top: 9px;
  }
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ) {
  #ytRelatedVideos {
    display: none;
  }
  #ytplayer1 {
    width: 100%;
  }
}
@media screen and ( min-width: 768px ) and ( max-width: 979px ) {
  
}
@media screen and ( min-width: 1201px )       and ( max-width: 1600px ) {
  
}
#detailsContainer .detailViewAddThisToolbox a {
  float: left;
  margin-left: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
}
#detailsContainer .detailViewAddThisToolbox a:active,
#detailsContainer .detailViewAddThisToolbox a:focus {
  outline: none;
}
/* online help reader styles */
#mainbody .tip,
.DITAtopicbody .tip {
  padding-left: 31px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 5px;
  margin-right: 1em;
  background-color: #f4f4f4;
  border: 1px solid #eaeaea;
  font-weight: normal;
}
#mainbody .stem,
.DITAtopicbody .stem {
  font-size: 1.075em;
  font-weight: bold;
  font-style: normal;
  color: #3b3b3b;
  margin-top: 0.8em;
}
#mainbody ol,
.DITAtopicbody ol {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  list-style: decimal !important;
}
#mainbody ul,
.DITAtopicbody ul {
  list-style-type: disc;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
#mainbody .sectiontitle,
.DITAtopicbody .sectiontitle {
  font-size: 1.35em;
  color: #5B7F95;
  margin-top: 1em;
  margin-bottom: 0.5em;
  padding: 0px;
}
#mainbody .uicontrol,
.DITAtopicbody .uicontrol {
  font-weight: bold !important;
}
#mainbody .tablenoborder tbody,
.DITAtopicbody .tablenoborder tbody {
  display: table-row-group;
  vertical-align: middle;
  border-color: inherit;
}
#mainbody .tablenoborder thead,
.DITAtopicbody .tablenoborder thead {
  background-color: #609fd1;
  border: 1px solid #609fd1;
  color: white;
}
#mainbody .tablenoborder td,
.DITAtopicbody .tablenoborder td {
  border-right: 1 px solid #e4e5e6 !important;
  border-top: 1 px solid #e4e5e6 !important;
  border-bottom: 1px solid #e4e5e6 !important;
  border-color: #c8c8f6;
  padding: 3px;
}
#mainbody table[rules=all] * td,
.DITAtopicbody table[rules=all] * td {
  border: 1px solid #e4e5e6;
}
.regmark {
  top: 0.5em !important;
}
#mainbody h1 {
  border-bottom: 3px solid #ccc;
  color: #5B7F95;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.5em;
  font-weight: bold;
  padding: 0 0 8px;
  vertical-align: bottom;
}
.topictitle2 {
  border-top: #1c2e3a 2px solid;
  margin-top: 1.8em;
  font-size: 1.6em;
  padding-bottom: 0.6em;
  color: #5B7F95;
  margin-right: 1.25em;
  padding-top: 0.6em;
  font-weight: bold;
}
table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}
.col-xs-1 {
  width: 8%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.FilteredItemListTable {
  border: 0;
  margin-top: 5px;
  margin-bottom: 5px;
  border-collapse: separate;
  border-spacing: 2px;
  border-color: gray;
}
.FilteredItemListTable tbody {
  display: table-row-group;
  vertical-align: middle;
  border-color: inherit;
}
.FilteredItemListTable th {
  background-color: #EFEFF7;
  border-bottom: 1px solid #C8CDDE;
  color: #000066;
  padding-left: 5px;
  padding-right: 5px;
  text-align: left;
}
.FilteredItemListTable td {
  background-color: #F7F7FF;
  border-bottom: 1px solid #D5D5D3;
  padding-left: 5px;
  padding-right: 5px;
  margin: 1px;
}
#reader-3dcc .preview {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 9px;
  padding-right: 9px;
}
#reader-3dcc .detail {
  margin-top: 10px;
  padding-left: 8px;
  padding-right: 8px;
}
/* ---------------------------------------- */
/****** solidworks.com(swsite) styles  ****/
#contentb h1 {
  color: #5B7F95;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.5em;
  font-weight: bold;
  padding: 0 0 8px;
  vertical-align: bottom;
}
#contentb h2 {
  margin-bottom: 20px;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 17px;
  font-weight: normal;
  line-height: 150%;
  line-height: normal;
  padding-bottom: 10px;
  color: #525151 !important;
}
.videothumb {
  color: #333;
  font-size: 10px;
  padding: 0 0 10px 0;
}
#contentb table {
  margin-top: 10px !important;
}
#columntwo {
  float: left;
}
.con2colrt {
  width: 890px;
}
.item-source {
  padding-top: 10px;
}
/* ---------------------------------------- */#searchSuggestions {
  margin-left: -2px;
  min-width: 200px;
  z-index: 1000;
}
#search3ds {
  font-family: Verdana, Arial, Helvetiva, sans-serif;
}
.headersearch * input {
  min-width: 235px;
  font-size: 12px;
}
@media (max-width: 850px) {
  .headersearch * input {
    max-width: 180px;
    min-width: 180px;
  }
}
.header_search_section {
  max-width: 870px;
  display: block;
}
.header_search_section .fa-caret-down {
  color: black;
}
.header_search_section .searchchoice span {
  width: 24px;
  text-align: center;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ) {
  .header_search_section {
    margin-left: 45px;
  }
}
.header_search_section * .dropdown-menu {
  top: 30px;
  margin-top: 0px;
  background-color: #F0F7FF;
  border-radius: 4px;
}
.header_search_section * .dropdown-menu li > a {
  text-align: left;
  padding-left: 8px;
}
.header_search_section * .dropdown-menu li > a > i {
  margin-right: 12px;
}
.header_search_section * .dropdown-menu a {
  font-size: 14px;
  background: #F0F7FF;
  color: #005686;
}
.header_search_section * .dropdown-menu a:hover {
  background: #005686;
  color: #F0F7FF !important;
  text-shadow: none;
}
.header_search_section * .dropdown-menu a:hover .fa {
  color: #F0F7FF;
}
.header_search_section #imgSearch {
  cursor: pointer;
}
.header_search_section #imgSearch .fa-search {
  margin-right: 5px;
  margin-top: -3px;
  font-size: 16px;
  text-shadow: none;
}
.header_search_section #searchSuggestions {
  display: none;
  background-color: #F0F7FF;
  border-radius: 4px;
}
.header_search_section #searchSuggestions a {
  font-size: 14px;
  background: #F0F7FF;
  color: #005686;
  text-decoration: none;
}
.header_search_section #searchSuggestions a:hover {
  background: #005686;
  color: #F0F7FF;
}
.header_search_section #searchSuggestions a:hover .fa {
  color: #F0F7FF;
}
/* styles for search box on my solidworks home page */
.homepage_search_section {
  border: 10px solid rgba(255, 255, 255, 0.5);
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 10px;
  width: 100%;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ) {
  .homepage_search_section {
    border: 0px;
    width: 90%;
  }
}
.homepage_search_section .search_button {
  position: relative;
  left: -95px;
  font-size: 16px;
  line-height: 30px;
  height: 35px;
  z-index: 10;
  border-left: solid 1px #333333;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ) {
  .homepage_search_section .search_button {
    left: -30px;
  }
}
.homepage_search_section .search_button i {
  margin-right: 5px;
  margin-top: -3px;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ) {
  .homepage_search_section .search_button i {
    margin-top: 7px;
    margin-right: 0px;
  }
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ) {
  .homepage_search_section .search_text {
    display: none;
  }
}
.homepage_search_section .homepage_dropdown {
  border: solid 1px #333333;
  padding-left: 5px;
  padding-right: 5px;
}
@media (max-width:385px) and (max-height:640px), (max-width:640px) and (max-height:385px) {
  .homepage_search_section .homepage_dropdown {
    border: inherit;
  }
}
.homepage_search_section_inputbox {
  height: 40px;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ) {
  .homepage_search_section_inputbox {
    height: 30px;
  }
}
/* styles for search box on my solidworks home page */
.navbar-search {
  margin-top: 0px;
  font-family: '3DSRegular';
  min-width: 180px;
}
.navbar-search * .caret {
  margin-left: 0px;
  margin-top: 10px;
}
.input-prepend.input-append .add-on:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border: 0;
  width: 42px;
}
.input-prepend.input-append .add-on:first-child a.dropdown-toggle span {
  margin-right: 2px;
  color: black;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ) {
  .input-prepend.input-append .add-on:first-child a.dropdown-toggle span {
    margin-left: 2px;
  }
}
.input-prepend.input-append .add-on:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border: 0;
  width: 30px;
  background-color: #da291c;
  border: 1px solid #da291c;
  color: #fff;
  font-size: 22px;
  padding-left: 4px;
  padding-bottom: 2px;
}
.input-append,
.input-prepend {
  margin-bottom: 0px;
}
.input-append .add-on,
.input-prepend .add-on {
  padding: 0 0 0 0;
  vertical-align: middle;
}
.input-prepend.input-block-level {
  display: table;
}
.input-prepend.input-block-level .add-on {
  display: table-cell;
}
.input-prepend.input-block-level > input {
  width: 100%;
  border-right: none;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  height: 30px;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ) {
  .input-prepend.input-block-level > input {
    border: 0;
    border-left: 1px solid black;
  }
}
span.searchselect {
  display: inline-block;
  width: 22px;
  margin-right: 4px;
}
span.search_all {
  position: relative;
  padding-left: 3px;
  font-size: 16px;
  color: inherit;
}
span.search_all:before {
  content: "\f022";
  top: 0;
  left: -5px;
  font-family: FontAwesome;
}
span.search_3dccparts {
  position: relative;
  padding-left: 3px;
  font-size: 16px;
  color: inherit;
}
span.search_3dccparts:before {
  content: "\f1b2";
  top: 0;
  left: -5px;
  font-family: FontAwesome;
}
span.search_blogs {
  background: url('/r2/img/search_icons/icon_blog.png') left center no-repeat;
}
span.search_forums {
  position: relative;
  padding-left: 3px;
  font-size: 16px;
  color: inherit;
}
span.search_forums:before {
  content: "\f086";
  top: 0;
  left: -5px;
  font-family: FontAwesome;
}
span.search_solution {
  background: url('/r2/img/TypeIcons_WidgetView_KBSolution.png') left center no-repeat;
}
span.search_lessons {
  position: relative;
  padding-left: 3px;
  font-size: 16px;
  color: inherit;
}
span.search_lessons:before {
  content: "\f19d";
  top: 0;
  left: -5px;
  font-family: FontAwesome;
}
span.search_spr {
  background: url('/r2/img/TypeIcons_WidgetView_SPR.png') left center no-repeat;
}
span.search_manufacturers {
  position: relative;
  padding-left: 3px;
  font-size: 16px;
  color: inherit;
}
span.search_manufacturers:before {
  content: "\f275";
  top: 0;
  left: -5px;
  font-family: FontAwesome;
}
span.search_youtube {
  background: url('/r2/img/search_icons/icon_youtube.png') left center no-repeat;
}
span.search_support {
  position: relative;
  padding-left: 1px;
  padding-right: 2px;
  font-size: 16px;
  color: inherit;
}
span.search_support:before {
  content: "\f1cd";
  top: 0;
  left: -5px;
  font-family: FontAwesome;
}
a.suggestionPopupLink:link,
a.suggestionPopupLink:active,
a.suggestionPopupLink:visited {
  display: block;
  font: 11px Arial;
  padding: 4px 5px;
  text-align: left;
  white-space: normal;
}
#searchFilterContainer h3,
#search-filter-modal h3 {
  font-size: 14px;
  color: #555;
  font-weight: bold;
  font-family: '3DSRegular';
}
#searchFilterContainer h4,
#search-filter-modal h4 {
  color: #555;
  border-bottom: 2px solid #DADADA;
  margin: 20px 0 2px 0;
  line-height: 25px;
  font-size: 14px;
  font-weight: bold;
  font-family: '3DSRegular';
}
#searchFilterContainer h4 span,
#search-filter-modal h4 span {
  font-size: 13px;
  display: inline-block;
  float: right;
  white-space: nowrap;
}
#searchFilterContainer h4 span img,
#search-filter-modal h4 span img {
  cursor: pointer;
  vertical-align: middle;
  opacity: 0.3;
  filter: alpha(opacity=33);
}
#searchFilterContainer h4 span img.sort-selected,
#search-filter-modal h4 span img.sort-selected {
  opacity: 1.0;
  filter: alpha(opacity=100);
  /* fixes IE8 png with alpha opacity issue */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
}
#searchResultsContainer .noResultsContainer {
  margin-left: 0px;
  margin-top: 50px;
  color: #888;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.25em;
  line-height: 1.5em;
}
#searchResultsContainer h1 {
  text-shadow: 1px 1px 2px #666;
  font-weight: 600;
  font-size: 7.5em;
  color: gray;
  text-align: left;
  line-height: 1.5em;
  margin: 0;
}
#searchResultsContainer p {
  margin: 0;
}
#searchResultsContainer h5 {
  font-weight: normal;
}
.moreOrLessLink {
  color: #55798E;
  font-family: '3DSRegular';
  font-size: 13px;
  cursor: pointer;
}
.overlay {
  visibility: visible;
  opacity: 1;
  left: auto;
  right: auto;
  width: 100%;
  height: 100%;
  z-index: 100;
}
.overlayimg {
  position: absolute;
  z-index: 11;
  left: 50px;
  top: 50px;
}
#search-content {
  margin-top: 0px;
  height: auto;
  overflow: hidden;
  /*@media @tabletPortrait {
        .searchResultItem { min-width: 100%; background-color:  orange };
    }

    @media @tabletLandscape {
         .searchResultItem { min-width: 100%; background-color: lightblue  };
    }*/

}
@media screen and ( min-width: 980px )    and ( max-width: 1200px ), screen and ( min-width: 1201px )       and ( max-width: 1600px ), screen and ( min-width: 1601px ) {
  #search-content {
    padding-top: 130px;
  }
}
#search-content .searchResultItem {
  float: left;
  padding-bottom: 15px;
  width: 100%;
}
#search-content .searchResult {
  width: 99%;
  margin-left: 5px;
}
#search-content .searchResult .searchResultItemTitle {
  font-size: 18px;
  font-family: Verdana, Arial, Helvetiva, sans-serif;
  color: #336699;
  line-height: 22px;
  cursor: pointer;
  display: inline;
}
#search-content .searchResult .searchResultItemDescription {
  font-size: 12px;
  line-height: 18px;
  font-family: Verdana, Arial, Helvetiva, sans-serif;
  color: #707070;
  margin-top: 10px;
}
#search-content .searchResult .searchResultItemSourceIcon {
  width: 16px;
  height: 16px;
  float: left;
  margin-right: 10px;
}
#search-content .searchResultItemSourceRow {
  margin-top: 10px;
  color: #666;
}
#search-content .searchResultItemSourceRow .searchResultItemSource {
  display: inline;
  color: #666;
  text-transform: uppercase;
  font-size: 0.8em;
  position: relative;
  margin-left: 5px;
}
#search-content .searchResultItemSourceRow .searchResultItemDate {
  display: inline;
  margin-left: 10px;
  font-size: 0.8em;
}
#search-content .searchViewSearchPage {
  font-size: 18px;
  font-family: Verdana, Arial, Helvetiva, sans-serif;
  color: #336699;
  line-height: 22px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}
#search-content .searchViewVisitedSearchPage {
  font-size: 18px;
  font-family: Verdana, Arial, Helvetiva, sans-serif;
  color: #336699;
  line-height: 22px;
  cursor: pointer;
}
#search-content .searchViewCurrentSearchPage {
  font-size: 18px;
  font-family: Verdana, Arial, Helvetiva, sans-serif;
  color: black;
  line-height: 22px;
}
#search-content .sortRelevance {
  background: url('/r2/img/Relevance.png') center center no-repeat;
}
#search-content .sortRelevance_asc {
  background: url('/r2/img/Relevance_asc.png') center center no-repeat;
}
#search-content .sortRelevance_desc {
  background: url('/r2/img/Relevance_desc.png') center center no-repeat;
}
#search-content .sortDate {
  background: url('/r2/img/Date.png') center center no-repeat;
}
#search-content .sortDate_asc {
  background: url('/r2/img/Date_asc.png') center center no-repeat;
}
#search-content .sortDate_desc {
  background: url('/r2/img/Date_desc.png') center center no-repeat;
}
#search-content #AskQuestionIcon {
  font-size: 14px;
}
#search-content #workFlowDiv {
  float: left;
  display: inline-block;
  padding-top: 5px;
}
#search-content #pageRowAtBottom {
  float: right;
  display: inline-block;
  margin-top: -5px;
  text-align: right;
  padding-top: 5px;
}
@media screen and ( max-width: 320px ) {
  #search-content {
    /*.searchResultItem { min-width: 100%; background-color: yellow };*/
  
  }
  #search-content #searchResultsContainer .noResultsContainer {
    width: 200px;
    margin-top: 30px;
    font-size: 0.65em;
  }
  #search-content #searchFilterContainer,
  #search-content #search-filter-modal-body {
    height: 300px;
  }
  #search-content #workFlowDiv {
    width: 100%;
    margin-left: 0px;
  }
  #search-content #pageRowAtBottom {
    width: 100%;
    margin-top: 20px;
    text-align: left;
  }
}
@media screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #search-content {
    /*.searchResultItem { min-width: 100%; background-color: lightgreen };*/
  
  }
  #search-content #searchFilterContainer,
  #search-content #search-filter-modal-body {
    height: 400px;
  }
  #search-content #workFlowDiv {
    width: 100%;
    margin-left: 0px;
  }
  #search-content #pageRowAtBottom {
    width: 100%;
    margin-top: 20px;
    text-align: left;
  }
}
@media screen and ( min-width: 1201px )       and ( max-width: 1600px ) {
  #search-content .searchResult .searchResultItemTitle:hover {
    text-decoration: underline;
    color: #5c6970;
  }
}
@media screen and ( min-width: 980px )    and ( max-width: 1200px ), screen and ( min-width: 1201px )       and ( max-width: 1600px ), screen and ( min-width: 1601px ) {
  #feedback {
    padding-top: 5px;
  }
}
#feedback .content {
  max-width: 850px;
  padding-left: 12px;
  padding-right: 12px;
}
#feedback .content .sub-heading {
  margin-bottom: 10px;
}
@media screen and ( min-width: 980px )    and ( max-width: 1200px ), screen and ( min-width: 1201px )       and ( max-width: 1600px ), screen and ( min-width: 1601px ) {
  #feedback .content .sub-heading {
    padding-top: 10px;
  }
}
#feedback .content a {
  vertical-align: top;
}
#feedback .form-errors {
  max-width: 850px;
}
#feedback form input[type="text"],
#feedback form textarea {
  max-width: 850px;
}
#feedback #feedbackSubmit i {
  margin-right: 5px;
  margin-top: -3px;
  font-size: 14px;
}
#ebook {
  margin-top: 0px;
}
@media screen and ( min-width: 980px )    and ( max-width: 1200px ), screen and ( min-width: 1201px )       and ( max-width: 1600px ), screen and ( min-width: 1601px ) {
  #ebook {
    padding-top: 0px;
  }
}
#ebook .content {
  font-size: 12px;
  color: #333;
  margin-left: 12px;
  max-width: 850px;
  padding-bottom: 60px;
}
#ebook .content .ebookTitle {
  font-size: 17px;
  color: #525151;
  margin-bottom: 15px;
}
#ebook p {
  margin-bottom: 15px;
}
#ebook .form-errors {
  max-width: 850px;
}
#ebook .form-horizontal {
  margin-top: 30px;
}
#ebook .form-horizontal .myswcontrol-label {
  width: 176px ;
  padding-right: 20px ;
}
#ebook .form-horizontal .myswcontrol-group {
  margin-bottom: 10px !important;
}
#ebook form {
  font-size: 12px;
  color: #333;
  margin-top: 60px;
}
#ebook form input[type="email"],
#ebook form input[type="text"] {
  min-width: 300px;
}
#ebook form p {
  margin-bottom: 10px;
}
#ebook form label {
  font-size: 12px;
  color: #333;
}
#ebookErrorModal h3,
#ebookSuccessModal h3 {
  color: white;
}
.imgShadow {
  -moz-box-shadow: 5px 5px 5px #888888;
  -webkit-box-shadow: 5px 5px 5px #888888;
  box-shadow: 5px 5px 5px #888888;
  border: 1px solid #ccc;
}
.hr_intro {
  width: 93% ! important;
  border-color: #808080 ! important;
  border-bottom: 0px ! important;
  margin-top: 0px;
}
.messaging-text {
  color: white;
  -webkit-font-smoothing: antialiased;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
}
.homepage-head-text {
  font-family: '3DSSemiBold', Verdana, Arial, Helvetiva, sans-serif;
  margin-top: 50px;
  font-size: 46px;
  color: white;
}
@media screen and ( min-width: 768px ) and ( max-width: 979px ) {
  .homepage-head-text {
    font-size: 30px;
    margin-top: -25px;
  }
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ) {
  .homepage-head-text {
    font-size: 24px;
    line-height: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  .homepage-head-text {
    font-size: 18px;
    line-height: 22px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 7px;
    width: 316px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 800px) {
  .homepage-head-text {
    font-size: 22px;
  }
}
.homepage-subhead-title {
  font-size: 23px;
  color: #525151;
  line-height: 39px;
  max-height: 39px;
  vertical-align: middle;
  padding-left: 0px;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  .homepage-subhead-title {
    display: none;
  }
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ), screen and ( min-width: 980px )    and ( max-width: 1200px ) {
  .homepage-subhead-title {
    font-size: 16px;
  }
}
/* feedback button */
.rotate-90 {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
}
a.feedback {
  display: block;
  position: fixed;
  top: 82%;
  right: -38px;
  opacity: 0.7;
}
@media (max-width:385px) and (max-height:640px), (max-width:640px) and (max-height:385px) {
  a.feedback {
    display: none;
  }
}
a.feedback p {
  height: 26px;
  padding-top: 5px;
  font-size: 14px;
}
a.feedback p i {
  margin-right: 4px;
  color: #ffffff;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  a.feedback {
    font-size: small;
  }
}
@media (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) {
  a.feedback {
    /* iPhone 5 or iPod Touch 5th generation*/
  
    font-size: small;
  }
}
a.feedback:hover {
  opacity: 1.0;
}
/* feedback button  END */
.backdrop-img0 {
  background: url('/r2/img/homepage/background_image.jpg') no-repeat center center;
}
@media (min-width: 1600px) {
  .backdrop-img0 {
    background-size: 100% auto;
  }
}
.backdrop-img1 {
  background: url('/r2/img/homepage/background_images1.jpg') no-repeat center center;
}
@media (min-width: 1600px) {
  .backdrop-img1 {
    background-size: 100% auto;
  }
}
.backdrop-img2 {
  background: url('/r2/img/homepage/background_images2.jpg') no-repeat center center;
}
@media (min-width: 1600px) {
  .backdrop-img2 {
    background-size: 100% auto;
  }
}
.backdrop-mobile {
  background: url('/r2/img/homepage/background_images0.jpg') no-repeat center;
  background-size: cover;
  height: 100%;
  min-height: 640px;
  top: 0;
}
@media (max-width:640px) and (max-height:385px) {
  .backdrop-mobile {
    min-height: 320px;
  }
}
#homepage-mobile {
  display: none;
  margin-top: -50px;
  min-height: 100%;
}
@media (max-width:385px) and (max-height:640px), (max-width:640px) and (max-height:385px) {
  #homepage-mobile {
    display: block;
  }
}
#homepage-mobile .homepage-tagline {
  position: relative;
  top: 40px;
  margin-top: 50px;
}
#homepage-mobile #phone-upper-links {
  height: 160px;
}
#homepage-mobile #phone-upper-links .sub-links {
  position: relative;
  top: 30px;
  margin-top: 50px;
  margin-left: 30px;
  color: white;
  font-size: 10pt;
  line-height: 16px;
  display: none;
}
@media (max-width:640px) and (max-height:385px) {
  #homepage-mobile #phone-upper-links .sub-links {
    top: 0px;
    font-size: 10pt;
    margin-left: 10px;
    line-height: 10px;
  }
  #homepage-mobile #phone-upper-links .sub-links li {
    margin-left: 40%;
  }
  #homepage-mobile #phone-upper-links .sub-links .title-text {
    margin-left: 0px;
    position: relative;
    top: 30px;
  }
}
#homepage-mobile #phone-upper-links .sub-links a {
  color: white;
}
#homepage-mobile .menu-thumb {
  margin-right: 5px;
}
#homepage-mobile img.menu-thumb {
  width: 15px;
  height: 15px;
}
#homepage-mobile #phone-lower-links-portrait {
  display: none;
  position: relative;
  top: 40px;
  color: white;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@media screen and (max-width: 385px) {
  #homepage-mobile #phone-lower-links-portrait {
    display: block;
  }
}
#homepage-mobile #phone-lower-links-landscape {
  position: relative;
  top: 0px;
  color: white;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@media (max-width:385px) and (max-height:640px) {
  #homepage-mobile #phone-lower-links-landscape {
    display: none;
  }
}
#homepage-mobile #phone-lower-links-portrait ul.phone-icon-menus li {
  float: left;
  width: 30%;
  margin-bottom: 10px;
}
#homepage-mobile #phone-lower-links-landscape ul.phone-icon-menus li {
  float: left;
  width: 16%;
  margin-bottom: 10px;
}
#homepage-mobile #phone-lower-links-landscape .lower-link {
  font-size: 10px;
  line-height: 12px;
}
#homepage-mobile #phone-lower-links-landscape .lower-link img,
#homepage-mobile #phone-lower-links-portrait .lower-link img {
  padding-bottom: 5px;
}
#homepage-mobile #phone-lower-links-portrait .lower-link:hover {
  cursor: pointer;
  text-decoration: underline;
}
#homepage-mobile #phone-lower-links-landscape .lower-link:hover {
  cursor: pointer;
  text-decoration: underline;
}
#homepage {
  position: relative;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ) {
  #homepage {
    margin-top: 0px;
  }
}
#homepage .backdrop {
  background-size: cover;
  color: white;
  height: 350px;
  padding-top: 50px;
}
@media screen and ( min-width: 768px ) and ( max-width: 979px ) {
  #homepage .backdrop {
    height: 180px;
  }
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ) {
  #homepage .backdrop {
    height: 280px;
  }
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #homepage .backdrop {
    height: 66px;
    padding-top: 0px;
  }
}
#homepage .pillar-text {
  line-height: 2;
  font-size: 24px;
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ) {
  #homepage .pillar-text {
    font-size: 14px;
  }
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #homepage .pillar-text {
    font-size: 10px;
    display: none;
  }
}
@media (max-width: 800px) {
  #homepage .pillar-text {
    font-size: 18px;
    line-height: 1;
  }
}
#homepage .pillar-text > li {
  display: inline-block;
}
#homepage .pillar-text > li > i {
  font-size: 6px;
  color: #f02d08;
}
#homepage .homepage-search-box {
  padding-top: 10px;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #homepage .homepage-search-box {
    display: none;
  }
}
#homepage .homepage-search-box #search3ds {
  height: 45px;
  padding-left: 47px;
  border: 1px solid #333333;
}
@media screen and ( min-width: 980px )    and ( max-width: 1200px ), screen and ( min-width: 1201px )       and ( max-width: 1600px ), screen and ( min-width: 1601px ) {
  #homepage {
    padding-top: 0px;
  }
}
#homepage .lower-overview {
  text-align: center;
  margin-top: 15px;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and ( min-width: 768px ) and ( max-width: 979px ) {
  #homepage .lower-overview {
    margin: 15px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ) {
  #homepage .lower-overview {
    margin: 15px;
  }
}
@media screen and ( max-width: 320px ) {
  #homepage .lower-overview {
    margin: 0px;
  }
}
#homepage .support-options {
  width: 650px;
  display: inline-block;
  /* border-right: 1px solid lightgrey;
        padding-right:15px;*/

  padding-left: 5px;
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ) {
  #homepage .support-options {
    width: 100%;
    padding: 0px;
    border: none;
  }
}
@media screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #homepage .support-options {
    width: 320px;
    padding: 0px;
    border: none;
  }
}
@media screen and ( max-width: 320px ) {
  #homepage .support-options {
    width: 280px;
    padding: 0px;
    border: none;
  }
}
#homepage .service-tiles {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
#homepage .service-tiles .support-tile {
  background-color: white;
  padding: 10px;
  height: 85px;
  margin-bottom: 10px;
  background-repeat: no-repeat;
  background-position: 25px 20px;
  border: 1px solid lightgrey;
  border-radius: 3px;
  box-shadow: 1px 1px 5px #f0f0f0;
  transition: background-color 0.25s ease-in-out;
  -moz-transition: background-color 0.25s ease-in-out;
  -webkit-transition: background-color 0.25s ease-in-out;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #homepage .service-tiles .support-tile {
    margin-bottom: 0px;
    height: 40px;
    border: none;
    border-bottom: 1px solid lightgrey;
    box-shadow: none;
  }
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ) {
  #homepage .service-tiles .support-tile {
    margin-left: auto;
    margin-right: auto;
  }
}
#homepage .service-tiles .support-tile .click-arrow {
  float: right;
  margin-top: -20px;
  margin-right: 5px;
  font-size: 20px;
  display: none;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #homepage .service-tiles .support-tile .click-arrow {
    display: inline-block;
  }
}
#homepage .service-tiles .support-tile:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
#homepage .service-tiles .support-tile:hover .circle {
  cursor: pointer;
  border: 5px solid #497691;
}
#homepage .service-tiles .support-tile:hover .hover-text {
  opacity: 1;
}
#homepage .service-tiles .training-icon {
  margin-right: 10px;
}
#homepage .service-tiles .training-info {
  display: table-cell;
  text-align: left;
}
#homepage .service-tiles .title {
  font-family: '3DSRegular', Verdana, Arial, Helvetiva, sans-serif;
  text-align: left;
  font-size: 17px;
  color: #000;
  /*font-weight:700;*/

  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #homepage .service-tiles .title {
    font-size: 14px;
  }
}
#homepage .service-tiles .title i {
  font-size: 24px;
  color: #005686;
  margin-right: 5px;
  width: 30px;
  height: 24px;
  text-align: center;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #homepage .service-tiles .title i {
    font-size: 20px;
    height: 20px;
    width: 20px;
    margin-right: 10px;
  }
}
#homepage .service-tiles .sub-title {
  text-align: left;
  font-size: 14px;
  color: grey;
  font-weight: 100;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out;
}
#homepage .service-tiles .hover-text {
  font-size: 16px;
  color: #497691;
  line-height: 1.2;
  font-weight: 100;
  margin-top: 5px;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  text-align: center;
  transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out;
  opacity: 0;
}
#homepage .service-tiles .description {
  font-size: 14px;
  color: #333;
  height: 40px;
  padding-left: 35px;
  overflow: hidden;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #homepage .service-tiles .description {
    display: none;
  }
}
#homepage .overview-lower-mobile {
  display: none;
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ) {
  #homepage .overview-lower-mobile {
    display: inline-block;
    width: 100%;
  }
}
#homepage .overview-right {
  position: relative;
  display: inline-block;
  vertical-align: top;
  /* padding-left:8px; */

  float: right;
}
@media screen and ( min-width: 768px ) and ( max-width: 979px ) {
  #homepage .overview-right {
    width: 550px;
    padding: 0px;
  }
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ) {
  #homepage .overview-right {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    float: left;
  }
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #homepage .overview-right {
    display: none;
  }
}
#homepage .ctaPlaceholder {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 250px;
  height: 83px;
  border: 1px solid lightgrey;
  box-shadow: 1px 1px 5px #f0f0f0;
  margin-bottom: 10px;
}
@media screen and ( min-width: 768px ) and ( max-width: 979px ) {
  #homepage .ctaPlaceholder {
    width: 533px;
    margin-right: 15px;
    display: none;
  }
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ) {
  #homepage .ctaPlaceholder {
    margin-left: 0px;
    width: 258px;
    display: none;
  }
}
#homepage .ctaPlaceholder .initial_state {
  width: 100%;
  background-color: white;
}
#homepage .ctaPlaceholder a i {
  text-decoration: none;
  color: white;
  margin-right: 5px;
}
#homepage .have_question {
  margin-left: 0%;
  margin-right: 0%;
  max-width: 20%;
  min-width: 20%;
  background-color: #E4E4E4;
}
#homepage .have_question .fa-question {
  color: white;
}
#homepage .have_question .mouse_over_state {
  width: 100%;
  display: none;
  background-color: white;
}
#homepage .call_to_display {
  float: right;
  margin-left: 10px;
}
@media screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ) {
  #homepage .call_to_display {
    display: none;
  }
}
#homepage .cta-btn {
  width: 100px;
  margin-top: 10px;
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 20pt;
}
#homepage .cta-text {
  font-size: 13px;
  vertical-align: bottom;
}
#homepage .cta-text a {
  vertical-align: bottom;
}
#homepage .content {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}
#homepage .content .main-message {
  font-size: 42px;
  margin-top: 50px;
}
@media screen and ( min-width: 768px ) and ( max-width: 979px ), screen and ( min-width: 980px )    and ( max-width: 1200px ) {
  #homepage .content .main-message {
    font-size: 32px;
    margin-top: 40px;
  }
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ) {
  #homepage .content .main-message {
    font-size: 24px;
    margin-top: 20px;
  }
}
#homepage .content .tile {
  position: relative;
  display: inline-block;
  width: 224px;
  height: 170px;
  float: left;
  margin: 4px;
  text-align: center;
  background-color: #FFF;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #e4e4e4;
  text-decoration: none;
  overflow: hidden;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #homepage .content .tile {
    width: 142px;
    height: 144px;
    margin: 2px;
  }
}
@media screen and ( min-width: 768px ) and ( max-width: 979px ), screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 980px )    and ( max-width: 1200px ) {
  #homepage .content .tile {
    width: 168px;
    height: 128px;
    margin: 4px;
  }
}
#homepage .content .tile h3 {
  margin: 10px 0 10px 10px;
  line-height: 1.2em;
  text-transform: uppercase;
  text-align: left;
  font-size: 17px;
  color: #525151;
  color: #fff;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #homepage .content .tile h3 {
    font-size: 14px;
  }
}
@media screen and ( min-width: 768px ) and ( max-width: 979px ), screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 980px )    and ( max-width: 1200px ) {
  #homepage .content .tile h3 {
    font-size: 16px;
  }
}
#homepage .content .tile h3.bottom {
  position: absolute;
  left: 0;
  bottom: 0;
}
#homepage .content .tile .gradient {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.5)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.5));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.5));
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.5));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.5));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#80000000", GradientType=0);
  /* IE6-9 */
}
#homepage .content .tile img {
  z-index: 3;
  max-width: none;
  width: 100%;
}
#homepage .content .tile img.interestimg {
  width: 100%;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #homepage .content .tile img.interestimg {
    max-width: 142px;
  }
}
#homepage .content .tile.browseall .gradient {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#80000000", GradientType=0);
  /* IE6-9 */

  z-index: 4;
}
#homepage .content .tile.search {
  background-color: #55798e;
  font-size: 9px;
  width: 458px;
  overflow: visible;
  display: none;
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ), screen and ( min-width: 980px )    and ( max-width: 1200px ) {
  #homepage .content .tile.search {
    font-size: 9px;
    width: 346px;
  }
}
@media screen and ( min-width: 1201px )       and ( max-width: 1600px ), screen and ( min-width: 1601px ) {
  #homepage .content .tile.search {
    width: 458px;
  }
}
#homepage .content .tile.search .top {
  margin: 10px 30px 0 30px;
  border-bottom: 1px solid #ddd;
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ), screen and ( min-width: 980px )    and ( max-width: 1200px ) {
  #homepage .content .tile.search .top {
    height: 73px;
  }
}
@media screen and ( min-width: 1201px )       and ( max-width: 1600px ), screen and ( min-width: 1601px ) {
  #homepage .content .tile.search .top {
    height: 102px;
  }
}
#homepage .content .tile.search .top h3 {
  margin: 0;
  margin-bottom: 10px;
}
@media screen and ( min-width: 1201px )       and ( max-width: 1600px ), screen and ( min-width: 1601px ) {
  #homepage .content .tile.search .top h3 {
    margin-bottom: 20px;
  }
}
#homepage .content .tile.search .top > div {
  width: 100%;
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ), screen and ( min-width: 980px )    and ( max-width: 1200px ) {
  #homepage .content .tile.search .top > div {
    margin-top: 0px;
  }
}
#homepage .content .tile.search .top > div form {
  display: inline-block;
  width: 100%;
}
#homepage .content .tile.search .top > div form input.search-query {
  width: 100%;
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ), screen and ( min-width: 980px )    and ( max-width: 1200px ) {
  #homepage .content .tile.search .bottom {
    height: 44px;
  }
}
@media screen and ( min-width: 1201px )       and ( max-width: 1600px ), screen and ( min-width: 1601px ) {
  #homepage .content .tile.search .bottom {
    height: 57px;
  }
}
#homepage .content .tile.search .bottom a {
  display: inline-block;
  padding: 20px 20px 0 0;
  color: #fff;
  line-height: 22px;
  vertical-align: middle;
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ), screen and ( min-width: 980px )    and ( max-width: 1200px ) {
  #homepage .content .tile.search .bottom a {
    padding: 10px 20px 0 0;
  }
}
#homepage .content .tile.search.twocolumn {
  background-color: #f00;
}
@media screen and ( max-width: 320px ) {
  #homepage .content .tile.search.twocolumn {
    display: none;
  }
}
@media screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #homepage .content .tile.search.twocolumn {
    display: none;
  }
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ) {
  #homepage .content .tile.search.twocolumn {
    display: none;
  }
}
@media screen and ( min-width: 768px ) and ( max-width: 979px ) {
  #homepage .content .tile.search.twocolumn {
    display: none;
  }
}
@media screen and ( min-width: 980px )    and ( max-width: 1200px ) {
  #homepage .content .tile.search.twocolumn {
    display: none;
  }
}
@media screen and ( min-width: 1201px )       and ( max-width: 1600px ) {
  #homepage .content .tile.search.twocolumn {
    display: none;
  }
}
@media screen and ( min-width: 1601px ) {
  #homepage .content .tile.search.twocolumn {
    display: none;
  }
}
@media screen and ( max-width: 320px ) {
  #homepage .content .tile.search.threecolumn {
    display: none;
  }
}
@media screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #homepage .content .tile.search.threecolumn {
    display: none;
  }
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ) {
  #homepage .content .tile.search.threecolumn {
    display: inline-block;
  }
}
@media screen and ( min-width: 768px ) and ( max-width: 979px ) {
  #homepage .content .tile.search.threecolumn {
    display: none;
  }
}
@media screen and ( min-width: 980px )    and ( max-width: 1200px ) {
  #homepage .content .tile.search.threecolumn {
    display: none;
  }
}
@media screen and ( min-width: 1201px )       and ( max-width: 1600px ) {
  #homepage .content .tile.search.threecolumn {
    display: none;
  }
}
@media screen and ( min-width: 1601px ) {
  #homepage .content .tile.search.threecolumn {
    display: none;
  }
}
#homepage .content .tile.search.fourcolumn {
  display: inline-block;
}
#homepage .content .tile.search.fourcolumn {
  vertical-align: middle;
}
@media screen and ( max-width: 320px ) {
  #homepage .content .tile.search.fourcolumn {
    display: none;
  }
}
@media screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #homepage .content .tile.search.fourcolumn {
    display: none;
  }
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ) {
  #homepage .content .tile.search.fourcolumn {
    display: none;
  }
}
@media screen and ( min-width: 768px ) and ( max-width: 979px ) {
  #homepage .content .tile.search.fourcolumn {
    display: inline-block;
  }
}
@media screen and ( min-width: 980px )    and ( max-width: 1200px ) {
  #homepage .content .tile.search.fourcolumn {
    display: inline-block;
  }
}
@media screen and ( min-width: 1201px )       and ( max-width: 1600px ) {
  #homepage .content .tile.search.fourcolumn {
    display: inline-block;
  }
}
@media screen and ( min-width: 1601px ) {
  #homepage .content .tile.search.fourcolumn {
    display: inline-block;
  }
}
#homepage .content .breakline {
  clear: both;
  margin: 0 4px 0 4px;
}
#homepage .content .breakline .btn {
  vertical-align: middle;
  font-weight: bold;
  color: #336699;
  font-size: 18px;
  line-height: 24px;
  left: 0;
  right: 0;
  margin: 0 0 10px 0;
}
#homepage #breakitems {
  display: none;
}
#homepage .homepage-footer {
  margin: 40px 20px 20px 20px;
}
#homepage .homepage-footer .prop-title {
  font-size: 17px;
  color: #525151;
  text-align: center;
  line-height: 24px;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #homepage .homepage-footer .propImage {
    display: none;
  }
}
#homepage .homepage-footer .propImage480 {
  display: none;
}
@media screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #homepage .homepage-footer .propImage480 {
    display: block;
  }
}
#homepage .homepage-footer .propImage320 {
  display: none;
}
@media screen and ( max-width: 320px ) {
  #homepage .homepage-footer .propImage320 {
    display: block;
  }
}
#homepage .homepage-footer li {
  min-height: 60px;
}
#homepage .homepage-footer h4 {
  font-weight: bold;
  color: #336699;
}
#homepage .homepage-footer p {
  color: #336699;
}
#homepage .featured-tile .item {
  width: 224px;
  height: 170px;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #homepage .featured-tile .item {
    width: 142px;
    height: 144px;
  }
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ), screen and ( min-width: 980px )    and ( max-width: 1200px ) {
  #homepage .featured-tile .item {
    width: 168px;
    height: 128px;
  }
}
#homepage .featured-tile .indicators {
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 60px;
  z-index: 6;
}
#homepage .featured-tile .indicators .carousel-indicators {
  position: relative;
  top: 10;
  right: 0;
}
#homepage .featured-tile .indicators span {
  font-weight: bold;
  color: #fff;
  font-size: 14px;
  display: inline-block;
}
#homepage .featured-tile .indicators ol {
  display: inline-block;
  white-space: nowrap;
}
#homepage .featured-tile .itemTitle {
  display: inline-block;
  overflow: hidden;
  position: absolute;
  text-align: left;
  left: 10px;
  bottom: 8px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  line-height: 24px;
  min-height: 48px;
  height: 48px;
  z-index: 5;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #homepage .featured-tile .itemTitle {
    font-size: 12px;
  }
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ), screen and ( min-width: 980px )    and ( max-width: 1200px ) {
  #homepage .featured-tile .itemTitle {
    font-size: 16px;
  }
}
#homepage .featured-tile .itemPicture {
  z-index: 3;
}
#homepage .signinquicktour {
  font-weight: bold;
  font-size: 12px;
}
#homepage .signinquicktour.phone-only {
  width: 100%;
  background-color: #00f;
  font-size: 11px;
  display: none;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #homepage .signinquicktour.phone-only {
    display: inline-block;
  }
}
#homepage .signinquicktour.phone-only .create_account {
  width: 14px;
  height: 15px;
  margin-top: -4px;
  margin-right: 4px;
}
#homepage .signinquicktour.phone-only .quick_tour {
  width: 20px;
  margin-right: 4px;
}
form.navbar-search.phone-only {
  display: none;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  form.navbar-search.phone-only {
    display: inline-block;
  }
}
.featuredDisplay-li {
  max-width: 100%;
}
@media screen and (max-width: 320px), screen and (min-width: 321px) and (max-width: 480px) {
  #homepage .slideInDown {
    -webkit-animation-name: none;
    animation-name: none;
  }
  #homepage .animated1 {
    -webkit-animation-fill-mode: none;
    animation-fill-mode: none;
  }
}
@media screen and ( min-width: 980px )    and ( max-width: 1200px ), screen and ( min-width: 1201px )       and ( max-width: 1600px ), screen and ( min-width: 1601px ) {
  #myvar {
    padding-top: 5px;
  }
}
#myvar.withfilters {
  margin-top: 40px;
}
@media (max-width: 767px) {
  #myvar.withfilters {
    margin-top: 0px;
  }
}
#myvar .sortBtn {
  padding-left: 10px;
  padding-right: 10px;
}
#myvar .featuredLabel {
  margin-top: 3px;
  display: inline-block;
  vertical-align: middle;
  color: #333;
  padding-top: 2px;
  font-weight: bold;
  font-size: 13px;
  line-height: 32px;
  white-space: nowrap;
}
#myvar .content {
  height: auto;
  overflow: hidden;
}
#myvar .content .section-label {
  margin-left: 5px;
}
#myvar .content .myvarinfo {
  position: relative;
  margin: 5px;
  font-size: 13px;
  color: #555;
  float: left;
  width: 96.5%;
  -moz-box-shadow: 0px 2px 2px #d1d1d1;
  -webkit-box-shadow: 0px 2px 2px #d1d1d1;
  box-shadow: #d8d8d8 0px 0px 10px 0px;
  border: 1px solid #c6c6c6;
  height: 160px;
  border-radius: 6px;
}
#myvar .content .myvarlink {
  position: relative;
  margin: 5px;
  width: 158%;
  border: 1px solid #e1e0e0;
  background-color: #fff;
  font-size: 16px;
  color: #555;
  float: left;
  height: 67px;
  -moz-box-shadow: 0px 2px 2px #d1d1d1;
  -webkit-box-shadow: 0px 2px 2px #d1d1d1;
  box-shadow: 0px 2px 2px #d1d1d1;
  text-align: center;
  vertical-align: middle;
  line-height: 65px;
  background-color: #f6f6f6;
}
#myvar .content .myvarupgrade {
  position: relative;
  margin: 5px;
  width: 93%;
  height: 138px;
  float: left;
}
#myvar .content .feedItem {
  position: relative;
  overflow: hidden;
  margin: 5px;
  border: 1px solid #e1e0e0;
  background-color: #fff;
  -moz-box-shadow: 0px 2px 2px #d1d1d1;
  -webkit-box-shadow: 0px 2px 2px #d1d1d1;
  box-shadow: 0px 2px 2px #d1d1d1;
}
#myvar .content .feedItem .title {
  overflow: hidden;
  display: block;
  margin-bottom: 6px;
  max-height: 52px;
  font-size: 17px;
}
#myvar .content .feedItem .picture {
  max-height: 145px;
  height: 145px;
  overflow: hidden;
  text-align: center;
}
#myvar .content .feedItem > img {
  width: 100%;
}
#myvar .content .feedItem .description {
  font-size: 13px;
  overflow: hidden;
  height: 65px;
}
#myvar .content .feedItem .source {
  font-size: 11px;
  line-height: 18px;
  height: 36px;
  margin-top: 6px;
  margin-bottom: 5px;
}
#myvar .content .feedItem .source .icon {
  float: left;
  width: 24px;
  height: 36px;
}
#myvar .content .feedItem .source .author {
  margin-left: 24px;
  line-height: 18px;
}
#myvar .content .feedItem .source .date {
  float: left;
}
#myvar .content .feedItem .source .upgradeLink {
  color: #55798e;
  cursor: pointer;
}
#myvar .content .feedItem .source .upgradeLink:hover,
#myvar .content .feedItem .source .upgradeLink:focus {
  cursor: pointer;
  color: #55798E;
  text-decoration: underline;
}
#myvar .content .feedItem .actionButtonOnImage {
  padding: 0px;
  background-color: #428bce;
  border: 1px solid #3e78ab;
  border-radius: 3px;
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  font-size: 13px;
  color: #fff;
  height: 30px;
  padding-left: 8px;
  padding-right: 8px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -90px;
  margin-left: -40px;
  width: 100px;
}
@media screen and ( min-width: 1201px )       and ( max-width: 1600px ), screen and ( min-width: 1601px ) {
  #myvar .content .feedItem .actionButtonOnImage {
    opacity: 0.70;
  }
}
#myvar .content .feedItem .actionButtonOnImage:hover,
#myvar .content .feedItem .actionButtonOnImage:focus {
  opacity: 1;
}
#myvar .content .featuredPlaceholder {
  width: 95%;
  margin: 5px;
  min-width: 50%;
  border: 1px solid #c6c6c6;
  height: 152px;
  border-radius: 6px;
  float: left;
  box-shadow: #d8d8d8 0px 0px 10px 0px;
}
#myvar .content .featuredPlaceholder .featContainer {
  width: 100%;
}
#myvar .content .featuredPlaceholder .featContainer ol li {
  background: transparent url('/r2/img/icon_pager_circle.png') center center;
  cursor: pointer;
}
#myvar .content .featuredPlaceholder .featContainer ol li.active {
  background: transparent url('/r2/img/icon_pager_circle_active.png') center center;
}
#myvar .content .featuredPlaceholder .featItemWrapper {
  position: relative;
  height: 140px;
  overflow: hidden;
}
#myvar .content .featuredPlaceholder .featItemWrapper .media {
  padding-right: 5px;
  margin-top: 0;
}
#myvar .content .featuredPlaceholder .featItemWrapper .media-body {
  padding-right: 5px;
}
@media screen and ( max-width: 320px ) {
  #myvar .content .featuredPlaceholder .featItemWrapper .media-body p {
    line-height: 0.95em;
    margin: 0 0 2px;
  }
}
#myvar .content .featuredPlaceholder .featItemWrapper .show {
  z-index: 21;
  position: absolute;
}
#myvar .content .featuredPlaceholder .featItemWrapper a.pull-left .media-object {
  max-width: 220px;
  min-width: 220px;
}
#myvar .content .featuredPlaceholder .featItemTitle {
  width: 100%;
  font-size: 17px;
  line-height: 22px;
  max-height: 52px;
  overflow: hidden;
  display: block;
  margin-bottom: 6px;
}
@media screen and ( max-width: 320px ) {
  #myvar .content .featuredPlaceholder .featItemTitle {
    margin-bottom: 5px;
    line-height: 24px;
  }
}
#myvar .content .featuredPlaceholder .featuredContent {
  font-size: 13px;
  color: #555;
}
#myvar .content .featuredPlaceholder .featuredContentSource {
  font-size: 13px;
  color: #555;
  margin-top: 5px;
  width: 250px;
}
#myvar .content .featuredPlaceholder .featDesc {
  color: #666;
  font-size: 13px;
  margin: 0px 18px;
  line-height: 1.5em;
  max-width: 560px;
  height: 3em;
  max-height: 3em;
  overflow: hidden;
}
#myvar .content .featuredPlaceholder .featCategory {
  color: #333;
  font-size: 11px;
  margin-left: 18px;
  text-transform: uppercase;
  line-height: 18px;
  margin-top: 10px;
  clear: left;
  height: 1.5em;
  max-height: 1.5em;
}
#myvar .content .featuredPlaceholder .overlayPager {
  position: relative;
  height: 12px;
  z-index: 99;
  float: right;
  margin-right: 10px;
  margin-top: -40px;
}
#myvar .content .featuredPlaceholder .pager {
  width: 12px;
  height: 12px;
  background: transparent url('/r2/img/icon_pager_circle.png') center center;
  margin-left: 4px;
  float: left;
}
#myvar .content .featuredPlaceholder .pagerSelected {
  width: 12px;
  height: 12px;
  background: transparent url('/r2/img/icon_pager_circle_active.png') center center;
  margin-left: 4px;
  float: left;
}
#myvar .content .featuredPlaceholder .overlay1 {
  background: #ffffff url('/r2/img/FeaturedBar.png') -40px 0px no-repeat;
  z-index: 99;
  width: 220px;
  height: 30px;
  position: relative;
  top: -156px;
  color: #fff;
  font-size: 18px;
  padding-left: 10px;
  line-height: 1.75em;
  text-transform: uppercase;
  display: inline-block;
}
#myvar .content .left {
  float: left;
  overflow: hidden;
}
#myvar .content .left .feedItem {
  position: relative;
  margin: 5px;
  border: 1px solid #e1e0e0;
  background-color: #fff;
  min-height: 284px;
  max-height: 284px;
  -moz-box-shadow: 0px 0px 2px #d1d1d1;
  -webkit-box-shadow: 0px 0px 2px #d1d1d1;
  box-shadow: 0px 0px 2px #d1d1d1;
}
#myvar .content .left .feedItem .caption {
  padding-top: 6px;
}
#myvar .content .left .feedItem .title-description {
  overflow: hidden;
}
#myvar .content .left .feedItem .title-description .title {
  width: 100%;
  line-height: 22px;
  max-height: 100px;
}
#myvar .content .left .feedItem .title-description .description {
  overflow: hidden;
  line-height: 18px;
  height: 185px;
}
#myvar .content .left .feedItem .source {
  background: transparent url('/r2/img/feedItemContainerSourceBackground.png') top left repeat-x;
  margin: 0px 13px 0px 10px;
  height: 30px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;
  padding-bottom: 10px;
}
#myvar .content .left .feedItem .source .icon,
#myvar .content .left .feedItem .source .author {
  margin-top: 10px;
}
#myvar .content .left .rightonleft .feedItem {
  min-height: 185px;
  max-height: 185px;
}
#myvar .content .left .rightonleft .feedItem .picture {
  max-height: 83px;
}
#myvar .content .left .rightonleft .feedItem .picture img {
  max-height: 83px;
}
#myvar .content .lessonNull .feedItem {
  max-height: 139px;
  min-height: 139px;
}
#myvar .content .lessonNull .feedItem .title {
  width: 100%;
  line-height: 22px;
  max-height: 50px;
}
#myvar .content .lessonNull .feedItem .description {
  overflow: hidden;
  line-height: 18px;
  height: 65px;
}
#myvar .content .lessonNull .feedItem .source {
  background: transparent url('/r2/img/feedItemContainerSourceBackground.png') top left repeat-x;
  margin: 0 13px 3px 13px;
  height: 30px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 18px;
}
#myvar .content .lessonNull .feedItem .source .meter-wrap {
  margin-top: -5px;
}
#myvar .content .lessonNull .feedItem .source .icon,
#myvar .content .lessonNull .feedItem .source .author {
  margin-top: 10px;
}
#myvar .content .feedItemContainer {
  float: left;
  min-width: 300px;
  max-width: 300px;
}
#myvar .content .feedItemContainer .removeLessonModal {
  width: 250px;
  height: 175px;
}
#myvar .content .left {
  min-width: 50%;
  max-width: 50%;
}
#myvar .content .right {
  min-width: 285px;
  max-width: 285px;
}
@media screen and ( max-width: 320px ) {
  #myvar .content .feedItemContainer {
    min-width: 100%;
    max-width: 100%;
  }
  #myvar .content .featuredPlaceholder {
    width: 94%;
  }
  #myvar .content .left {
    min-width: 100%;
  }
  #myvar .content .right {
    min-width: 100%;
    padding-bottom: 10px;
  }
  #myvar .content .right .thumbnail {
    margin-left: 5px;
    margin-right: 5px;
  }
  #myvar .content .featItemWrapper .media-body {
    padding-top: 0px;
    width: 100%;
  }
  #myvar .content .featItemWrapper .featItemTitle {
    max-height: 28px;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
@media screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #myvar .content .feedItemContainer {
    min-width: 100%;
    max-width: 100%;
  }
  #myvar .content .featuredPlaceholder {
    width: 94.75%;
  }
  #myvar .content .left {
    min-width: 100%;
  }
  #myvar .content .right {
    min-width: 100%;
    padding-bottom: 10px;
  }
  #myvar .content .right .thumbnail {
    margin-left: 5px;
    margin-right: 5px;
  }
  #myvar .content .featItemWrapper .media-body {
    padding-top: 0px;
    width: 100%;
  }
  #myvar .content .featItemWrapper .featItemTitle {
    max-height: 28px;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ) {
  #myvar .content .left {
    min-width: 100%;
    max-width: 100%;
  }
  #myvar .content .right {
    min-width: 100%;
    max-width: 100%;
  }
  #myvar .content .feedItemContainer {
    min-width: 50%;
    max-width: 50%;
  }
  #myvar .content .featItemWrapper .media-body {
    padding-top: 0px;
  }
  #myvar .content .lessonNull {
    min-width: 100% ;
    max-width: 100% ;
  }
  #myvar .content .lessonNull .feedItemContainer {
    min-width: 50%;
    max-width: 50%;
  }
}
@media screen and ( min-width: 768px ) and ( max-width: 979px ) {
  #myvar .content .left {
    min-width: 100%;
    max-width: 100%;
  }
  #myvar .content .lessonNull {
    min-width: 100% ;
    max-width: 100% ;
  }
  #myvar .content .lessonNull .feedItemContainer {
    min-width: 50%;
    max-width: 50%;
  }
  #myvar .content .feedItemContainer {
    min-width: 50%;
    max-width: 50%;
  }
  #myvar .content .featItemWrapper .media-body {
    padding-top: 0px;
  }
}
@media screen and ( min-width: 980px )    and ( max-width: 1200px ) {
  #myvar .content .left {
    min-width: 100%;
    max-width: 100%;
  }
  #myvar .content .feedItemContainer {
    min-width: 50%;
    max-width: 50%;
  }
  #myvar .content .featItemWrapper .media-body {
    padding-top: 0px;
  }
  #myvar .content .lessonNull {
    min-width: 100% ;
    max-width: 100% ;
  }
  #myvar .content .lessonNull .feedItemContainer {
    min-width: 50%;
    max-width: 50%;
  }
}
@media screen and ( min-width: 1201px )       and ( max-width: 1600px ) {
  #myvar .content .left {
    min-width: 100%;
    max-width: 100%;
  }
  #myvar .content .feedItemContainer {
    min-width: 25%;
    max-width: 25%;
  }
  #myvar .content .featItemWrapper .media-body {
    padding-top: 0px;
  }
}
@media screen and ( min-width: 1601px ) {
  #myvar .content .left {
    min-width: 100%;
    max-width: 100%;
  }
  #myvar .content .feedItemContainer {
    min-width: 25%;
    max-width: 25%;
  }
  #myvar .content .featItemWrapper .media-body {
    padding-top: 0px;
  }
}
#myvar .content .left.full-width {
  min-width: 100%;
  max-width: 100%;
}
.tooltip-inner {
  max-width: 1000px;
}
.varmodal .modal-header {
  background: transparent;
  color: black;
  font-weight: normal;
  background-color: #F8F8F8;
  margin: 10px;
}
.varmodal {
  border: solid #DEE0DF 6px;
}
.varmodal hr {
  margin: 10px 2px 10px 2px;
}
.little-warning {
  font-size: smaller;
}
.varmodal textarea {
  padding: 0px;
  width: 100%;
}
.varmodal input {
  padding: 0px;
  width: 100%;
}
.varmodal input #submit {
  padding: 0px;
  width: 80px;
}
#modal-submit {
  width: 80px;
  height: 33px;
  color: #5881A9;
  background-color: #f0f1f3;
  border: #42A8E6 solid 1px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#modal-cancel {
  width: 80px;
  height: 33px;
  /*color: #5881A9;*/

  background-color: #EBEDED;
  border: #727476 solid 1px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#modal-continue {
  width: 80px;
  height: 33px;
  color: #5881A9;
  background-color: #f0f1f3;
  border: #42A8E6 solid 1px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
/*.modal-button {
    width: 80px;
    height: 33px;
}*/
.modal-buttons {
  text-align: right;
}
.myvar-glyph-center {
  text-align: center;
}
.modal-throbber {
  visibility: hidden;
}
h4.myvaradmin {
  margin-top: 22px;
  font-size: 17px;
  margin-bottom: 7px;
}
.myvarlink {
  color: #336699;
  font-size: 12px;
  hovertext-decoration: underline;
  cursor: pointer;
}
#myvar_myvar_arrow {
  font-size: 16px;
}
.admin-top-spacer {
  height: 80px;
}
@media (max-width: 979px) {
  .admin-top-spacer {
    display: none;
  }
}
.modal_header {
  background-color: #f8f8f8;
  border-radius: 2px;
  margin: 10px;
  width: 96%;
  height: 50px;
  font-size: 16px;
  font-weight: bold;
  line-height: 50px;
  vertical-align: middle;
}
.var_seminar_list {
  border: 1px solid #cccccc;
  width: 93%;
  height: 250px;
  overflow: auto;
  margin-left: 20px;
  margin-top: -5px;
}
@media (max-width: 767px) {
  .var_seminar_list {
    height: 105px;
  }
}
.norsssupport {
  font-weight: bold;
  color: red;
}
.varadmintablediv {
  border: 1px solid #e1e0e0;
  box-shadow: 0px 0px 10px #d8d8d8;
  padding: 10px;
}
.varadmintableheading {
  background-color: #e1e0e0;
  line-height: 25px;
  font-weight: bold;
  padding: 0px 10px 0px 10px;
  margin-bottom: 5px;
}
.varadminaddbutton {
  background-color: #428BCE;
  color: white;
}
.fixed-table-container {
  width: 50%;
  height: 200px;
  border: 1px solid black;
  margin: 10px auto;
  background-color: white;
  /* above is decorative or flexible */

  position: relative;
  /* could be absolute or relative */

  padding-top: 30px;
  /* height of header */

}
.fixed-table-container-inner {
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
}
.header-background {
  background-color: #D5ECFF;
  height: 30px;
  /* height of header */

  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}
table {
  background-color: white;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.th-inner {
  position: absolute;
  top: 0;
  line-height: 30px;
  /* height of header */

  text-align: left;
  border-left: 1px solid black;
  padding-left: 5px;
  margin-left: -5px;
}
.first .th-inner {
  border-left: none;
  padding-left: 6px;
}
/* extra-wrap */
.extrawrap th {
  text-align: center;
}
.extra-wrap {
  width: 100%;
}
/* Zupa styles for centered headers */
.zupa div.zupa1 {
  margin: 0 auto !important;
  width: 0 !important;
}
.zupa div.th-inner {
  width: 100%;
  margin-left: -50%;
  text-align: center;
  border: none;
}
/* for hidden header hack to calculate widths of dynamic content */
.hidden-head {
  min-width: 530px;
  /* enough width to show all header text, or bad things happen */

}
.hidden-header .th-inner {
  position: static;
  overflow-y: hidden;
  height: 0;
  white-space: nowrap;
  padding-right: 5px;
}
/* for complex headers */
.complex.fixed-table-container {
  padding-top: 60px;
  /* height of header */

  overflow-x: hidden;
  /* for border */

}
.complex .header-background {
  height: 60px;
}
.complex-top .th-inner {
  border-bottom: 1px solid black;
  width: 100%;
}
.complex-bottom .th-inner {
  top: 30px;
  width: 100%;
}
.complex-top .third .th-inner {
  /* double row cell */

  height: 60px;
  border-bottom: none;
  background-color: #D5ECFF;
}
.myvartablecell {
  border-top-color: #a6a6a6;
  border-top-style: solid;
  border-top-width: 1px;
  border-right-color: #a6a6a6;
  border-right-style: solid;
  border-right-width: 1px;
  border-bottom-color: #a6a6a6;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-color: #a6a6a6;
  border-left-style: solid;
  border-left-width: 1px;
  padding: 4px;
  background-color: #FFFFFF;
  font-weight: normal;
}
.seminartablediv {
  margin-left: 0px;
  padding: 4px;
}
.widetable {
  width: 100%;
}
.feedsheader {
  font-size: 1.2em;
  padding: 10px;
  color: #000;
  background-color: #efefef;
  border: black solid 1px;
}
.myvartableheader {
  font-weight: bold;
  text-align: left;
  background-color: #efefef ;
  padding: 10px;
  border: #a6a6a6 solid 1px;
  font-size: 1.2em;
}
.seminartableheader {
  font-size: 1.2 em;
  padding: 0px;
}
@media (max-width: 767px) {
  #myvaradminlink {
    display: none;
  }
}
#showall {
  position: absolute;
  bottom: 0;
  right: 0;
  padding-right: 5px;
}
@media screen and ( min-width: 980px )    and ( max-width: 1200px ), screen and ( min-width: 1201px )       and ( max-width: 1600px ), screen and ( min-width: 1601px ) {
  #mf2 {
    padding-top: 110px;
  }
}
.previewMf2Container {
  width: 100%;
}
.main {
  margin-left: 0px;
}
#clock1 {
  vertical-align: top;
}
#activity-page {
  padding-top: 0px;
}
@media screen and ( min-width: 980px )    and ( max-width: 1200px ), screen and ( min-width: 1201px )       and ( max-width: 1600px ), screen and ( min-width: 1601px ) {
  #activity-page {
    padding-top: 130px;
  }
}
@media screen and ( min-width: 980px )    and ( max-width: 1200px ), screen and ( min-width: 1201px )       and ( max-width: 1600px ), screen and ( min-width: 1601px ) {
  .fileshare-container {
    padding-top: 10px;
  }
}
#fileshare-overview {
  position: relative;
}
@media screen and ( min-width: 980px )    and ( max-width: 1200px ), screen and ( min-width: 1201px )       and ( max-width: 1600px ), screen and ( min-width: 1601px ) {
  #fileshare-overview {
    padding-top: 0px;
    margin-top: 0px;
  }
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ) {
  
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  
}
#fileshare-overview .messaging-text {
  margin-top: 100px;
  color: white;
  text-shadow: 1px 1px 5px #000000;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #fileshare-overview .messaging-text {
    margin-top: 20px;
  }
}
#fileshare-overview .head-text {
  font-family: Verdana;
  font-size: 40px;
}
@media screen and ( min-width: 768px ) and ( max-width: 979px ), screen and ( min-width: 980px )    and ( max-width: 1200px ) {
  #fileshare-overview .head-text {
    font-size: 30px;
    margin-top: 20px;
  }
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ) {
  #fileshare-overview .head-text {
    font-size: 24px;
    line-height: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #fileshare-overview .head-text {
    font-size: 18px;
    line-height: 24px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
#fileshare-overview .pillar-text {
  margin-top: 20px;
  font-size: 18px;
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ) {
  #fileshare-overview .pillar-text {
    font-size: 14px;
  }
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #fileshare-overview .pillar-text {
    font-size: 10px;
    display: none;
  }
}
#fileshare-overview .pillar-text > li {
  display: inline-block;
}
#fileshare-overview .service-text {
  font-size: 24px;
  margin-top: 10px;
}
#fileshare-overview .service-text a {
  color: white;
}
#fileshare-overview .service-text .dropbox-icon {
  width: 64px;
  height: 64px;
}
#fileshare-overview .service-text .drive-icon {
  width: 32px;
  height: 32px;
}
@media screen and ( min-width: 768px ) and ( max-width: 979px ), screen and ( min-width: 980px )    and ( max-width: 1200px ) {
  #fileshare-overview .service-text {
    font-size: 20px;
    margin-top: 10px;
  }
  #fileshare-overview .service-text .dropbox-icon {
    width: 48px;
    height: 48px;
  }
  #fileshare-overview .service-text .drive-icon {
    width: 24px;
    height: 24px;
  }
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ) {
  #fileshare-overview .service-text {
    font-size: 14px;
    line-height: 16px;
    margin-top: 5px;
  }
  #fileshare-overview .service-text .dropbox-icon {
    width: 32px;
    height: 32px;
  }
  #fileshare-overview .service-text .drive-icon {
    width: 16px;
    height: 16px;
  }
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #fileshare-overview .service-text {
    font-size: 12px;
    line-height: 14px;
    margin-top: 0px;
  }
  #fileshare-overview .service-text .dropbox-icon {
    width: 32px;
    height: 32px;
  }
  #fileshare-overview .service-text .drive-icon {
    width: 16px;
    height: 16px;
  }
}
#fileshare-overview .backdrop {
  background-size: cover;
  color: white;
  height: 350px;
  padding-top: 40px;
}
@media (max-width: 1024px) and (max-height: 768px) {
  #fileshare-overview .backdrop {
    height: 290px;
  }
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #fileshare-overview .backdrop {
    height: 100px;
    padding-top: 20px;
    width: auto;
  }
}
#fileshare-overview .backdrop-img0 {
  background: url('/r2/img/homepage/background_images1.jpg') no-repeat center center;
  background-size: cover;
}
@media (min-width: 1600px) {
  #fileshare-overview .backdrop-img0 {
    background-size: 100% auto;
  }
}
#fileshare-overview .backdrop-img1 {
  background: url('/r2/img/homepage/background_images2.jpg') no-repeat center center;
  background-size: cover;
}
@media (min-width: 1600px) {
  #fileshare-overview .backdrop-img1 {
    background-size: 100% auto;
  }
}
#fileshare-overview .backdrop-img2 {
  background: url('/r2/img/homepage/background_images2.jpg') no-repeat center center;
  background-size: cover;
}
@media (min-width: 1600px) {
  #fileshare-overview .backdrop-img2 {
    background-size: 100% auto;
  }
}
#fileshare-overview .backdrop-mobile {
  background: url('/r2/img/homepage/background_images0.jpg') no-repeat center;
  background-size: cover;
  height: 100%;
  min-height: 640px;
  top: 0;
}
@media (max-width:640px) and (max-height:385px) {
  #fileshare-overview .backdrop-mobile {
    min-height: 320px;
  }
}
#fileshare-overview .beta-badge {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #da4f49;
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  display: inline-block;
  padding: 4px 12px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  vertical-align: middle;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
#fileshare-overview .lower-overview {
  text-align: center;
  margin-top: 15px;
}
#fileshare-overview .training-options {
  width: 290px;
  display: inline-block;
  border-right: 1 solid lightgrey;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ) {
  #fileshare-overview .training-options {
    border: none;
  }
}
#fileshare-overview .training-options .mfg-message {
  font-size: 18px;
  margin-bottom: 20px;
  text-align: left;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #fileshare-overview .training-options .mfg-message {
    margin-bottom: 0px;
    text-align: center;
  }
}
#fileshare-overview .service-tiles {
  text-align: center;
  padding-bottom: 10px;
}
#fileshare-overview .service-tiles .service-image {
  width: 70px;
  height: 70px;
  margin-right: 15px;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #fileshare-overview .service-tiles .service-image {
    width: 24px;
    height: 24px;
  }
}
#fileshare-overview .service-tiles .training-tile {
  background-color: white;
  padding: 10px;
  height: 80px;
  width: 250px;
  margin-bottom: 10px;
  background-repeat: no-repeat;
  background-position: 25px 20px;
  border: 1px solid lightgrey;
  box-shadow: 1px 1px 5px #f0f0f0;
  transition: background-color 0.25s ease-in-out;
  -moz-transition: background-color 0.25s ease-in-out;
  -webkit-transition: background-color 0.25s ease-in-out;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #fileshare-overview .service-tiles .training-tile {
    margin-bottom: 0px;
    height: 20px;
    border: none;
    border-bottom: 1px solid lightgrey;
    box-shadow: none;
    width: 270px;
  }
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ) {
  #fileshare-overview .service-tiles .training-tile {
    margin-left: auto;
    margin-right: auto;
  }
}
#fileshare-overview .service-tiles .training-tile .click-arrow {
  float: right;
  margin-top: -20px;
  margin-right: 5px;
  font-size: 20px;
  display: none;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #fileshare-overview .service-tiles .training-tile .click-arrow {
    display: inline-block;
    margin-top: -26px;
  }
}
#fileshare-overview .service-tiles .training-tile:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
#fileshare-overview .service-tiles .training-tile:hover .circle {
  cursor: pointer;
  border: 5px solid #497691;
}
#fileshare-overview .service-tiles .training-tile:hover .hover-text {
  opacity: 1;
}
#fileshare-overview .service-tiles .training-icon {
  width: 24px;
  height: 24px;
  background-size: cover;
  display: table-cell;
  margin-right: 10px;
  float: left;
}
#fileshare-overview .service-tiles .training-info {
  display: table-cell;
  text-align: left;
}
#fileshare-overview .service-tiles .title {
  text-align: left;
  font-size: 16px;
  color: black;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #fileshare-overview .service-tiles .title {
    font-size: 14px;
  }
}
#fileshare-overview .service-tiles .title i {
  font-size: 24px;
  color: #537a95;
  margin-right: 5px;
  width: 30px;
  height: 24px;
}
#fileshare-overview .service-tiles .hover-text {
  font-size: 16px;
  color: #497691;
  line-height: 1.2;
  font-weight: 100;
  margin-top: 5px;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  text-align: center;
  transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out;
  opacity: 0;
}
#fileshare-overview .service-tiles .description {
  font-size: 12px;
  line-height: 1.6;
  color: grey;
}
#fileshare-overview .service-tiles .upgrade {
  font-weight: normal;
  font-size: 13px;
  margin-left: 90px;
  margin-top: -25px;
  line-height: 13px;
  color: #e31818;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #fileshare-overview .service-tiles .upgrade {
    margin-left: 150px;
  }
}
#fileshare-overview .service-tiles .learn-more {
  margin-top: 10px;
}
#fileshare-overview .service-tiles .learn-more a {
  font-size: 13px;
  color: #497691;
}
#fileshare-overview .overview-right {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 250px;
  height: 250px;
  text-align: left;
  padding: 10px;
  border: 1px solid lightgrey;
  box-shadow: 1p 1px 5px #f0f0f0;
  margin-left: 15px;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #fileshare-overview .overview-right {
    border: none;
    box-shadow: none;
  }
}
#fileshare-overview .overview-right ul {
  margin: 0;
}
#fileshare-overview .overview-right li {
  font-size: 13px;
  margin-top: 5px;
  padding-left: 1.5em;
  text-indent: -0.7em;
}
#fileshare-overview .overview-right li .title {
  font-size: 16px;
  line-height: 16px;
  font-weight: bold;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #fileshare-overview .overview-right li .title {
    font-size: 14px;
    line-height: 14px;
  }
}
#fileshare-overview .overview-right li .title i {
  margin-right: 5px;
}
.filesharePageTitle {
  font-size: 17px;
  color: #525151;
  font-weight: bold;
  margin: 0px;
}
.sendAreaBackground {
  background-color: #f0f0f0;
  padding: 10px 20px 10px 20px;
}
#sendArea {
  font-size: 13px;
}
#sendArea input[type='radio'] {
  vertical-align: top;
}
#sendArea input[type='checkbox'] {
  vertical-align: bottom;
}
#sendArea input[type='file'] {
  line-height: 0px;
}
#sendButtonArea {
  margin-top: 10px;
}
#edrawingsFrame3D {
  width: 100%;
  height: 515px;
  border: 1px solid #dedede;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  z-index: 8;
}
.toolbar-btn {
  margin-left: 15px;
  font-size: 11px;
  height: 24px;
  color: #336699;
  display: inline-block;
  border-bottom: solid 2px white;
}
.toolbar-btn .fa {
  font-size: 20px;
}
.toolbar-btn:hover {
  text-decoration: none;
  border-bottom: solid 2px #336699;
  cursor: pointer;
  transition: border-color 0.5s ease;
}
.toolbar-btn a:hover {
  text-decoration: none;
}
input[type="checkbox"] {
  margin: 0;
}
.folderListTable {
  width: 100%;
}
.folderListTable .check-box-column {
  width: 25px;
}
.folderListTable .name-icon-column {
  width: 25px;
}
.folderListTable .size-column {
  width: 100px;
}
@media screen and ( min-width: 768px ) and ( max-width: 979px ), screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  .folderListTable .size-column {
    display: none;
  }
}
.folderListTable .updated-column {
  width: 150px;
}
@media screen and ( min-width: 768px ) and ( max-width: 979px ), screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  .folderListTable .updated-column {
    display: none;
  }
}
.folderListTable .action-column {
  width: 150px;
}
.folderListTable table,
tbody,
th,
td {
  border: 0;
  border-color: none;
  padding: 0px;
}
.folderListTable .fa:hover {
  cursor: pointer;
}
.folderListTable .fa {
  font-size: 14px;
  color: #a0a0a0;
}
.folderListTable tr {
  height: 50px;
}
.folderListTable tr:hover {
  background-color: #f0f0f0;
}
.folderListTable tr:hover .fa {
  color: #000000;
}
.folderListTable > tbody > tr > td:first-child {
  padding-left: 10px;
}
.folderListTable > tbody > tr:first-child {
  font-weight: bold;
  background-color: #f0f0f0;
  border-top: groove;
  border-color: white;
  border-bottom: inset;
  border-width: 3px;
}
.folderListTable > tbody > tr {
  border-top: solid 1px #f0f0f0;
  color: #555;
  font-size: 13px;
}
#pageRowAtBottom {
  float: right;
  display: inline-block;
  margin-top: 5px;
  text-align: right;
  padding-top: 5px;
}
#fileshare .ctaPlaceholder {
  height: 138px;
  border: none;
  background-color: transparent;
}
#fileshare .call_to_display {
  margin-left: auto;
  margin-right: auto;
  width: 200px;
  float: none;
}
#fileshare .call_to_display a {
  color: white;
}
#fileshare .cta-btn {
  width: 60%;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20pt;
}
#fileshare .cta-text {
  font-size: 13px;
}
.cloudServices {
  position: absolute;
  width: 200px;
  height: 300px;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  .cloudServices {
    height: 100px;
    width: 100%;
    display: block;
    position: relative;
  }
}
.cloudServices .sidebar-header-tab {
  font-weight: bold;
  background-color: #487590;
  color: white;
  padding: 8px;
  margin-left: 15px;
  margin-right: 75px;
  text-transform: uppercase;
  font-size: 10px;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  .cloudServices .sidebar-header-tab {
    display: inline-block;
    margin: 0px;
    float: left;
    height: 50px;
    line-height: 50px;
  }
}
.cloudServices .sidebar-menu {
  padding: 20px 10px 10px 20px;
  background-color: #f7f7f7;
  height: 200px;
  border-top: 1px solid #969696;
  color: #646464;
  width: 180px;
  margin: 0px;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  .cloudServices .sidebar-menu {
    display: inline-block;
    height: 50px;
    float: left;
    border: 0;
    padding: 0px 0px 0px 10px;
    background-color: white;
  }
}
.cloudServices .unlink {
  font-size: 10px;
  margin-left: 22px;
  position: relative;
  top: -8px;
}
.cloudServices .unlink i {
  font-size: 14px;
}
.cloudServices li {
  margin-bottom: 5px;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  .cloudServices li {
    margin: 0px;
  }
}
.cloudServices a {
  color: #646464;
}
.cloudServices a:hover {
  color: #e31818;
  text-decoration: none;
}
.cloudServices i:hover {
  color: #e31818;
}
.driveTablePadding {
  padding-left: 235px;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  .driveTablePadding {
    padding-left: 0px;
  }
}
.driveTableClass {
  display: block;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  .driveTableClass {
    padding-left: 0px;
  }
}
.driveTableClass .toolBar {
  width: 100%;
  margin-bottom: 10px;
}
.driveTableClass a:hover {
  text-decoration: none;
}
.public-warning {
  font-weight: bold;
  color: red;
  padding-bottom: 13px;
}
#nowebgl-listing-text {
  display: none;
}
#xpress {
  max-width: 850px;
  margin-left: 8%;
  margin-top: 0px;
}
@media screen and ( min-width: 980px )    and ( max-width: 1200px ), screen and ( min-width: 1201px )       and ( max-width: 1600px ), screen and ( min-width: 1601px ) {
  #xpress {
    padding-top: 15px;
  }
}
@media (max-width: 770px) {
  #xpress .cbalign {
    padding-bottom: 11px;
  }
}
#xpress .pageTitle {
  line-height: 35px;
}
@media (max-width: 770px) {
  #xpress .pageTitle {
    line-height: 25px;
    float: left;
    margin-top: 0px;
  }
}
#xpress a:hover {
  cursor: pointer;
}
#xpress .input-group-addon {
  background-color: #eee;
  border-bottom-right-radius: 0;
  border-collapse: separate;
  border-color: #cccccc;
  border-image: none;
  border-style: solid none solid solid;
  border-top-right-radius: 0;
  border-width: 1px 0 1px 1px;
  box-sizing: border-box;
  display: table-cell;
  line-height: 1;
  padding: 6px 12px;
  vertical-align: middle;
  white-space: nowrap;
  width: 1%;
}
#xpress .merged input:first-child {
  border-right: 0px;
}
#xpress .content {
  font-size: 12px;
  color: #333;
  margin-left: 12px;
  max-width: 850px;
  padding-bottom: 60px;
}
#xpress .content .ebookTitle {
  font-size: 17px;
  color: #525151;
  margin-bottom: 15px;
}
#xpress .content img {
  border: 1px solid #c6c6c6;
}
#xpress .content .learnmorecol {
  background-color: #D9EDF7;
}
#xpress .content .successcode {
  background-color: #DFF0D8;
}
#xpress .content .headerlearnmore {
  margin-top: 10px;
}
@media (max-width: 720px) {
  #xpress .content .headerlearnmore {
    display: none;
  }
}
#xpress .content .headersuccess {
  margin-top: 10px;
}
@media (max-width: 720px) {
  #xpress .content .headersuccess {
    width: 80%;
  }
}
#xpress .content .error {
  border: 1px solid #b94a48;
}
#xpress .content .invalserial {
  padding-top: 10px;
  color: #b94a48;
}
#xpress .content .valserial {
  margin-bottom: 10px;
}
#xpress .content :lang(fr) .actionButton {
  font-size: 20px;
}
#xpress .content :lang(en) .actionButton {
  font-size: 10px;
}
@media (max-width: 770px) {
  #xpress .content #xpressImg {
    margin: 5px 0px 10px 0px;
  }
}
#xpress p {
  margin-bottom: 15px;
}
#xpress .form-errors {
  max-width: 850px;
}
#xpress .form-horizontal {
  margin-top: 5px;
}
#xpress .form-horizontal .myswcontrol-label {
  width: 144px;
  padding-right: 19px;
}
@media (max-width: 480px) {
  #xpress .form-horizontal .myswcontrol-label {
    float: left;
    text-align: left;
  }
}
#xpress .form-horizontal .myswcontrol-group {
  margin-bottom: 10px ! important;
}
#xpress .form-horizontal .myswcontrol-text {
  text-align: left;
}
@media (max-width: 480px) {
  #xpress .form-horizontal .myswcontrol-text {
    width: 150px;
  }
}
#xpress .form-horizontal .myswcontrols {
  margin-left: 163px;
}
@media (max-width: 480px) {
  #xpress .form-horizontal .myswcontrols {
    margin-left: 0px;
  }
}
#xpress .form-horizontal .myswcontrols .btnwidth {
  width: 220px;
}
#xpress form {
  font-size: 12px;
  color: #333;
  margin-top: 60px;
}
#xpress form p {
  margin-bottom: 10px;
}
#xpress form label {
  font-size: 12px;
  color: #333;
  cursor: default;
}
#xpress form .divpara {
  width: 112%;
}
@media (max-width: 480px) {
  #xpress form .divpara {
    width: 100%;
  }
}
.meter-wrap {
  position: relative;
  border: 1px solid #adadad;
  border-radius: 5px;
  bottom: 5px;
  width: 140px;
  font-size: 12px;
  margin-top: 8px;
  font-family: '3DSRegular';
}
@media screen and ( max-width: 320px ) {
  .meter-wrap {
    width: 135px;
    font-size: 11px;
  }
}
.meter-wrap,
.meter-value,
.meter-text {
  height: 16px;
}
.meter-value {
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
  background-color: #adadad;
}
.meter-text {
  position: absolute;
  top: -2px;
  left: 0;
  color: black;
  text-align: center;
  width: 100%;
}
.pageTitle {
  margin-bottom: 10px;
  margin-left: 10px;
}
.tile-status {
  margin-left: 20px;
}
#mylearning {
  /*    margin-top: @learningContentMarginTop;
    @media @phonePortrait , @phoneLandscape, @tabletPortrait, @tabletLandscape {
    	margin-top: -30px;
    }

    @media @smallDesktop, @bigScreen, @wideScreen {
        padding-top: 0px;
    }*/

}
#mylearning .backdrop {
  background-size: cover;
  color: white;
  height: 350px;
  padding-top: 40px;
}
@media (max-width: 1024px) and (max-height: 768px) {
  #mylearning .backdrop {
    height: 290px;
  }
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #mylearning .backdrop {
    height: 100px;
    padding-top: 20px;
  }
}
#mylearning .backdrop-img {
  background: url('/r2/img/training-banner-1.jpg') no-repeat center center;
  background-size: cover;
}
@media (min-width: 1600px) {
  #mylearning .backdrop-img {
    background-size: 100% auto;
  }
}
#mylearning .dotted-line {
  margin: 20px;
  text-align: center;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #mylearning .dotted-line {
    display: none;
  }
}
#mylearning .lessontiles {
  margin-left: auto;
  margin-right: auto;
}
#mylearning .lessonsTwo {
  width: 580px;
  display: inline-block;
  margin-bottom: 10px;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ) {
  #mylearning .lessonsTwo {
    width: 260px;
    font-size: 12px;
  }
}
#mylearning .lessonDescription {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 25px;
  width: 800px;
}
@media screen and ( min-width: 768px ) and ( max-width: 979px ) {
  #mylearning .lessonDescription {
    width: 600px;
  }
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ) {
  #mylearning .lessonDescription {
    width: 400px;
  }
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #mylearning .lessonDescription {
    width: 280px;
    font-size: 12px;
    text-align: left;
  }
}
#mylearning .classroom-what-text {
  margin-left: auto;
  margin-right: auto;
  color: white;
  text-align: center;
  width: 800px;
}
@media screen and ( min-width: 768px ) and ( max-width: 979px ) {
  #mylearning .classroom-what-text {
    width: 600px;
  }
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ) {
  #mylearning .classroom-what-text {
    width: 400px;
  }
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #mylearning .classroom-what-text {
    width: 280px;
    font-size: 12px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
  }
}
#mylearning .viewall {
  text-align: right;
  margin-right: 20px;
  display: block;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #mylearning .viewall {
    font-size: 12px;
  }
}
#mylearning.withfilters {
  margin-top: 40px;
}
@media (max-width: 767px) {
  #mylearning.withfilters {
    margin-top: 0px;
  }
}
#mylearning .sortBtn {
  padding-left: 10px;
  padding-right: 10px;
}
#mylearning .noLearningContent {
  font-size: 12px;
  color: #333;
  margin-left: 10px;
}
#mylearning .noAccessLearningContent {
  font-size: 12px;
  color: #333;
  margin-left: 10px;
  margin-top: -40px;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #mylearning .pillar-second-block {
    display: none;
  }
}
#mylearning .pillar-second-block > li {
  padding: 0px;
  text-align: left;
  font-size: 14px;
}
#mylearning .pillar-second-block > li > i {
  font-size: 6px;
  color: white;
  line-height: 20px;
  -webkit-font-smoothing: antialiased;
  text-shadow: 1px 1px 1px #000000;
}
#mylearning .pillar-second-block > li > a {
  color: white;
}
#mylearning .pillar-second-block > li > a i {
  color: white;
}
#mylearning .getstarted {
  font-weight: bold;
}
#mylearning .head {
  color: #ffffff;
  text-align: left;
  font-weight: normal;
  width: 550px;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #mylearning .head {
    width: 100%;
  }
}
@-webkit-keyframes arrow-jump {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -0-transform: translateY(10px);
    transform: translateY(10px);
  }
}
#mylearning #arrow {
  -webkit-animation: arrow-jump 1s infinite;
  /* Safari 4+ */

  -moz-animation: arrow-jump 1s infinite;
  /* Fx 5+ */

  -o-animation: arrow-jump 1s infinite;
  /* Opera 12+ */

  animation: arrow-jump 1s infinite;
  /* IE 10+, Fx 29+ */

}
#mylearning .coming-soon {
  margin-top: 70px;
  float: left;
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ) {
  #mylearning .coming-soon {
    margin-top: 60px;
  }
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #mylearning .coming-soon {
    margin-top: 20px;
    width: 100%;
  }
}
#mylearning .head-title {
  font-size: 32px;
  margin-left: 25px;
  margin-bottom: 15px;
  -webkit-font-smoothing: antialiased;
  text-shadow: 1px 1px 1px #000000;
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ) {
  #mylearning .head-title {
    font-size: 30px;
  }
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #mylearning .head-title {
    margin-top: 10px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
  }
}
#mylearning .actionButton {
  padding-left: 14px;
  padding-right: 14px;
}
#mylearning .actionButton:disabled {
  background: #89aac9;
  border: 1px solid #a9bdcf;
  border-radius: 4px;
  color: #efefef;
  text-align: center;
}
#mylearning .training-banner {
  position: relative;
  background-image: url('/r2/img/training-banner-1.jpg');
  background-size: cover;
  border-bottom: 1px solid #c0c0c0;
  padding-top: 50px;
  background-attachment: scroll, fixed;
  border-top-style: none;
  border-top-width: 2px;
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ) {
  #mylearning .training-banner {
    padding-top: 5px;
  }
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #mylearning .training-banner {
    padding: 0;
  }
}
#mylearning .training-banner2 {
  position: relative;
  background: #499bea;
  background: -moz-radial-gradient(center, ellipse cover, #499bea 0%, #5a5b61 69%, #5a5b61 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #499bea), color-stop(69%, #5a5b61), color-stop(100%, #5a5b61));
  background: -webkit-radial-gradient(center, ellipse cover, #499bea 0%, #5a5b61 69%, #5a5b61 100%);
  background: -o-radial-gradient(center, ellipse cover, #499bea 0%, #5a5b61 69%, #5a5b61 100%);
  background: -ms-radial-gradient(center, ellipse cover, #499bea 0%, #5a5b61 69%, #5a5b61 100%);
  background: radial-gradient(ellipse at center, #499bea 0%, #5a5b61 69%, #5a5b61 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#499bea', endColorstr='#5a5b61', GradientType=1);
  background-size: cover;
  border-bottom: 1px solid #c0c0c0;
  height: 800px;
}
#mylearning .training-banner3 {
  position: relative;
  background-image: url('/r2/img/training-banner-3.jpg');
  background-size: cover;
  height: 350px;
}
#mylearning .training-banner4 {
  position: relative;
  background-image: url('/r2/img/training-banner-4.jpg');
  height: 400px;
  background-size: cover;
}
#mylearning .online-training {
  width: 800px;
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ) {
  #mylearning .online-training {
    width: 80%;
  }
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #mylearning .online-training {
    width: 90%;
  }
}
#mylearning .online-training .title {
  text-align: center;
  color: red;
  font-size: 24px;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ) {
  #mylearning .online-training .title {
    font-size: 20px;
  }
}
#mylearning .online-training .classroom-title {
  text-align: center;
  color: white;
  font-size: 24px;
  margin-top: 90px;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ) {
  #mylearning .online-training .classroom-title {
    margin-top: 50px;
    margin-bottom: 20px;
    font-size: 18px;
  }
}
#mylearning .lessons-button {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #mylearning .lessons-button {
    width: 280px;
    text-align: left;
    font-size: 12px;
  }
}
#mylearning .lessons-button i {
  font-size: 18px;
  margin-right: 5px;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #mylearning .lessons-button a {
    display: block;
    margin-bottom: 10px;
  }
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ) {
  #mylearning .lessons-button {
    margin-left: auto;
    margin-right: auto;
  }
}
#mylearning .lessons-button .separator {
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #mylearning .lessons-button .separator {
    display: none;
  }
}
#mylearning .classroom-links {
  color: white;
}
#mylearning .classroom-links a {
  color: white;
}
#mylearning .classroom-links i {
  color: white;
}
#mylearning .certified-links i {
  color: #336699;
}
#mylearning .banner-filler {
  position: relative;
  background-color: #FFF;
  background-size: cover;
  height: 15px;
  margin-top: 10px;
  margin-bottom: 10px;
}
#mylearning #lessonJump {
  position: absolute;
  top: 320px;
}
@media screen and ( min-width: 768px ) and ( max-width: 979px ) {
  #mylearning #lessonJump {
    top: 280px;
  }
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ) {
  #mylearning #lessonJump {
    top: 400px;
  }
}
#mylearning .lessons-title {
  text-align: center;
  color: #f02d28;
  font-size: 24px;
  margin-bottom: 20px;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ) {
  #mylearning .lessons-title {
    font-size: 18px;
  }
}
#mylearning .lessons-learningpath-title {
  text-align: center;
  font-size: 45px;
  font-family: arial;
  margin-bottom: 30px;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ) {
  #mylearning .lessons-learningpath-title {
    font-size: 20px;
  }
}
#mylearning .display-url {
  float: right;
  margin-top: -10px;
}
#mylearning .training-modules {
  text-align: center;
}
#mylearning .what-text-less-learn-path {
  color: #fff;
  font-size: 28px;
  font-family: arial;
  line-height: 25px;
  text-align: center;
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 80px;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ) {
  #mylearning .what-text-less-learn-path {
    margin-left: 20px;
    margin-right: 20px;
  }
}
#mylearning .lesson-text {
  color: #fff;
  font-size: 22px;
  font-family: arial;
}
#mylearning .learingpath-text {
  color: #fff;
  font-size: 28px;
  font-family: arial;
  padding-top: 100px;
}
.moreOrLessLink {
  color: #55798E;
  font-family: '3DSRegular';
  font-size: 13px;
  cursor: pointer;
}
#summary ul {
  list-style: disc outside none;
}
#ulist {
  list-style: disc outside none;
}
#lesson-content .lessonDetailImage {
  background-size: 100% 100%;
  max-width: 320px;
  width: 100%;
  max-height: 200px;
  position: relative;
  overflow: hidden;
  border: 1px solid #c6c6c6;
  margin-bottom: 10px;
}
#lesson-content,
#learningpath-content {
  /* Media links */

  padding-left: 10px;
  padding-right: 10px;
}
@media screen and (max-width: 320px), screen and (min-width: 321px) and (max-width: 480px), screen and (min-width: 481px) and (max-width: 767px) {
  #lesson-content .lessonMetaDataRight,
  #learningpath-content .lessonMetaDataRight {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  #lesson-content .lessonMetaDataRight,
  #learningpath-content .lessonMetaDataRight {
    display: none;
  }
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #lesson-content .socialmedialink .mysw-fa-2x,
  #learningpath-content .socialmedialink .mysw-fa-2x {
    font-size: larger;
  }
  #lesson-content .socialmedialink .popover-content,
  #learningpath-content .socialmedialink .popover-content {
    padding-top: 16px;
    padding-left: 3px;
    padding-right: 5px;
    padding-bottom: 2px;
  }
}
@media screen and ( min-width: 980px )    and ( max-width: 1200px ), screen and ( min-width: 1201px )       and ( max-width: 1600px ), screen and ( min-width: 1601px ) {
  #lesson-content,
  #learningpath-content {
    padding-top: 5px;
  }
}
#lesson-content .detailsContentSection,
#learningpath-content .detailsContentSection {
  font-size: 12px;
  color: #333;
}
#lesson-content .actionButtonDetail,
#learningpath-content .actionButtonDetail {
  padding: 0px;
  background-color: #428bce;
  border: 1px solid #3e78ab;
  border-radius: 3px;
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  font-size: 13px;
  color: #fff;
  height: 30px;
  padding-left: 8px;
  padding-right: 8px;
  width: 140px;
  vertical-align: middle;
}
#lesson-content .actionButtonDetail i,
#learningpath-content .actionButtonDetail i,
#lesson-content .actionButtonDetail span,
#learningpath-content .actionButtonDetail span {
  vertical-align: inherit;
}
#lesson-content .detailViewAddThisToolbox a,
#learningpath-content .detailViewAddThisToolbox a {
  float: left;
  margin-left: 5px;
  margin-top: -10px;
  margin-bottom: 5px;
}
#lesson-content .detailViewAddThisToolbox a:active,
#learningpath-content .detailViewAddThisToolbox a:active,
#lesson-content .detailViewAddThisToolbox a:focus,
#learningpath-content .detailViewAddThisToolbox a:focus {
  outline: none;
}
#lesson-content .actionButtonPathLessonDetail,
#learningpath-content .actionButtonPathLessonDetail {
  vertical-align: middle;
}
#lesson-content .actionButtonPathLessonDetail i,
#learningpath-content .actionButtonPathLessonDetail i {
  font-size: 24px;
}
#lesson-content .upgradeLessonDetails,
#learningpath-content .upgradeLessonDetails,
#lesson-content .upgradeLearningPathDetails,
#learningpath-content .upgradeLearningPathDetails,
#lesson-content .upgradePathLessonDetails,
#learningpath-content .upgradePathLessonDetails {
  cursor: pointer;
}
#lesson-content .tagbadge,
#learningpath-content .tagbadge {
  padding: 2px 10px 4px 0px;
  margin-bottom: 5px;
}
#lesson-content .pathAnchor,
#learningpath-content .pathAnchor {
  cursor: pointer;
  color: #55798E;
}
.leftMetaTable tr > td,
.rightMetaTable tr > td {
  padding-bottom: 10px;
}
.leftMetaTable .lefttd,
.rightMetaTable .lefttd {
  font-weight: bold;
  vertical-align: top;
  white-space: nowrap;
  text-align: left;
  padding-right: 0px;
}
.leftMetaTable .statusDiv,
.rightMetaTable .statusDiv {
  padding: 5px 0px 5px 0px;
}
.pathLessonsTable th {
  font-weight: bold;
  color: #000;
  text-align: left;
  padding-top: 5px;
  padding-bottom: 4px;
  background-color: #efefef;
  border: 1px solid #a6a6a6;
}
.pathLessonsTable {
  width: 100%;
  overflow-x: auto;
  overflow-y: auto;
}
.pathLessonsTableTopBorder {
  border: 1px solid #a6a6a6;
}
.pathLessonsTable td {
  font-size: 1em;
  height: 10px;
  padding: 10px;
}
.pathLessonsTable td img {
  vertical-align: top;
}
.pathLessonsTable td .pathLessonActionButton {
  padding: 4px 10px 4px 10px;
  background-color: #f5f5f5;
  width: 100px;
}
.pathLessonsTable td .pathLessonsAction {
  text-decoration: none;
}
.pathLessonsTable th {
  padding: 10px;
  color: #000;
  background-color: #efefef;
}
.pathLessonsTable td,
.pathLessonsTable th {
  border: 1px solid #a6a6a6;
}
.lockStatus {
  cursor: default;
  vertical-align: middle;
}
.anchorTitle {
  cursor: pointer;
  vertical-align: middle;
}
.anchorTitle:hover,
.anchorTitle:focus {
  cursor: pointer;
}
.lessonDetailsTable td:first-child {
  text-align: right;
  padding-right: 15px;
}
.lessonDetailsTable td {
  padding-bottom: 5px;
}
.leftRightNav i {
  font-size: 12px;
  color: #336699;
}
.section-label {
  padding-left: 5px;
  padding-top: 2px;
  font-weight: bold;
  font-size: 13px;
  line-height: 32px;
  white-space: nowrap;
}
.section-label span {
  margin-top: 3px;
  display: inline-block;
  line-height: 22px;
  vertical-align: middle;
}
.section-label img {
  margin-top: 3px;
  vertical-align: middle;
}
.removeCancelLesson,
.removeCancelPath {
  float: right;
  width: 155px ;
  padding: 4px 10px 4px 10px;
  background-color: #EBEBEB;
  color: #555;
  font-family: '3DSRegular';
  font-size: 13px;
}
.removeLesson,
.removeLearningpath {
  float: left;
  width: 155px ;
  padding: 4px 10px 4px 10px;
  background-color: #EBEBEB;
  color: #555;
  font-family: '3DSRegular';
  font-size: 13px;
}
.removeLessonIcon,
.removeLearningpathIcon {
  cursor: pointer;
  margin-top: 0px;
  color: #f02d28;
}
.removelessonlink,
.removelearninglink {
  font-size: 12px;
}
.feedItemContainer .removelessonlink,
.feedItemContainer .removelearninglink {
  display: none;
}
.feedItemContainer .removeLessonAction,
.feedItemContainer .removeLearningpathAction,
.feedItemContainer .removeeCourseAction {
  float: right;
}
.feedItemContainer .removeLessonIcon,
.feedItemContainer .removeLearningpathIcon {
  font-size: 17px !important;
}
.feedListItemContainer .removeLessonIcon,
.feedListItemContainer .removeLearningpathIcon {
  margin-top: 0px;
  font-size: 17px !important;
}
.feedListItemContainer .removeLessonAction,
.feedListItemContainer .removeLearningpathAction,
.feedListItemContainer .removeeCourseAction {
  margin-right: 10px;
  padding-left: 20px;
  float: right;
}
@media screen and ( max-width: 320px ) {
  .feedListItemContainer .removeLessonAction,
  .feedListItemContainer .removeLearningpathAction,
  .feedListItemContainer .removeeCourseAction {
    padding-left: 15px;
  }
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  .feedListItemContainer .removelessonlink,
  .feedListItemContainer .removelearninglink {
    display: none;
  }
}
.removelessonlinkdisabled {
  color: #c5c5c5;
  cursor: default;
}
.removeLessonIconDisabled {
  cursor: pointer;
  margin-top: 0px;
  color: #f02d28;
  color: #c5c5c5;
  cursor: default;
}
.lessonStatus {
  font-size: 13px;
  margin-top: 2px;
  font-family: '3DSRegular';
  margin-left: 2px;
}
@media screen and ( max-width: 320px ) {
  .lessonStatus {
    font-size: 12px;
    margin-top: 4px;
  }
}
.training-playable-lang {
  font-size: 10px;
  display: inline-block;
  background-color: #fff;
  padding: 0 2px 1px 3px;
  vertical-align: baseline;
  width: 22px;
  border-radius: 2px;
  border: 1px solid #999;
  color: #333;
  margin: 4px;
}
.training-playable-lang:hover {
  text-decoration: none;
  background-color: #336699;
  color: #fff;
}
#trainingMaster .addButtonDetail,
#trainingPath .addButtonDetail {
  display: inline-block;
  vertical-align: middle;
  color: #336699;
  font-size: 12px;
}
#trainingMaster .addButtonDetail i,
#trainingPath .addButtonDetail i {
  font-size: 18px;
  margin-right: 5px;
}
#trainingMaster .addButtonDetail:hover,
#trainingPath .addButtonDetail:hover {
  cursor: pointer;
}
#trainingPath .path-title {
  margin-top: 20px;
  margin-bottom: 20px;
}
#trainingMaster {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 8px;
  padding-right: 8px;
}
@media screen and ( min-width: 980px )    and ( max-width: 1200px ), screen and ( min-width: 1201px )       and ( max-width: 1600px ), screen and ( min-width: 1601px ) {
  #trainingMaster .container {
    min-width: 840px;
    max-width: 840px;
  }
}
#trainingMaster select {
  margin-bottom: 0px;
  max-width: 100px;
  margin-right: 8px;
}
#trainingMaster .lesson-title {
  margin-bottom: 10px;
}
#trainingMaster .version-lang {
  font-size: 13px;
}
#trainingMaster .lesson-video {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
  border: 1px solid #c6c6c6;
}
#trainingMaster .lesson-detail-image {
  position: relative;
  padding-top: 25px;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 0px;
  overflow: hidden;
}
#trainingMaster .lesson-overlay {
  padding: 25%;
  background: no-repeat center;
  background-size: cover;
}
#trainingMaster .lesson-play {
  background: transparent url('/r2/img/3d_play_button.png') center center no-repeat;
  height: 80px;
  width: 100%;
  cursor: pointer;
}
#trainingMaster .lesson-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#trainingMaster .description {
  font-weight: bold;
  margin-top: 16px;
}
#trainingMaster .lefttd {
  font-weight: bold;
  vertical-align: top;
  white-space: nowrap;
  text-align: left;
  padding-right: 0px;
  width: 100px;
}
#trainingMaster .desc ul li {
  list-style: initial;
}
#trainingMaster .meta {
  margin-left: 0px;
}
#trainingMaster .meta li {
  display: inline;
  list-style-type: none;
  vertical-align: baseline;
}
#trainingMaster .meta li a {
  vertical-align: baseline;
}
#trainingMaster .lessonDetailsTable .righttd {
  padding-left: 15px;
}
#trainingMaster #modal-footer {
  padding: 0px !important;
  border-top: 2px solid #DDD;
}
#trainingMaster #modal-footer .modal-footer-button {
  width: 100% !important;
  padding: 10px 0;
  color: #005686;
  cursor: pointer;
}
#trainingMaster #modal-footer .modal-footer-button-half {
  width: 49% !important;
  float: left;
  text-align: center;
  padding: 10px 0;
  color: #005686;
  cursor: pointer;
}
#trainingMaster .modal {
  position: absolute !important;
  z-index: 1001;
}
#trainingMaster .modal-backdrop {
  position: absolute !important;
  display: block;
  z-index: 1000;
}
#trainingMaster .modal-backgroud {
  position: absolute;
  top: 0;
  z-index: 999;
  background: rgba(51, 51, 51, 0.7);
  height: 100%;
  width: 100%;
}
#trainingMaster .modal.fade,
#trainingMaster .modal.fade.in {
  top: 20%;
  border: 0;
  border-radius: 0px;
  border: 0px;
}
.no-vertical-align {
  vertical-align: baseline;
  font-weight: bold;
}
/* Angular JS CSS */
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  visibility: hidden !important;
}
#activity-page {
  padding-top: 0px;
}
@media screen and ( min-width: 980px )    and ( max-width: 1200px ), screen and ( min-width: 1201px )       and ( max-width: 1600px ), screen and ( min-width: 1601px ) {
  #activity-page {
    padding-top: 130px;
  }
}
@media screen and ( min-width: 980px )    and ( max-width: 1200px ), screen and ( min-width: 1201px )       and ( max-width: 1600px ), screen and ( min-width: 1601px ) {
  .support-container {
    padding-top: 110px;
  }
}
#support-overview {
  position: relative;
  margin-top: 0px;
}
@media screen and ( min-width: 980px )    and ( max-width: 1200px ), screen and ( min-width: 1201px )       and ( max-width: 1600px ), screen and ( min-width: 1601px ) {
  #support-overview {
    padding-top: 0px;
    margin-top: 0px;
  }
}
#support-overview .messaging-text {
  margin-top: 100px;
  color: white;
  -webkit-font-smoothing: antialiased;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #support-overview .messaging-text {
    margin-top: 0px;
  }
}
#support-overview .head-text {
  font-family: Verdana;
  font-size: 32px;
}
@media screen and ( min-width: 768px ) and ( max-width: 979px ), screen and ( min-width: 980px )    and ( max-width: 1200px ) {
  #support-overview .head-text {
    font-size: 30px;
    margin-top: 20px;
  }
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ) {
  #support-overview .head-text {
    font-size: 24px;
    line-height: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #support-overview .head-text {
    font-size: 18px;
    line-height: 24px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
#support-overview .pillar-text {
  margin-top: 20px;
  font-size: 18px;
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ) {
  #support-overview .pillar-text {
    font-size: 14px;
  }
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #support-overview .pillar-text {
    font-size: 10px;
    display: none;
  }
}
#support-overview .pillar-text > li {
  display: inline-block;
  line-height: 22px;
}
#support-overview .backdrop {
  background-size: cover;
  color: white;
  height: 350px;
  padding-top: 40px;
}
@media (max-width: 1024px) and (max-height: 768px) {
  #support-overview .backdrop {
    height: 290px;
  }
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #support-overview .backdrop {
    height: 100px;
    padding-top: 20px;
  }
}
#support-overview .backdrop-img0 {
  background: url('/r2/img/homepage/background_images0.jpg') no-repeat center center;
  background-size: cover;
}
@media (min-width: 1600px) {
  #support-overview .backdrop-img0 {
    background-size: 100% auto;
  }
}
#support-overview .backdrop-img1 {
  background: url('/r2/img/homepage/background_images1.jpg') no-repeat center center;
  background-size: cover;
}
@media (min-width: 1600px) {
  #support-overview .backdrop-img1 {
    background-size: 100% auto;
  }
}
#support-overview .backdrop-img2 {
  background: url('/r2/img/homepage/background_images2.jpg') no-repeat center center;
  background-size: cover;
}
@media (min-width: 1600px) {
  #support-overview .backdrop-img2 {
    background-size: 100% auto;
  }
}
#support-overview .backdrop-mobile {
  background: url('/r2/img/homepage/background_images0.jpg') no-repeat center;
  background-size: cover;
  height: 100%;
  min-height: 640px;
  top: 0;
}
@media (max-width:640px) and (max-height:385px) {
  #support-overview .backdrop-mobile {
    min-height: 320px;
  }
}
#support-overview .lower-overview {
  text-align: center;
  margin-top: 25px;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #support-overview .lower-overview {
    margin-top: 0px;
  }
}
#support-overview .support-options {
  width: 550px;
  display: inline-block;
  border-right: 1px solid lightgrey;
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ) {
  #support-overview .support-options {
    width: 550px;
    border: none;
  }
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #support-overview .support-options {
    width: 320px;
    border: none;
  }
}
#support-overview .service-tiles {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
#support-overview .service-tiles .support-tile {
  background-color: white;
  padding: 10px;
  width: 260px;
  height: 105px;
  margin-bottom: 10px;
  background-repeat: no-repeat;
  background-position: 25px 20px;
  border: 1px solid lightgrey;
  box-shadow: 1px 1px 5px #f0f0f0;
  transition: background-color 0.25s ease-in-out;
  -moz-transition: background-color 0.25s ease-in-out;
  -webkit-transition: background-color 0.25s ease-in-out;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #support-overview .service-tiles .support-tile {
    margin-bottom: 0px;
    height: 40px;
    border: none;
    border-bottom: 1px solid lightgrey;
    box-shadow: none;
  }
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ) {
  #support-overview .service-tiles .support-tile {
    margin-left: auto;
    margin-right: auto;
  }
}
#support-overview .service-tiles .support-tile .click-arrow {
  float: right;
  margin-top: -20px;
  margin-right: 5px;
  font-size: 20px;
  display: none;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #support-overview .service-tiles .support-tile .click-arrow {
    display: inline-block;
  }
}
#support-overview .service-tiles .support-tile:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
#support-overview .service-tiles .support-tile:hover .circle {
  cursor: pointer;
  border: 5px solid #497691;
}
#support-overview .service-tiles .support-tile:hover .hover-text {
  opacity: 1;
}
#support-overview .service-tiles .training-icon {
  margin-right: 10px;
}
#support-overview .service-tiles .training-info {
  display: table-cell;
  text-align: left;
}
#support-overview .service-tiles .title {
  text-align: left;
  font-size: 14px;
  color: black;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #support-overview .service-tiles .title {
    font-size: 14px;
  }
}
#support-overview .service-tiles .title-icon {
  font-size: 24px;
  color: #537a95;
  margin-right: 5px;
  width: 30px;
  height: 24px;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #support-overview .service-tiles .title-icon {
    font-size: 20px;
    height: 20px;
    width: 20px;
    margin-right: 10px;
    text-align: center;
  }
}
#support-overview .service-tiles .external-link {
  font-size: 12px;
  margin-left: 10px;
  color: black;
}
#support-overview .service-tiles .sub-title {
  text-align: left;
  font-size: 14px;
  color: grey;
  font-weight: 100;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out;
}
#support-overview .service-tiles .hover-text {
  font-size: 16px;
  color: #497691;
  line-height: 1.2;
  font-weight: 100;
  margin-top: 5px;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  text-align: center;
  transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out;
  opacity: 0;
}
#support-overview .service-tiles .description {
  font-size: 14px;
  color: grey;
  padding-top: 5px;
  padding-bottom: 2px;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #support-overview .service-tiles .description {
    display: none;
  }
}
#support-overview .service-tiles .learn-more {
  margin-top: 10px;
}
#support-overview .service-tiles .learn-more a {
  font-size: 13px;
  color: #497691;
}
#support-overview .overview-lower {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
  position: relative;
  display: table;
}
@media screen and ( min-width: 1201px )       and ( max-width: 1600px ) {
  
}
@media screen and ( min-width: 1601px ) {
  
}
#support-overview .overview-right {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 230px;
  height: 313px;
  text-align: left;
  border: 1px solid lightgrey;
  box-shadow: 1px 1px 5px #f0f0f0;
  padding: 10px;
  margin-left: 15px;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #support-overview .overview-right {
    display: none;
  }
}
@media screen and ( min-width: 768px ) and ( max-width: 979px ) {
  #support-overview .overview-right {
    margin: 0px;
    width: 515px;
    margin-left: -13px;
    height: 195px;
  }
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ) {
  #support-overview .overview-right {
    margin: 0px;
    width: 240px;
    margin-left: auto;
    margin-right: auto;
  }
}
#support-overview .overview-right .title {
  font-size: 13px;
  line-height: 14px;
  margin-top: 5px;
  padding-top: 5px;
  padding-left: 1.5em;
  text-indent: -0.6em;
}
#support-overview .overview-right .title i {
  margin-right: 5px;
}
#support-overview .overview-right .head-support-news {
  font-size: 16px;
  font-weight: bold;
  text-alignment: left;
}
#support-overview .rss-box {
  height: 250px;
  background-color: white;
  padding: 10px;
  border: 1px solid #e1e0e0;
  background-color: #fff;
  -moz-box-shadow: 0px 2px 2px #d1d1d1;
  -webkit-box-shadow: 0px 2px 2px #d1d1d1;
  box-shadow: 0px 2px 2px #d1d1d1;
}
#support-overview .page-divider {
  width: 100%;
  border-bottom: solid 1px #d1d1d1;
  margin-top: 10px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
}
.tableDiv {
  padding: 30px;
  background-color: white;
}
/* pricing table css for marketing pages */
@media screen and ( min-width: 980px )    and ( max-width: 1200px ), screen and ( min-width: 1201px )       and ( max-width: 1600px ), screen and ( min-width: 1601px ) {
  #account-levels {
    margin-top: 0px;
    padding-top: 20px;
  }
}
#account-levels .account-banner {
  background: url('/r2/img/img_accounts_background.png') no-repeat;
  padding-top: 20px;
  padding-left: 30px;
  padding-right: 20px;
  color: white;
  font-family: Arial;
  height: 125px;
}
#account-levels .account-level-title {
  font-size: 30px;
  font-weight: bold;
  line-height: 36px;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ) {
  #account-levels .account-level-title {
    font-size: 24px;
    line-height: 28px;
  }
}
#account-levels .account-level-message {
  font-size: 16px;
  font-weight: normal;
  line-height: 22px;
  margin-top: 8px;
  margin-bottom: 20px;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ) {
  #account-levels .account-level-message {
    font-size: 14px;
    line-height: 16px;
  }
}
#account-levels .account-level-message .marketing-content-wrapper {
  border: 1px solid;
  border-color: #d7d5d5;
}
#account-levels #create {
  padding: 30px;
}
#account-levels #create .innertextans {
  margin-top: -10px;
}
#account-levels .account-pricing {
  margin-left: 25px;
  margin-right: 30px;
}
#account-levels .PricingTable {
  margin: 5px;
  padding: 0px;
  width: 100%;
  border-left: 1px solid #e4e4e4 ;
  border-right: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  border: solid #e4e4e4;
}
#account-levels .PricingTable a {
  text-decoration: none;
}
#account-levels .PricingTable a span i {
  color: white;
  margin-right: 5px;
}
#account-levels .acct-btn {
  font-size: 12px;
  padding: 2px 16px;
}
#account-levels .PricingTable td i {
  font-size: 18px;
  color: #239de8;
}
#account-levels .PricingTable td:first-child i {
  font-size: 11px;
  color: #557A94;
  margin-right: 5px;
}
#account-levels .PricingTable table {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
}
#account-levels .PricingTable tr:nth-child(odd) {
  background-color: #ffffff;
}
#account-levels .PricingTable tr:nth-child(even) {
  background-color: #f7f7f7;
}
#account-levels .PricingTable td {
  vertical-align: middle;
  border: 1px solid #d8ddd2;
  border-width: 0px 1px 1px 0px;
  text-align: center;
  padding: 10px 5px 10px 5px;
  font-size: 14px;
  font-family: Arial;
  font-weight: normal;
  color: #414141;
  width: 120px;
  min-width: 120px;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ) {
  #account-levels .PricingTable td {
    min-width: 50px;
    width: 50px;
  }
}
#account-levels .PricingTable td:first-child {
  width: 450px;
  padding: 10px 5px 10px 20px;
  text-indent: -7px;
  text-align: left;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ) {
  
}
#account-levels .PricingTable tr:last-child td {
  border-width: 0px 1px 0px 0px;
}
#account-levels .PricingTable tr td:last-child {
  border-width: 0px 0px 1px 0px;
}
#account-levels .PricingTable tr:last-child td:last-child {
  border-width: 0px 0px 0px 0px;
}
#account-levels .PricingTable tr:first-child td {
  background-color: #c0c0c0;
  border: 0px solid #d8ddd2;
  text-align: left;
  border-width: 0px 0px 1px 1px;
  font-size: 16px;
  font-family: Arial;
  font-weight: bold;
  color: #ffffff;
}
#account-levels .PricingTable tr:first-child td:first-child {
  border-width: 0px 0px 1px 0px;
}
#account-levels .PricingTable tr:first-child td:last-child {
  border-width: 0px 0px 1px 1px;
}
#account-levels .pricingInfo tr {
  background-color: white !important;
}
#account-levels .pricingInfo td {
  border-style: none;
  color: #557A94;
  font-weight: bold;
}
#account-levels .pricingsignup tr:first-child td {
  background: #ffffff !important;
  background: #ffffff!important;
  background: #ffffff;
  background-color: #ffffff;
  text-align: left;
  font-size: 14px;
  font-family: Arial;
  font-weight: bold;
  color: #ffffff;
  border-style: none;
}
#account-levels .boldtext {
  font-weight: bold;
  line-height: 20px;
  vertical-align: top;
}
#account-levels .faqheadertext {
  font-size: 16px;
  line-height: 24px;
  color: #557A94;
}
#account-levels .innertextans {
  font-size: 14px;
  font-weight: Normal;
  line-height: 20px;
  color: #414141;
  margin-left: 0px;
}
#account-levels .PricingTableHeader {
  margin-bottom: 5px;
  padding: 0px;
  width: 100%;
  border-left: 1px solid #e4e4e4 ;
  border-right: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  border: solid #e4e4e4;
  border: none;
  background-color: white;
  border-collapse: collapse;
}
#account-levels .tableHeader {
  font-size: 14px;
  color: #557A94;
  font-weight: bold;
  text-align: center;
  vertical-align: top;
}
#account-levels .price {
  font-size: 13px;
  color: black;
  text-align: center;
  vertical-align: top;
}
#account-levels .marketing-content-wrapper {
  border: 1px solid;
  border-color: #d7d5d5;
  background-color: #ffffff;
  width: 100%;
  max-width: 970px;
  margin-left: auto;
  margin-right: auto;
}
#account-levels .accountBanner {
  background-image: url("/r2/img/background-upgrade-account.jpg");
  padding-top: 20px;
  padding-left: 30px;
  padding-right: 20px;
  color: white;
  font-family: Arial;
  height: 125px;
}
#account-levels .accountBanner h1 {
  font-size: 30px;
  font-weight: bold;
  line-height: 36px;
}
#account-levels .accountBanner p {
  font-size: 16px;
  font-weight: normal;
  line-height: 22px;
  margin-top: 8px;
  margin-bottom: 20px;
}
#mfg {
  margin-top: 0px;
}
@media screen and ( min-width: 980px )    and ( max-width: 1200px ), screen and ( min-width: 1201px )       and ( max-width: 1600px ), screen and ( min-width: 1601px ) {
  #mfg {
    padding-top: 10px;
  }
}
#mfg .sub-heading {
  margin-left: 12px;
  margin-top: 5px;
  margin-bottom: 15px;
}
#mfg .container {
  margin-left: 12px;
  margin-right: 12px;
}
#mfg .content {
  margin-left: 12px;
  margin-right: 12px;
  padding-bottom: 60px;
}
#mfg p {
  margin-bottom: 15px;
  font-size: 12px;
  margin-left: 10px;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #mfg .detailsTable {
    table-layout: fixed;
    word-wrap: break-word;
  }
}
#mfg .detailsTable th {
  padding-bottom: 5px;
  font-size: 12px;
}
#mfg .detailsTable td {
  padding-bottom: 5px;
  font-size: 12px;
}
#mfg .form-errors {
  max-width: 850px;
}
#mfg .quote-page {
  padding-left: 20px;
  padding-right: 20px;
}
#mfg .myswcontrol-label {
  width: 156px;
  padding-right: 10px;
  font-size: 12px;
  font-weight: normal;
}
#mfg .form-horizontal {
  margin-top: 30px;
}
#mfg .form-horizontal .myswcontrol-group {
  margin-bottom: 5px ! important;
}
#mfg .form-horizontal .myswcontrol-groupwithouthelpblock {
  margin-bottom: 15px ! important;
}
#mfg .form-horizontal .myswcontrol-text {
  padding-top: 4px;
  text-align: left;
}
#mfg .form-horizontal .myswcheckbox.inline {
  display: inline-block;
  padding-top: 1px;
  margin-bottom: 0px;
  vertical-align: middle;
  font-weight: normal;
  width: 250px;
}
#mfg .form-horizontal .myswcheckbox.inline input {
  margin-right: 5px;
}
#mfg .form-horizontal .myswcheckbox-nosplit.inline {
  display: inline-block;
  padding-top: 1px;
  margin-bottom: 0px;
  vertical-align: middle;
  font-weight: normal;
  width: 120px;
}
#mfg .form-horizontal .myswcheckbox-nosplit.inline input {
  margin-right: 5px;
}
#mfg .form-horizontal .checkbox.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0px;
  vertical-align: middle;
  font-weight: normal;
}
#mfg .form-horizontal .myswradio {
  font-weight: normal;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ) {
  #mfg .form-horizontal .myfieldset:disabled {
    opacity: 1;
  }
}
#mfg .actionButton {
  padding-left: 14px;
  padding-right: 14px;
}
#mfg .actionButton:disabled {
  background: #89aac9;
  border: 1px solid #a9bdcf;
  border-radius: 4px;
  color: #efefef;
  text-align: center;
}
#mfg .popover-hover-div {
  margin-left: -12px;
  margin-top: 4px;
}
#mfg .poppver-div {
  margin-top: -18px;
  font-size: 11px;
}
#mfg .myswfa-question-circle {
  color: #0086CE;
  font-size: 14px;
  margin-top: -6px;
  cursor: pointer;
}
#mfg .textarea {
  resize: none;
}
#mfg form {
  font-size: 12px;
  color: #333;
  margin-top: 60px;
}
#mfg form p {
  margin-bottom: 10px;
}
#mfg form label {
  font-size: 12px;
  color: #333;
  font-weight: bold;
  cursor: default;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ) {
  #mfg-overview {
    margin-top: 0px;
  }
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #mfg-overview .lower-section {
    display: none;
  }
}
#mfg-overview a {
  text-decoration: none;
}
#mfg-overview .mfg-mobile {
  display: none;
  margin-top: 15px;
}
#mfg-overview .mfg-mobile a {
  color: black;
  font-weight: 700;
}
#mfg-overview .mfg-mobile i {
  font-size: 24px;
  margin-right: 5px;
}
#mfg-overview .mfg-mobile .row-menu {
  padding: 10px;
  border-bottom: 1px solid lightgrey;
  width: 320px;
  margin-left: auto;
  margin-right: auto;
}
#mfg-overview .mfg-mobile .row-menu img {
  width: 25px;
  height: 25px;
  margin-right: 10px;
}
#mfg-overview .mfg-mobile .row-menu .row-arrow {
  float: right;
}
#mfg-overview .mfg-mobile .row-menu:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #mfg-overview .mfg-mobile {
    display: block;
  }
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #mfg-overview .mfg-desktop {
    display: none;
  }
}
#mfg-overview .mfg-modules {
  padding-top: 30px;
  padding-bottom: 30px;
  color: #000000;
  font-size: 18px;
  vertical-align: bottom;
  text-align: center;
  font-weight: 100;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ) {
  #mfg-overview .mfg-modules {
    font-size: 16px;
  }
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #mfg-overview .mfg-modules {
    text-align: left;
    padding-top: 15px;
    margin-left: 15px;
    margin-right: 15px;
    color: #537a95;
  }
}
#mfg-overview .mfg-modules a {
  color: #55798e;
}
#mfg-overview .mfg-modules .action-link {
  margin-bottom: 30px;
  height: 200px;
  text-align: center;
  padding-top: 30px;
  color: #303030;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ) {
  #mfg-overview .mfg-modules .action-link {
    margin-bottom: 50px;
  }
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #mfg-overview .mfg-modules .action-link {
    padding-bottom: 10px;
    padding-top: 10px;
    margin: 0;
    border-bottom: 1px solid lightgrey;
  }
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #mfg-overview .mfg-modules .action-link:hover {
    background-color: #f0f0f0;
  }
}
#mfg-overview .mfg-modules .action-box {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
#mfg-overview .mfg-modules .action-text {
  display: inline-block;
  vertical-align: top;
  padding-right: 20px;
  font-size: 14px;
  width: 40%;
}
#mfg-overview .mfg-modules .action-icon {
  font-size: 48px;
  margin-left: 5px;
  margin-bottom: 10px;
  color: #000000;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #mfg-overview .mfg-modules .action-icon {
    font-size: 20px;
    margin-right: 10px;
    height: 20px;
    width: 20px;
    text-align: center;
    display: inline;
  }
}
#mfg-overview .mfg-modules .title {
  font-size: 24px;
  margin-bottom: 30px;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ) {
  #mfg-overview .mfg-modules .title {
    font-size: 18px;
    margin-bottom: 20px;
  }
}
#mfg-overview .mfg-modules .mfg-role {
  color: #537a95;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #mfg-overview .mfg-modules .mfg-role {
    display: none;
    color: black;
    font-weight: 700;
    font-size: 14px;
  }
}
#mfg-overview .mfg-modules .click-arrow {
  float: right;
  margin-right: 5px;
  font-size: 20px;
  color: black;
  display: none;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #mfg-overview .mfg-modules .click-arrow {
    display: inline;
  }
}
#mfg-overview .mfg-modules .mfg-action {
  width: 150px;
  height: 40px;
  background-color: white;
  border-color: #000000;
  color: #000000;
  font-size: 14px;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #mfg-overview .mfg-modules .mfg-action {
    display: none;
  }
}
#mfg-overview .mfg-modules .mfg-action:hover {
  background-color: #000000;
  color: white;
}
#mfg-overview .mfg-modules a .click-arrow i {
  color: black;
}
#mfg-overview .mfg-modules a.mfg-action:hover button {
  background-color: #000000;
  color: white;
}
#mfg-overview .mfg-modules .mfg-featured {
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
}
#mfg-overview .mfg-modules .mfg-logo {
  display: inline;
  float: left;
  padding-right: 30px;
  width: 225px;
  margin-left: 20px;
}
#mfg-overview .mfg-modules .mfg-logo img {
  border: 1px solid grey;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ) {
  #mfg-overview .mfg-modules .mfg-logo {
    width: 200px;
    padding-right: 0px;
    margin-left: 20px;
  }
  #mfg-overview .mfg-modules .mfg-logo img {
    width: 75%;
  }
}
#mfg-overview .mfg-modules .mfg-detail {
  margin-left: 280px;
  margin-right: 20px;
  text-align: left;
  font-size: 14px;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ) {
  #mfg-overview .mfg-modules .mfg-detail {
    margin-left: 220px;
  }
}
#mfg-overview .mfg-modules .mfg-name {
  font-size: 20px;
  color: black;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ) {
  #mfg-overview .mfg-modules .mfg-name {
    font-size: 16px;
  }
}
#mfg-overview .mfg-modules .mfg-description {
  font-size: 14px;
  color: #333;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ) {
  #mfg-overview .mfg-modules .mfg-description {
    display: none;
  }
}
#mfg-overview .mfg-modules .divider {
  height: 1px;
  border-top: 1px solid #c0c0c0;
  margin-top: 15px;
  margin-bottom: 15px;
}
#mfg-overview .pillar-text {
  margin: 20px 0 0 0;
  line-height: 2;
  font-size: 18px;
  -webkit-font-smoothing: antialiased;
  text-shadow: 2px 2px 3px #000000;
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ) {
  #mfg-overview .pillar-text {
    font-size: 14px;
  }
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #mfg-overview .pillar-text {
    font-size: 10px;
    display: none;
  }
}
#mfg-overview .pillar-text > li {
  display: inline-block;
}
#mfg-overview .pillar-text > li > i {
  font-size: 6px;
  color: #f02d08;
}
#mfg-overview .banner-second {
  background-repeat: no-repeat;
  height: 240px;
  background-size: contain;
  position: relative;
  background-image: url('/r2/img/mfg-featured-banner.jpg');
  text-align: left //height:300px;;
}
@media (max-width: 1024px) and (max-height: 768px) {
  #mfg-overview .banner-second {
    height: 230px;
  }
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ) {
  #mfg-overview .banner-second {
    height: 140px;
  }
}
#mfg-overview .banner-middle {
  position: relative;
  background-image: url('/r2/img/homepage/banner1_1800x500.jpg');
  background-size: cover;
  height: 400px;
  margin-top: 20px;
}
#mfg-overview .dot {
  font-size: 8px;
  color: #f02d08;
  margin-right: 10px;
}
#mfg-overview .backdrop {
  background-size: cover;
  color: white;
  height: 350px;
  padding-top: 40px;
}
@media (max-width: 1024px) and (max-height: 768px) {
  #mfg-overview .backdrop {
    height: 290px;
  }
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ) {
  #mfg-overview .backdrop {
    height: 300px;
  }
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #mfg-overview .backdrop {
    height: 65px;
  }
}
#mfg-overview .banner {
  position: relative;
  background-image: url('/r2/img/mfg-banner-1.jpg');
  background-position: 20% 30%;
  background-size: cover;
  border-bottom: 1px solid #c0c0c0;
  padding-top: 30px;
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ) {
  #mfg-overview .banner {
    padding-top: 5px;
  }
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #mfg-overview .banner {
    padding: 0;
  }
}
#mfg-overview .coming-soon {
  margin-top: 70px;
  float: left;
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ) {
  #mfg-overview .coming-soon {
    margin-top: 60px;
  }
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #mfg-overview .coming-soon {
    margin-top: 20px;
    width: 100%;
  }
}
#mfg-overview .coming-soon .head {
  color: #ffffff;
  text-align: left;
  font-weight: normal;
  width: 600px;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ) {
  #mfg-overview .coming-soon .head {
    width: 90%;
  }
}
#mfg-overview .coming-soon .head-title {
  font-size: 32px;
  margin-left: 25px;
  margin-bottom: 15px;
  -webkit-font-smoothing: antialiased;
  text-shadow: 1px 1px 1px #000000;
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ) {
  #mfg-overview .coming-soon .head-title {
    font-size: 30px;
  }
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #mfg-overview .coming-soon .head-title {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
  }
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #mfg-overview .coming-soon .pillar-second-block {
    display: none;
  }
}
#mfg-overview .coming-soon .pillar-second-block > li {
  padding: 0px;
  text-align: left;
  font-size: 14px;
}
#mfg-overview .coming-soon .pillar-second-block > li > i {
  font-size: 6px;
  color: white;
  line-height: 20px;
  -webkit-font-smoothing: antialiased;
  text-shadow: 1px 1px 1px #000000;
}
#mfg-overview .coming-soon .pillar-second-block > li > a {
  color: white;
}
#mfg-overview .coming-soon .pillar-second-block > li > a i {
  color: white;
}
#mfg-overview .coming-soon .getstarted {
  font-weight: bold;
}
#mfg-overview .mfg-circle {
  background-repeat: no-repeat;
  background-position: 50%;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  border: 5px solid white;
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ) {
  #mfg-overview .mfg-circle {
    height: 75px;
    width: 75px;
  }
}
#mfg-overview .mfg-category {
  background-color: #313d45;
  text-align: center;
  height: 240px;
}
#mfg-overview .mfg-category a {
  color: white;
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ) {
  #mfg-overview .mfg-category {
    height: 200px;
  }
}
#mfg-overview .category-button {
  text-align: center;
  color: white;
  display: inline-block;
  padding: 20px 60px;
  font-size: 14px;
}
@media screen and ( min-width: 768px ) and ( max-width: 979px ) {
  #mfg-overview .category-button {
    padding: 20px;
  }
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ) {
  #mfg-overview .category-button {
    padding: 5px;
  }
}
#mfg-overview .leading-image {
  float: left;
  width: 140px;
  margin-right: 20px;
  margin-left: 10px;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #mfg-overview .leading-image {
    display: none;
  }
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ), screen and ( min-width: 980px )    and ( max-width: 1200px ) {
  #mfg-overview .leading-image {
    width: 100px;
    margin-right: 10px;
  }
}
#mfg-overview .resister-text {
  margin-left: 10px;
}
#mfg-overview .resister-text .quote {
  margin-top: 5px;
  white-space: nowrap;
  font-size: 15px;
  overflow: hidden;
}
@media screen and ( max-width: 320px ) {
  #mfg-overview .resister-text .quote {
    font-size: 12px;
  }
}
@media screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 980px )    and ( max-width: 1200px ) {
  #mfg-overview .resister-text .quote {
    font-size: 13px;
  }
}
@media screen and ( min-width: 768px ) and ( max-width: 979px ) {
  #mfg-overview .resister-text .quote {
    font-size: 10px;
  }
}
#mfg-overview .resister-text .title {
  font-weight: bold;
  font-size: 15px;
}
#mfg-overview .link {
  margin-left: 20px;
  margin-top: 20px;
  font-size: 15px;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #mfg-overview .link {
    margin-left: 0px;
    margin-top: 10px;
  }
}
@media screen and ( min-width: 980px )    and ( max-width: 1200px ) {
  #mfg-overview .link {
    font-size: 13px;
  }
}
@media screen and ( min-width: 768px ) and ( max-width: 979px ) {
  #mfg-overview .link {
    font-size: 11px;
  }
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ) {
  #mfg-overview .link {
    margin-top: 10px;
  }
}
#costingMaster .costing-font {
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}
#costingMaster .action-link {
  font-size: 14px !important;
  color: #005686 !important;
}
#costingMaster .float-right {
  float: right !important;
  margin-left: 5px !important;
}
#costingMaster #basicModal {
  display: none;
}
#costingMaster .costing-input {
  width: 450px;
}
#costingMaster .width-250 {
  max-width: 250px;
}
#costingMaster .max-width-200 {
  max-width: 150px !important;
}
#costingMaster .required-message {
  border-color: #eed3d7;
  color: #b94a48;
}
#costingMaster .lefttd {
  text-align: right !important;
}
#costingMaster .text-align-left {
  text-align: left !important;
}
#costingMaster .modal {
  text-align: center;
}
@media screen and (min-width: 768px) {
  #costingMaster .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}
#costingMaster .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
#costingMaster .modal.fade.in {
  border: 1px solid #000;
  border-radius: 0;
  top: 20% !important;
  transition: opacity 0.3s linear 0s, top 0s linear 0s;
}
#costingMaster .modal.fade,
#costingMaster .modal.fade.in {
  top: 20% !important;
}
#costingMaster .modal {
  width: 480px !important;
}
#costingMaster .modal-footer {
  text-align: right !important;
}
#costingMaster .modal-content {
  margin-top: 15px !important;
}
#costingMaster .red-color {
  color: #ff0000;
}
#costingMaster .btn-default {
  border: 2px solid #0099cc !important;
}
#costingMaster .gray-out {
  color: gray !important;
}
#costingMaster .rectangle-box {
  border: 1px solid #0099cc;
  padding: 10px;
}
#listCostingTemplate .table-hover tbody tr:hover td,
#listCostingTemplate .table-hover tbody tr:hover th {
  background-color: transparent;
}
#listCostingTemplate .data-color {
  color: #333 !important;
  font-size: 13px;
}
#listCostingTemplate #costingtemplate table tbody tr td {
  color: #ddddd !important;
}
@media screen and (min-width: 480px) {
  #listCostingTemplate #desktop_view {
    display: block;
  }
  #listCostingTemplate #mobile_view {
    display: none;
  }
  #listCostingTemplate #desktop_view .fa-trash:hover,
  #listCostingTemplate #desktop_view .fa-edit:hover,
  #listCostingTemplate #desktop_view .fa-download:hover {
    color: #000;
  }
  #listCostingTemplate #desktop_view .borderless td {
    border-top: 0 !important;
    border: none !important;
  }
  #listCostingTemplate #desktop_view .left-td {
    width: 22%;
    padding-left: 20px !important;
    color: #333;
    font-size: 13px;
    font-weight: bold;
  }
  #listCostingTemplate #desktop_view table.one {
    position: relative;
    float: left;
    width: 100%;
    border: 1px solid #dddddd;
  }
  #listCostingTemplate #desktop_view table.two {
    height: 100% !important;
    width: 70%;
    border: 1px solid #dddddd;
  }
  #listCostingTemplate #desktop_view table {
    height: 100% !important;
  }
  #listCostingTemplate #desktop_view .align-center {
    text-align: center !important;
    vertical-align: inherit;
  }
  #listCostingTemplate #desktop_view .mfg-icon-middle {
    border-top: 1px solid #dddddd !important;
    border-bottom: 1px solid #dddddd !important;
  }
  #listCostingTemplate #desktop_view .table td {
    border-top: 0 solid #dddddd;
  }
  #listCostingTemplate #desktop_view .top-margin-upload {
    margin-top: 0px !important;
  }
  #listCostingTemplate #desktop_view .left-table {
    width: 90%;
    padding-right: 0px;
  }
  #listCostingTemplate #desktop_view .right-table {
    width: 10%;
    padding-left: 0px;
  }
}
@media screen and (max-width: 480px) {
  #listCostingTemplate #desktop_view {
    display: none;
  }
  #listCostingTemplate #mobile_view {
    display: block;
  }
  #listCostingTemplate #mobile_view .all-border {
    border: 1px solid #dddddd !important;
  }
  #listCostingTemplate #mobile_view .borderless td {
    border-top: 0 !important;
    border: none;
  }
  #listCostingTemplate #mobile_view .alert {
    width: inherit !important;
    margin: 12px !important;
  }
  #listCostingTemplate #mobile_view .left-td {
    padding-left: 15px !important;
    color: #333;
    font-size: 13px;
    font-weight: bold;
  }
}
/* Angular JS CSS */
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  visibility: hidden !important;
}
.modal-backdrop.fade.in {
  opacity: 0.5 !important;
}
@media screen and ( min-width: 980px )    and ( max-width: 1200px ), screen and ( min-width: 1201px )       and ( max-width: 1600px ), screen and ( min-width: 1601px ) {
  #eval {
    padding-top: 0px !important;
  }
}
#eval .backdrop {
  background-size: cover;
  background-position: 30% 60%;
  color: white;
  height: 410px;
}
@media (max-width: 1024px) and (max-height: 768px) {
  
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ) {
  #eval .backdrop {
    height: 470px;
    padding-top: 20px;
  }
}
#eval .backdrop2 {
  background-size: cover;
  color: white;
  height: 400px;
}
@media (max-width: 1024px) and (max-height: 768px) {
  
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #eval .backdrop2 {
    height: 100px;
    padding-top: 20px;
  }
}
#eval .backdrop-img {
  background: url('/r2/img/swotc_landing_page_active_bgrd.jpg') no-repeat center center;
  background-size: cover;
  background-color: #00477E;
}
@media (min-width: 1600px) {
  #eval .backdrop-img {
    background-size: 100% auto;
  }
}
#eval .beta-backdrop-img {
  background: url('/r2/img/Beta-bannerblue-loggedin.jpg') no-repeat center center;
  background-size: cover;
  background-color: #00477E;
  background-position: 50% 100%;
}
@media (min-width: 1600px) {
  #eval .beta-backdrop-img {
    background-size: 100% auto;
  }
}
#eval .backdrop-img2 {
  background: url('/r2/img/swotc_banner_girl_laptop.jpg') no-repeat center center;
  background-size: cover;
}
@media (min-width: 1600px) {
  #eval .backdrop-img2 {
    background-size: 100% auto;
  }
}
#eval .beta-backdrop-img-expired {
  background: url('/r2/img/Beta_Banner_background_nologgedin.jpg') no-repeat center center;
  background-size: cover;
  background-position: 50% 100%;
  padding-top: 30px;
  background-color: #424141;
}
@media (min-width: 1600px) {
  #eval .beta-backdrop-img-expired {
    background-size: 100% auto;
  }
}
#eval .beta-backdrop-img-expired .head {
  padding-top: 25px;
}
#eval .beta-backdrop-img-notloggedin {
  background: url('/r2/img/Beta_banner_blue_nocomputer.jpg') no-repeat center center;
  background-size: cover;
  background-position: 50% 100%;
  padding-top: 30px;
  background-color: #424141;
}
@media (min-width: 1600px) {
  #eval .beta-backdrop-img-notloggedin {
    background-size: 100% auto;
  }
}
#eval .beta-backdrop-img-notloggedin .head {
  padding-top: 25px;
}
#eval .backdrop-img-notloggedin {
  background: url('/r2/img/swotc_banner_not_loggedin.jpg') no-repeat center center;
  background-size: cover;
  background-position: 50% 10%;
  padding-top: 30px;
  background-color: #424141;
}
@media (min-width: 1600px) {
  #eval .backdrop-img-notloggedin {
    background-size: 100% auto;
  }
}
#eval .backdrop-img-notloggedin .head {
  padding-top: 25px;
}
.eval-test-drive {
  float: right;
  width: 650px;
  padding: 40px 130px 83px 75px;
}
.Container {
  width: 100%;
}
.main {
  margin-left: 0px;
}
.center {
  float: none;
  margin-left: auto;
  margin-right: auto;
}
.previewMf2Container {
  width: 100%;
}
.main {
  margin-left: 0px;
}
#clock1 {
  vertical-align: top;
}
.eval-tile {
  background-color: white;
  padding: 10px;
  margin-bottom: 10px;
  background-repeat: no-repeat;
  background-position: 25px 20px;
  border: 1px solid lightgrey;
  box-shadow: 1px 1px 5px #f0f0f0;
  transition: background-color 0.25s ease-in-out;
  -moz-transition: background-color 0.25s ease-in-out;
  -webkit-transition: background-color 0.25s ease-in-out;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  .eval-tile {
    margin-bottom: 0px;
    border: none;
    border-bottom: 1px solid lightgrey;
    box-shadow: none;
  }
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ) {
  .eval-tile {
    margin-left: auto;
    margin-right: auto;
  }
}
.vertop {
  vertical-align: top;
}
.borderGray1 {
  border: 1px solid #d3d3d3;
}
.alinkwhite {
  color: #fff;
}
#eval_main_content {
  width: 1024px;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ) {
  #eval_main_content {
    width: auto;
  }
}
#eval_main_content_inner {
  background-color: #f0f0f0;
  padding: 30px;
  border: 1px solid #c0c0c0;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ) {
  #eval_main_content_inner {
    width: auto;
    margin: 0 0 0 0;
  }
}
#eval_main_content_inner .fa-circle {
  font-size: 8px;
  margin-right: 5px;
}
.eval_note {
  font-size: 10px;
  margin: 10px 0 0 0;
}
@media screen and (max-width: 320px), screen and (min-width: 321px) and (max-width: 480px) {
  #eval .head {
    width: 100%;
  }
}
#eval .head-title {
  font-size: 25px;
  margin-left: 25px;
  line-height: 27px;
  margin-bottom: 15px;
  -webkit-font-smoothing: antialiased;
  text-shadow: 1px 1px 1px #000000;
}
@media screen and (min-width: 481px) and (max-width: 767px), screen and (min-width: 768px) and (max-width: 979px) {
  #eval .head-title {
    font-size: 25px;
  }
}
@media screen and (max-width: 320px), screen and (min-width: 321px) and (max-width: 480px) {
  #eval .head-title {
    margin-top: 10px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
  }
}
#dialog-eval-indicator p {
  font-weight: 600;
  margin-bottom: 2.5em;
  padding-left: 1.25em;
}
#dialog-eval-indicator .modal-body ul li {
  margin-bottom: 1.5em;
  padding-left: 1.25em;
  text-indent: -0.5em;
}
#dialog-eval-indicator .modal-body ul li:nth-child(1):before {
  content: "\2022";
  position: relative;
  left: -0.75em;
  color: #22c25a;
}
#dialog-eval-indicator .orange {
  display: inline-block;
  width: 5px;
  height: 5px;
  background-color: orange;
  position: relative;
  left: -0.75em;
  border-radius: 50%;
}
#dialog-eval-indicator .orange {
  color: #f5a623 !important;
  border-radius: 50%;
}
#dialog-eval-indicator .small-text {
  padding-left: 12px;
}
.modal-header {
  position: relative;
  padding: 0.75em 1.5em;
  background: #eef1f3 !important;
  border-radius: 2px 2px 0 0;
}
.modal-title {
  margin-bottom: 0;
  font-size: 20px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
  color: #000000;
}
#swopt-launch {
  padding-left: 40px;
}
@media screen and ( min-width: 1201px )       and ( max-width: 1600px ) {
  #swopt-launch {
    padding-left: 30px;
  }
}
@media screen and ( min-width: 980px )    and ( max-width: 1200px ), screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ) {
  #swopt-launch {
    padding-left: 25px;
  }
}
@media screen and ( min-width: 980px )    and ( max-width: 1200px ) {
  #swopt-launch a {
    content: "Launch";
  }
}
.swopt-btngrp {
  padding-top: 15px;
}
.swopt-market-head h3 {
  padding-bottom: 10px;
}
@media screen and ( min-width: 1201px )       and ( max-width: 1600px ) {
  .swopt-market-head h3 {
    font-size: 19.5px;
    line-height: 30px;
  }
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ), screen and ( min-width: 980px )    and ( max-width: 1200px ) {
  .swopt-market-head h3 {
    font-size: 17.5px;
    line-height: 30px;
  }
}
.swopt-market-head .head {
  color: #ffffff;
  text-align: left;
  font-weight: normal;
  padding-top: 50px;
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ) {
  .swopt-market-head .head {
    padding-top: 25px;
  }
}
.swopt-market-head {
  padding-left: 106px;
}
@media screen and ( min-width: 980px )    and ( max-width: 1200px ) {
  .swopt-market-head {
    width: 50% !important;
    padding-left: 50px;
  }
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ) {
  .swopt-market-head {
    width: 36% !important;
    padding-left: 33px;
  }
}
.swopt-player {
  float: right;
}
#swopt-launch-select {
  text-align: center;
  background-color: #DEDDDD;
  height: 200px;
}
#swopt-launch-select .content {
  padding-top: 37px;
}
.swopt-launch-text {
  color: #4C4C4C;
  font-size: 20px !important;
  text-align: center;
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ), screen and ( min-width: 980px )    and ( max-width: 1200px ) {
  .swopt-launch-text {
    font-size: 18px !important;
    padding-top: 20px;
  }
}
.swopt-market-text {
  list-style: inherit;
}
.swopt-market-text > li {
  line-height: 30px;
  color: #D6DFE9;
  font-family: sans-serif !important;
  font-size: 18px !important;
  padding-top: 15px !important;
}
@media screen and ( min-width: 980px )    and ( max-width: 1200px ), screen and ( min-width: 1201px )       and ( max-width: 1600px ) {
  .swopt-market-text > li {
    line-height: 30px;
    font-size: 16px !important;
    padding-left: 30px;
    padding-top: 10px !important;
  }
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ) {
  .swopt-market-text > li {
    line-height: 25px;
    font-size: 14px !important;
    padding-left: 30px;
    padding-top: 10px !important;
  }
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  .pillar-second-block {
    display: none;
  }
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ) {
  .pillar-second-block .message {
    display: none;
  }
}
.pillar-second-block > li {
  padding: 0px;
  text-align: left;
  font-size: 14px;
}
.pillar-second-block > li > i {
  font-size: 6px;
  color: white;
  line-height: 20px;
  -webkit-font-smoothing: antialiased;
  text-shadow: 1px 1px 1px #000000;
}
.pillar-second-block > li > a {
  color: white;
}
.pillar-second-block > li > a i {
  color: white;
}
.pillar-second-block > li > p {
  font-size: 18px;
  line-height: 1.0em;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  .pillar-second-block2 {
    display: none;
  }
}
.pillar-second-block2 > li {
  padding: 0px;
  text-align: left;
  font-size: 16px;
  white-space: nowrap;
  width: 400px;
}
.pillar-second-block2 > li > i {
  font-size: 26px;
  color: white;
  line-height: 20px;
  padding: 10px;
  -webkit-font-smoothing: antialiased;
  text-shadow: 1px 1px 1px #000000;
}
.pillar-second-block2 > li > a {
  color: white;
}
.pillar-second-block2 > li > a i {
  color: white;
}
.getstarted {
  font-weight: bold;
}
.banner-filler {
  position: relative;
  background-color: #FFF;
  background-size: cover;
  height: 5px;
  margin-top: 0px;
  margin-bottom: 0px;
}
#swotc_trial_wrapper {
  text-align: center;
  background: url('/r2/img/swotc_macbookpro_grayedout.png') no-repeat;
  width: 460px;
  height: 347px;
}
#embed-container-noplay {
  margin: 15px 0 0 0;
  padding: 30px 0 0 0;
}
#swotc-no-play {
  text-align: center;
  background: url('/r2/img/swotc_macbookpro_noplay.png') no-repeat;
  width: 460px;
  height: 347px;
}
#indicator {
  position: relative;
  display: inline-block;
  width: 6px;
  height: 6px;
  cursor: pointer;
  padding-left: 5px;
  color: #005686;
}
.eval-category {
  background-color: #fff;
  text-align: center;
  height: 240px;
  padding-bottom: 45px;
  padding-top: 15px;
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ) {
  .eval-category {
    height: 200px;
  }
}
.category-button {
  text-align: center;
  display: inline-block;
  padding: 15px 60px;
  font-size: 14px;
}
@media screen and ( min-width: 768px ) and ( max-width: 979px ) {
  .category-button {
    padding: 20px;
  }
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ) {
  .category-button {
    padding: 5px;
  }
}
.category-button-demos {
  text-align: center;
  display: inline-block;
  padding: 40px;
  font-size: 14px;
}
@media screen and ( min-width: 768px ) and ( max-width: 979px ) {
  .category-button-demos {
    padding: 20px;
  }
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ) {
  .category-button-demos {
    padding: 5px;
  }
}
.eval-circle {
  background-repeat: no-repeat;
  background-position: 50%;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  margin-left: auto;
  margin-right: auto;
  border: 5px solid white;
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ) {
  .eval-circle {
    height: 75px;
    width: 75px;
  }
}
.eval-square {
  background-repeat: no-repeat;
  background-position: 50%;
  border-radius: 0%;
  width: 200px;
  height: 200px;
  margin-left: auto;
  margin-right: auto;
  border: 5px solid white;
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ) {
  .eval-square {
    height: 75px;
    width: 75px;
  }
}
#b0 {
  display: none;
}
#embed-container {
  margin: 50px 0 0 0;
  padding: 30px 0 0 0;
}
#loading {
  width: 100%;
}
.marginLeft {
  margin-right: 30px;
}
#warning {
  font-size: 16px;
}
#Gen {
  width: 100px;
  height: 100px;
  float: right;
  margin: 20px 0 0 0;
  padding: 0 0 0 0;
  position: relative;
  top: 50px;
  right: 180px;
  -webkit-transform: scale(0.6);
}
.block {
  -moz-border-radius: 8px 8px 0px 0px;
  -webkit-border-radius: 8px 8px 0px 0px;
  background-color: #efefef;
  height: 36px;
  width: 15px;
  float: left;
  -webkit-transform: scale(0.4);
  -webkit-animation-name: fade;
  -webkit-animation-duration: 0.7s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: linear;
}
#rotate_01 {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  margin-left: 1px;
  margin-top: 30px;
  -webkit-animation-delay: .3s;
}
#rotate_02 {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  margin-left: -5px;
  margin-top: 3px;
  -webkit-animation-delay: 0.4s;
}
#rotate_03 {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  margin-left: 12px;
  margin-top: -8px;
  -webkit-animation-delay: 0.5s;
}
#rotate_04 {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  margin-left: 14px;
  margin-top: 3px;
  -webkit-animation-delay: 0.6s;
}
#rotate_05 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  margin-left: -4px;
  margin-top: 30px;
  -webkit-animation-delay: 0.7s;
}
#rotate_06 {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  margin-left: 68px;
  margin-top: -8px;
  -webkit-animation-delay: 0.8s;
}
#rotate_07 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  margin-left: -43px;
  margin-top: 2px;
  -webkit-animation-delay: 0.9s;
}
#rotate_08 {
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  margin-left: -72px;
  margin-top: -8px;
  -webkit-animation-delay: 1s;
}
@-webkit-keyframes fade {
  0% {
    background-color: #333;
  }
  100% {
    background-color: #efefef;
  }
}
.eval-lang-drop {
  width: auto;
  height: 35px;
  font-family: '3DSSemibold', Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 32px;
  text-align: center;
  color: #fff !important;
  font-weight: normal;
  text-transform: uppercase;
  border: 1px solid #666;
  border-radius: 3px;
  padding: 0 20px;
  cursor: pointer;
  background-color: #005686;
  box-shadow: 0px 4px 10px #505243;
  margin-top: 20px;
}
.eval-launch-button {
  color: #fff;
  font-family: '3DSSemibold', Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  width: auto;
  height: 27px;
  font-weight: normal;
  line-height: 25px;
  text-align: center;
  box-shadow: 0px 4px 10px #505243;
  margin-top: 20px;
}
.eval-lang-drop .caret {
  margin-top: 11px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #fff;
}
.eval-btn-grp .dropdown-menu {
  text-align: left;
  min-width: 135px;
}
/*************** beta css start ********************/
.beta-sw-text {
  padding-top: 45px;
  padding-left: 10px;
}
.beta-faq-text {
  padding-left: 10px;
}
.beta-faq-pg-text {
  text-align: left;
  font-family: sans-serif;
  font-weight: 900 !important;
  color: gray !important;
}
.beta-faq-readnow {
  padding-left: 10px;
  padding-top: 30px;
  float: left;
}
.beta-feedback-text {
  font-family: sans-serif;
  font-size: 20px;
  font-weight: 400;
}
.beta-modal {
  display: none;
  padding: 10px;
  height: 620px;
  width: 610px;
}
.beta-text-left {
  text-align: left;
}
.beta-expired-link-text {
  line-height: 1px;
  color: white;
  text-decoration: underline;
  vertical-align: initial;
}
.beta-expired-li {
  line-height: 1px;
  color: white;
  text-decoration: underline;
}
.beta-notloggedin {
  font-size: 16px;
  font-family: inherit;
  font-weight: bold;
  line-height: 36px;
}
.swopt-market-head-noaccess {
  padding-left: 100px;
}
@media screen and ( min-width: 980px )    and ( max-width: 1200px ) {
  .swopt-market-head-noaccess {
    width: 60% !important;
    padding-left: 60px;
  }
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ) {
  .swopt-market-head-noaccess {
    width: 46% !important;
    padding-left: 45px;
  }
}
.swopt-market-head-noaccess span.underline {
  text-decoration: underline;
}
.swopt-market-head-noaccess h3 {
  padding-bottom: 10px;
}
@media screen and ( min-width: 1201px )       and ( max-width: 1600px ) {
  .swopt-market-head-noaccess h3 {
    font-size: 19.5px;
    line-height: 30px;
  }
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ), screen and ( min-width: 980px )    and ( max-width: 1200px ) {
  .swopt-market-head-noaccess h3 {
    font-size: 17.5px;
    line-height: 30px;
  }
}
.swopt-market-head-noaccess .head {
  color: #424242;
  text-align: left;
  font-weight: normal;
  font-family: sans-serif;
  padding-top: 50px;
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ) {
  .swopt-market-head-noaccess .head {
    padding-top: 25px;
  }
}
.beta-backdrop-img-notloggedin .head {
  color: #fff;
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ) {
  .beta-pro-btn {
    margin-top: 10px;
    margin-left: -5px !important;
  }
}
.beta-eval-circle {
  background-repeat: no-repeat;
  background-position: 50%;
  width: 250px;
  height: 335px;
  margin-left: auto;
  margin-right: auto;
  border: 5px solid white;
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ) {
  .beta-eval-circle {
    height: 75px;
    width: 75px;
  }
}
.beta-eval-category {
  background: url('/r2/img/Grid-banner-background.jpg') no-repeat;
  background-size: 100%;
  background-position: 50% 100%;
  text-align: center;
  height: 410px;
}
#beta-swotc-no-play {
  text-align: center;
  background: url('/r2/img/solidworks_beta_2017.png') no-repeat;
  width: 460px;
  height: 347px;
}
#beta-embed-container-noplay {
  padding-left: 100px;
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ), screen and ( min-width: 980px )    and ( max-width: 1200px ) {
  #beta-embed-container-noplay {
    padding-left: 0px;
  }
}
#beta-embed-container-expired {
  padding-left: 50px;
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ), screen and ( min-width: 980px )    and ( max-width: 1200px ) {
  #beta-embed-container-expired {
    padding-left: 0px;
  }
}
#beta-swotc-not-loggedin-computer {
  text-align: center;
  background: url('/r2/img/beta-computer-angle.png') no-repeat;
  width: 625px;
  height: 385px;
}
#beta-swotc-expired-computer {
  text-align: center;
  background: url('/r2/img/beta-desktop-monitor-2017.png') no-repeat;
  width: 625px;
  height: 385px;
}
/************************end ***********************/#draganddropdiv {
  height: 100px;
  width: 100px;
  border: 2px dotted black;
  margin: 5px;
  background-color: red;
}
#upload-bar {
  display: none;
}
#upload-submit {
  display: none;
}
#filename {
  display: none;
}
#error-default h3 {
  color: #878787;
}
#error-default .error-overview {
  padding: 5px 40px;
}
#error-default .alert-danger {
  background-color: #f2dede !important;
  border-color: #ebccd1 !important;
  margin: 15px 0;
  padding: 10px;
  border-radius: 5px;
}
#error-default .alert-danger .alert-text {
  font-weight: bold;
  vertical-align: top !important;
}
#error-default .error-head {
  float: left;
  font-weight: bold;
  width: 100%;
  margin: 15px 0;
}
#error-default .error-list {
  float: left;
  margin: 0 15px;
}
#error-default .error-list ul {
  margin: 0 !important;
}
#error-default .error-list ul li {
  list-style: initial;
}
#error-default .error-list ul li a {
  color: #3A6E80;
  vertical-align: top !important;
  font-weight: bold;
}
#error-default .error-list ul li a:hover {
  color: #3A6E00;
}
.meter-wrap {
  position: relative;
  border: 1px solid #adadad;
  border-radius: 5px;
  bottom: 5px;
  width: 140px;
  font-size: 12px;
  margin-top: 8px;
  font-family: '3DSRegular';
}
@media screen and ( max-width: 320px ) {
  .meter-wrap {
    width: 135px;
    font-size: 11px;
  }
}
.meter-wrap,
.meter-value,
.meter-text {
  height: 16px;
}
.meter-value {
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
  background-color: #adadad;
}
.meter-text {
  position: absolute;
  top: -2px;
  left: 0;
  color: black;
  text-align: center;
  width: 100%;
}
.pageTitle {
  margin-bottom: 10px;
  margin-left: 10px;
}
.tile-status {
  margin-left: 20px;
}
#mylearning {
  /*    margin-top: @learningContentMarginTop;
    @media @phonePortrait , @phoneLandscape, @tabletPortrait, @tabletLandscape {
    	margin-top: -30px;
    }

    @media @smallDesktop, @bigScreen, @wideScreen {
        padding-top: 0px;
    }*/

}
#mylearning .backdrop {
  background-size: cover;
  color: white;
  height: 350px;
  padding-top: 40px;
}
@media (max-width: 1024px) and (max-height: 768px) {
  #mylearning .backdrop {
    height: 290px;
  }
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #mylearning .backdrop {
    height: 100px;
    padding-top: 20px;
  }
}
#mylearning .backdrop-img {
  background: url('/r2/img/training-banner-1.jpg') no-repeat center center;
  background-size: cover;
}
@media (min-width: 1600px) {
  #mylearning .backdrop-img {
    background-size: 100% auto;
  }
}
#mylearning .dotted-line {
  margin: 20px;
  text-align: center;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #mylearning .dotted-line {
    display: none;
  }
}
#mylearning .lessontiles {
  margin-left: auto;
  margin-right: auto;
}
#mylearning .lessonsTwo {
  width: 580px;
  display: inline-block;
  margin-bottom: 10px;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ) {
  #mylearning .lessonsTwo {
    width: 260px;
    font-size: 12px;
  }
}
#mylearning .lessonDescription {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 25px;
  width: 800px;
}
@media screen and ( min-width: 768px ) and ( max-width: 979px ) {
  #mylearning .lessonDescription {
    width: 600px;
  }
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ) {
  #mylearning .lessonDescription {
    width: 400px;
  }
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #mylearning .lessonDescription {
    width: 280px;
    font-size: 12px;
    text-align: left;
  }
}
#mylearning .classroom-what-text {
  margin-left: auto;
  margin-right: auto;
  color: white;
  text-align: center;
  width: 800px;
}
@media screen and ( min-width: 768px ) and ( max-width: 979px ) {
  #mylearning .classroom-what-text {
    width: 600px;
  }
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ) {
  #mylearning .classroom-what-text {
    width: 400px;
  }
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #mylearning .classroom-what-text {
    width: 280px;
    font-size: 12px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
  }
}
#mylearning .viewall {
  text-align: right;
  margin-right: 20px;
  display: block;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #mylearning .viewall {
    font-size: 12px;
  }
}
#mylearning.withfilters {
  margin-top: 40px;
}
@media (max-width: 767px) {
  #mylearning.withfilters {
    margin-top: 0px;
  }
}
#mylearning .sortBtn {
  padding-left: 10px;
  padding-right: 10px;
}
#mylearning .noLearningContent {
  font-size: 12px;
  color: #333;
  margin-left: 10px;
}
#mylearning .noAccessLearningContent {
  font-size: 12px;
  color: #333;
  margin-left: 10px;
  margin-top: -40px;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #mylearning .pillar-second-block {
    display: none;
  }
}
#mylearning .pillar-second-block > li {
  padding: 0px;
  text-align: left;
  font-size: 14px;
}
#mylearning .pillar-second-block > li > i {
  font-size: 6px;
  color: white;
  line-height: 20px;
  -webkit-font-smoothing: antialiased;
  text-shadow: 1px 1px 1px #000000;
}
#mylearning .pillar-second-block > li > a {
  color: white;
}
#mylearning .pillar-second-block > li > a i {
  color: white;
}
#mylearning .getstarted {
  font-weight: bold;
}
#mylearning .head {
  color: #ffffff;
  text-align: left;
  font-weight: normal;
  width: 550px;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #mylearning .head {
    width: 100%;
  }
}
@-webkit-keyframes arrow-jump {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -0-transform: translateY(10px);
    transform: translateY(10px);
  }
}
#mylearning #arrow {
  -webkit-animation: arrow-jump 1s infinite;
  /* Safari 4+ */

  -moz-animation: arrow-jump 1s infinite;
  /* Fx 5+ */

  -o-animation: arrow-jump 1s infinite;
  /* Opera 12+ */

  animation: arrow-jump 1s infinite;
  /* IE 10+, Fx 29+ */

}
#mylearning .coming-soon {
  margin-top: 70px;
  float: left;
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ) {
  #mylearning .coming-soon {
    margin-top: 60px;
  }
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #mylearning .coming-soon {
    margin-top: 20px;
    width: 100%;
  }
}
#mylearning .head-title {
  font-size: 32px;
  margin-left: 25px;
  margin-bottom: 15px;
  -webkit-font-smoothing: antialiased;
  text-shadow: 1px 1px 1px #000000;
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ) {
  #mylearning .head-title {
    font-size: 30px;
  }
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #mylearning .head-title {
    margin-top: 10px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
  }
}
#mylearning .actionButton {
  padding-left: 14px;
  padding-right: 14px;
}
#mylearning .actionButton:disabled {
  background: #89aac9;
  border: 1px solid #a9bdcf;
  border-radius: 4px;
  color: #efefef;
  text-align: center;
}
#mylearning .training-banner {
  position: relative;
  background-image: url('/r2/img/training-banner-1.jpg');
  background-size: cover;
  border-bottom: 1px solid #c0c0c0;
  padding-top: 50px;
  background-attachment: scroll, fixed;
  border-top-style: none;
  border-top-width: 2px;
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ) {
  #mylearning .training-banner {
    padding-top: 5px;
  }
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #mylearning .training-banner {
    padding: 0;
  }
}
#mylearning .training-banner2 {
  position: relative;
  background: #499bea;
  background: -moz-radial-gradient(center, ellipse cover, #499bea 0%, #5a5b61 69%, #5a5b61 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #499bea), color-stop(69%, #5a5b61), color-stop(100%, #5a5b61));
  background: -webkit-radial-gradient(center, ellipse cover, #499bea 0%, #5a5b61 69%, #5a5b61 100%);
  background: -o-radial-gradient(center, ellipse cover, #499bea 0%, #5a5b61 69%, #5a5b61 100%);
  background: -ms-radial-gradient(center, ellipse cover, #499bea 0%, #5a5b61 69%, #5a5b61 100%);
  background: radial-gradient(ellipse at center, #499bea 0%, #5a5b61 69%, #5a5b61 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#499bea', endColorstr='#5a5b61', GradientType=1);
  background-size: cover;
  border-bottom: 1px solid #c0c0c0;
  height: 800px;
}
#mylearning .training-banner3 {
  position: relative;
  background-image: url('/r2/img/training-banner-3.jpg');
  background-size: cover;
  height: 350px;
}
#mylearning .training-banner4 {
  position: relative;
  background-image: url('/r2/img/training-banner-4.jpg');
  height: 400px;
  background-size: cover;
}
#mylearning .online-training {
  width: 800px;
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ), screen and ( min-width: 768px ) and ( max-width: 979px ) {
  #mylearning .online-training {
    width: 80%;
  }
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #mylearning .online-training {
    width: 90%;
  }
}
#mylearning .online-training .title {
  text-align: center;
  color: red;
  font-size: 24px;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ) {
  #mylearning .online-training .title {
    font-size: 20px;
  }
}
#mylearning .online-training .classroom-title {
  text-align: center;
  color: white;
  font-size: 24px;
  margin-top: 90px;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ) {
  #mylearning .online-training .classroom-title {
    margin-top: 50px;
    margin-bottom: 20px;
    font-size: 18px;
  }
}
#mylearning .lessons-button {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #mylearning .lessons-button {
    width: 280px;
    text-align: left;
    font-size: 12px;
  }
}
#mylearning .lessons-button i {
  font-size: 18px;
  margin-right: 5px;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #mylearning .lessons-button a {
    display: block;
    margin-bottom: 10px;
  }
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ) {
  #mylearning .lessons-button {
    margin-left: auto;
    margin-right: auto;
  }
}
#mylearning .lessons-button .separator {
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #mylearning .lessons-button .separator {
    display: none;
  }
}
#mylearning .classroom-links {
  color: white;
}
#mylearning .classroom-links a {
  color: white;
}
#mylearning .classroom-links i {
  color: white;
}
#mylearning .certified-links i {
  color: #336699;
}
#mylearning .banner-filler {
  position: relative;
  background-color: #FFF;
  background-size: cover;
  height: 15px;
  margin-top: 10px;
  margin-bottom: 10px;
}
#mylearning #lessonJump {
  position: absolute;
  top: 320px;
}
@media screen and ( min-width: 768px ) and ( max-width: 979px ) {
  #mylearning #lessonJump {
    top: 280px;
  }
}
@media screen and ( min-width: 481px )  and ( max-width: 767px ) {
  #mylearning #lessonJump {
    top: 400px;
  }
}
#mylearning .lessons-title {
  text-align: center;
  color: #f02d28;
  font-size: 24px;
  margin-bottom: 20px;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ) {
  #mylearning .lessons-title {
    font-size: 18px;
  }
}
#mylearning .lessons-learningpath-title {
  text-align: center;
  font-size: 45px;
  font-family: arial;
  margin-bottom: 30px;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ) {
  #mylearning .lessons-learningpath-title {
    font-size: 20px;
  }
}
#mylearning .display-url {
  float: right;
  margin-top: -10px;
}
#mylearning .training-modules {
  text-align: center;
}
#mylearning .what-text-less-learn-path {
  color: #fff;
  font-size: 28px;
  font-family: arial;
  line-height: 25px;
  text-align: center;
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 80px;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ) {
  #mylearning .what-text-less-learn-path {
    margin-left: 20px;
    margin-right: 20px;
  }
}
#mylearning .lesson-text {
  color: #fff;
  font-size: 22px;
  font-family: arial;
}
#mylearning .learingpath-text {
  color: #fff;
  font-size: 28px;
  font-family: arial;
  padding-top: 100px;
}
.moreOrLessLink {
  color: #55798E;
  font-family: '3DSRegular';
  font-size: 13px;
  cursor: pointer;
}
#summary ul {
  list-style: disc outside none;
}
#ulist {
  list-style: disc outside none;
}
#lesson-content .lessonDetailImage {
  background-size: 100% 100%;
  max-width: 320px;
  width: 100%;
  max-height: 200px;
  position: relative;
  overflow: hidden;
  border: 1px solid #c6c6c6;
  margin-bottom: 10px;
}
#lesson-content,
#learningpath-content {
  /* Media links */

  padding-left: 10px;
  padding-right: 10px;
}
@media screen and (max-width: 320px), screen and (min-width: 321px) and (max-width: 480px), screen and (min-width: 481px) and (max-width: 767px) {
  #lesson-content .lessonMetaDataRight,
  #learningpath-content .lessonMetaDataRight {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  #lesson-content .lessonMetaDataRight,
  #learningpath-content .lessonMetaDataRight {
    display: none;
  }
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #lesson-content .socialmedialink .mysw-fa-2x,
  #learningpath-content .socialmedialink .mysw-fa-2x {
    font-size: larger;
  }
  #lesson-content .socialmedialink .popover-content,
  #learningpath-content .socialmedialink .popover-content {
    padding-top: 16px;
    padding-left: 3px;
    padding-right: 5px;
    padding-bottom: 2px;
  }
}
@media screen and ( min-width: 980px )    and ( max-width: 1200px ), screen and ( min-width: 1201px )       and ( max-width: 1600px ), screen and ( min-width: 1601px ) {
  #lesson-content,
  #learningpath-content {
    padding-top: 5px;
  }
}
#lesson-content .detailsContentSection,
#learningpath-content .detailsContentSection {
  font-size: 12px;
  color: #333;
}
#lesson-content .actionButtonDetail,
#learningpath-content .actionButtonDetail {
  padding: 0px;
  background-color: #428bce;
  border: 1px solid #3e78ab;
  border-radius: 3px;
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  font-size: 13px;
  color: #fff;
  height: 30px;
  padding-left: 8px;
  padding-right: 8px;
  width: 140px;
  vertical-align: middle;
}
#lesson-content .actionButtonDetail i,
#learningpath-content .actionButtonDetail i,
#lesson-content .actionButtonDetail span,
#learningpath-content .actionButtonDetail span {
  vertical-align: inherit;
}
#lesson-content .detailViewAddThisToolbox a,
#learningpath-content .detailViewAddThisToolbox a {
  float: left;
  margin-left: 5px;
  margin-top: -10px;
  margin-bottom: 5px;
}
#lesson-content .detailViewAddThisToolbox a:active,
#learningpath-content .detailViewAddThisToolbox a:active,
#lesson-content .detailViewAddThisToolbox a:focus,
#learningpath-content .detailViewAddThisToolbox a:focus {
  outline: none;
}
#lesson-content .actionButtonPathLessonDetail,
#learningpath-content .actionButtonPathLessonDetail {
  vertical-align: middle;
}
#lesson-content .actionButtonPathLessonDetail i,
#learningpath-content .actionButtonPathLessonDetail i {
  font-size: 24px;
}
#lesson-content .upgradeLessonDetails,
#learningpath-content .upgradeLessonDetails,
#lesson-content .upgradeLearningPathDetails,
#learningpath-content .upgradeLearningPathDetails,
#lesson-content .upgradePathLessonDetails,
#learningpath-content .upgradePathLessonDetails {
  cursor: pointer;
}
#lesson-content .tagbadge,
#learningpath-content .tagbadge {
  padding: 2px 10px 4px 0px;
  margin-bottom: 5px;
}
#lesson-content .pathAnchor,
#learningpath-content .pathAnchor {
  cursor: pointer;
  color: #55798E;
}
.leftMetaTable tr > td,
.rightMetaTable tr > td {
  padding-bottom: 10px;
}
.leftMetaTable .lefttd,
.rightMetaTable .lefttd {
  font-weight: bold;
  vertical-align: top;
  white-space: nowrap;
  text-align: left;
  padding-right: 0px;
}
.leftMetaTable .statusDiv,
.rightMetaTable .statusDiv {
  padding: 5px 0px 5px 0px;
}
.pathLessonsTable th {
  font-weight: bold;
  color: #000;
  text-align: left;
  padding-top: 5px;
  padding-bottom: 4px;
  background-color: #efefef;
  border: 1px solid #a6a6a6;
}
.pathLessonsTable {
  width: 100%;
  overflow-x: auto;
  overflow-y: auto;
}
.pathLessonsTableTopBorder {
  border: 1px solid #a6a6a6;
}
.pathLessonsTable td {
  font-size: 1em;
  height: 10px;
  padding: 10px;
}
.pathLessonsTable td img {
  vertical-align: top;
}
.pathLessonsTable td .pathLessonActionButton {
  padding: 4px 10px 4px 10px;
  background-color: #f5f5f5;
  width: 100px;
}
.pathLessonsTable td .pathLessonsAction {
  text-decoration: none;
}
.pathLessonsTable th {
  padding: 10px;
  color: #000;
  background-color: #efefef;
}
.pathLessonsTable td,
.pathLessonsTable th {
  border: 1px solid #a6a6a6;
}
.lockStatus {
  cursor: default;
  vertical-align: middle;
}
.anchorTitle {
  cursor: pointer;
  vertical-align: middle;
}
.anchorTitle:hover,
.anchorTitle:focus {
  cursor: pointer;
}
.lessonDetailsTable td:first-child {
  text-align: right;
  padding-right: 15px;
}
.lessonDetailsTable td {
  padding-bottom: 5px;
}
.leftRightNav i {
  font-size: 12px;
  color: #336699;
}
.section-label {
  padding-left: 5px;
  padding-top: 2px;
  font-weight: bold;
  font-size: 13px;
  line-height: 32px;
  white-space: nowrap;
}
.section-label span {
  margin-top: 3px;
  display: inline-block;
  line-height: 22px;
  vertical-align: middle;
}
.section-label img {
  margin-top: 3px;
  vertical-align: middle;
}
.removeCancelLesson,
.removeCancelPath {
  float: right;
  width: 155px ;
  padding: 4px 10px 4px 10px;
  background-color: #EBEBEB;
  color: #555;
  font-family: '3DSRegular';
  font-size: 13px;
}
.removeLesson,
.removeLearningpath {
  float: left;
  width: 155px ;
  padding: 4px 10px 4px 10px;
  background-color: #EBEBEB;
  color: #555;
  font-family: '3DSRegular';
  font-size: 13px;
}
.removeLessonIcon,
.removeLearningpathIcon {
  cursor: pointer;
  margin-top: 0px;
  color: #f02d28;
}
.removelessonlink,
.removelearninglink {
  font-size: 12px;
}
.feedItemContainer .removelessonlink,
.feedItemContainer .removelearninglink {
  display: none;
}
.feedItemContainer .removeLessonAction,
.feedItemContainer .removeLearningpathAction,
.feedItemContainer .removeeCourseAction {
  float: right;
}
.feedItemContainer .removeLessonIcon,
.feedItemContainer .removeLearningpathIcon {
  font-size: 17px !important;
}
.feedListItemContainer .removeLessonIcon,
.feedListItemContainer .removeLearningpathIcon {
  margin-top: 0px;
  font-size: 17px !important;
}
.feedListItemContainer .removeLessonAction,
.feedListItemContainer .removeLearningpathAction,
.feedListItemContainer .removeeCourseAction {
  margin-right: 10px;
  padding-left: 20px;
  float: right;
}
@media screen and ( max-width: 320px ) {
  .feedListItemContainer .removeLessonAction,
  .feedListItemContainer .removeLearningpathAction,
  .feedListItemContainer .removeeCourseAction {
    padding-left: 15px;
  }
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  .feedListItemContainer .removelessonlink,
  .feedListItemContainer .removelearninglink {
    display: none;
  }
}
.removelessonlinkdisabled {
  color: #c5c5c5;
  cursor: default;
}
.removeLessonIconDisabled {
  cursor: pointer;
  margin-top: 0px;
  color: #f02d28;
  color: #c5c5c5;
  cursor: default;
}
.lessonStatus {
  font-size: 13px;
  margin-top: 2px;
  font-family: '3DSRegular';
  margin-left: 2px;
}
@media screen and ( max-width: 320px ) {
  .lessonStatus {
    font-size: 12px;
    margin-top: 4px;
  }
}
.training-playable-lang {
  font-size: 10px;
  display: inline-block;
  background-color: #fff;
  padding: 0 2px 1px 3px;
  vertical-align: baseline;
  width: 22px;
  border-radius: 2px;
  border: 1px solid #999;
  color: #333;
  margin: 4px;
}
.training-playable-lang:hover {
  text-decoration: none;
  background-color: #336699;
  color: #fff;
}
#trainingMaster .addButtonDetail,
#trainingPath .addButtonDetail {
  display: inline-block;
  vertical-align: middle;
  color: #336699;
  font-size: 12px;
}
#trainingMaster .addButtonDetail i,
#trainingPath .addButtonDetail i {
  font-size: 18px;
  margin-right: 5px;
}
#trainingMaster .addButtonDetail:hover,
#trainingPath .addButtonDetail:hover {
  cursor: pointer;
}
#trainingPath .path-title {
  margin-top: 20px;
  margin-bottom: 20px;
}
#trainingMaster {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 8px;
  padding-right: 8px;
}
@media screen and ( min-width: 980px )    and ( max-width: 1200px ), screen and ( min-width: 1201px )       and ( max-width: 1600px ), screen and ( min-width: 1601px ) {
  #trainingMaster .container {
    min-width: 840px;
    max-width: 840px;
  }
}
#trainingMaster select {
  margin-bottom: 0px;
  max-width: 100px;
  margin-right: 8px;
}
#trainingMaster .lesson-title {
  margin-bottom: 10px;
}
#trainingMaster .version-lang {
  font-size: 13px;
}
#trainingMaster .lesson-video {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
  border: 1px solid #c6c6c6;
}
#trainingMaster .lesson-detail-image {
  position: relative;
  padding-top: 25px;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 0px;
  overflow: hidden;
}
#trainingMaster .lesson-overlay {
  padding: 25%;
  background: no-repeat center;
  background-size: cover;
}
#trainingMaster .lesson-play {
  background: transparent url('/r2/img/3d_play_button.png') center center no-repeat;
  height: 80px;
  width: 100%;
  cursor: pointer;
}
#trainingMaster .lesson-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#trainingMaster .description {
  font-weight: bold;
  margin-top: 16px;
}
#trainingMaster .lefttd {
  font-weight: bold;
  vertical-align: top;
  white-space: nowrap;
  text-align: left;
  padding-right: 0px;
  width: 100px;
}
#trainingMaster .desc ul li {
  list-style: initial;
}
#trainingMaster .meta {
  margin-left: 0px;
}
#trainingMaster .meta li {
  display: inline;
  list-style-type: none;
  vertical-align: baseline;
}
#trainingMaster .meta li a {
  vertical-align: baseline;
}
#trainingMaster .lessonDetailsTable .righttd {
  padding-left: 15px;
}
#trainingMaster #modal-footer {
  padding: 0px !important;
  border-top: 2px solid #DDD;
}
#trainingMaster #modal-footer .modal-footer-button {
  width: 100% !important;
  padding: 10px 0;
  color: #005686;
  cursor: pointer;
}
#trainingMaster #modal-footer .modal-footer-button-half {
  width: 49% !important;
  float: left;
  text-align: center;
  padding: 10px 0;
  color: #005686;
  cursor: pointer;
}
#trainingMaster .modal {
  position: absolute !important;
  z-index: 1001;
}
#trainingMaster .modal-backdrop {
  position: absolute !important;
  display: block;
  z-index: 1000;
}
#trainingMaster .modal-backgroud {
  position: absolute;
  top: 0;
  z-index: 999;
  background: rgba(51, 51, 51, 0.7);
  height: 100%;
  width: 100%;
}
#trainingMaster .modal.fade,
#trainingMaster .modal.fade.in {
  top: 20%;
  border: 0;
  border-radius: 0px;
  border: 0px;
}
.no-vertical-align {
  vertical-align: baseline;
  font-weight: bold;
}
/* Angular JS CSS */
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  visibility: hidden !important;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group .form-control:focus {
  z-index: 3;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
/* MySolidworks styling defination scss */
/* MySolidworks color style */
/* SOLIDWORKS color style */
/* logo and icon */
header {
  /* btn style */

}
header .btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  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: 4px;
}
header .btn-link {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  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: 4px;
  font-weight: 400;
  color: #337ab7;
  border-radius: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: transparent;
}
header .btn-blue {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  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: 4px;
  background-color: #005686;
  color: white;
  border: 0;
}
header .btn-red {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  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: 4px;
  background-color: #da291c;
  color: white;
  border: 0;
}
header .btn-red:hover {
  background-color: #e43326;
  color: #f0f7ff;
}
header .btn-red:focus {
  background-color: #da291c;
  color: white;
}
header .btn-red.focus {
  background-color: #da291c;
  color: white;
}
header .btn-red:active {
  background-color: #da291c;
  color: white;
}
header .btn-red.active {
  background-color: #da291c;
  color: white;
}
header .btn-link-red {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  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: 4px;
  font-weight: 400;
  color: #337ab7;
  border-radius: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: transparent;
  color: #da291c;
}
header .btn-group-center {
  text-align: center;
}
/* common style begin */
* {
  font-family: Verdana, Arial, Helvetiva, sans-serif;
  font-size: 14px;
}
html {
  height: 100%;
  -webkit-text-size-adjust: none;
  overflow-x: hidden;
}
body {
  position: relative;
  min-height: 100%;
  font-family: Verdana, Arial, Helvetiva, sans-serif;
  font-size: 14px;
  padding: 0 !important;
}
.popover {
  z-index: 1029;
}
.modal-backdrop.in {
  opacity: 0.8;
}
.shrink {
  margin-right: -10px;
  margin-left: -10px;
}
@media (min-width: 768px) {
  .no-padding-left {
    padding-left: 0 !important;
  }
}
@media (min-width: 768px) {
  .no-padding-right {
    padding-right: 0 !important;
  }
}
.not-link {
  cursor: default;
  text-decoration: none;
}
.not-link:before {
  display: none !important;
}
.icon-label {
  padding-top: 11px !important;
  padding-bottom: 11px !important;
}
.text-center {
  text-align: center;
}
.no-min-height {
  min-height: 0;
}
.inline-block {
  display: inline-block;
}
.not-btn {
  margin: 0;
  border: 0;
  padding: 0;
  background: none;
}
.invisible {
  visibility: hidden;
}
.input-group {
  z-index: inherit !important;
}
.debug {
  display: none;
}
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
}
input.ng-invalid-required:focus {
  border-color: #da291c;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(218, 28, 28, 0.32);
}
select.ng-invalid-required:focus {
  border-color: #da291c;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(218, 28, 28, 0.32);
}
.warning-required-txt {
  color: #da291c;
  font-size: 12px;
}
input.ng-touched.ng-invalid {
  border-color: #da291c;
}
select.ng-touched.ng-invalid {
  border-color: #da291c;
}
.close {
  font-size: 18px;
}
@media (min-width: 768px) {
  .fa-graduation-cap {
    margin-left: -3px;
    margin-right: 3px;
  }
}
@media (max-width: 480px) {
  .hidden-480 {
    display: none !important;
  }
}
.hidden-480 .divider {
  margin: 0 3px;
  border: none;
}
/* beta icon begin */
.beta-icon {
  padding-right: 30px;
  position: relative;
}
.beta-icon:before {
  right: 0;
  content: "Beta";
  color: #ffffff;
  font-size: 10px;
  border-radius: 2px;
  background: #da291c !important;
  height: 15px;
  padding: 2px;
  line-height: 10px;
  position: absolute;
  box-sizing: border-box;
}
.nav-beta-icon {
  padding-right: 30px;
  position: relative;
}
.nav-beta-icon:before {
  right: 0;
  content: "Beta";
  color: #ffffff;
  font-size: 10px;
  border-radius: 2px;
  background: #da291c !important;
  height: 15px;
  padding: 2px;
  line-height: 10px;
  position: absolute;
  box-sizing: border-box;
}
.nav-beta-icon:before {
  top: -1px;
}
.mobile-nav-beta-icon {
  padding-right: 30px;
  position: relative;
  padding-right: 32px;
}
.mobile-nav-beta-icon:before {
  right: 0;
  content: "Beta";
  color: #ffffff;
  font-size: 10px;
  border-radius: 2px;
  background: #da291c !important;
  height: 15px;
  padding: 2px;
  line-height: 10px;
  position: absolute;
  box-sizing: border-box;
}
/* beta icon end */
@media screen and (min-width: 1601px) {
  .container {
    min-width: 1570px;
    width: 1570px;
  }
}
/* common style end */
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Aug 16, 2016, 10:17:12 AM
    Author     : CHA1
*/
/* layout components begin */
/* back to top begin */
#back-to-top {
  position: fixed;
  border-radius: 4px;
  opacity: 0.4;
  background: #003553;
  color: white;
  padding: 5px 12px 8px;
  font-size: 20px;
  cursor: pointer;
  z-index: 1;
  right: -100%;
  visibility: hidden;
}
#back-to-top.affix {
  bottom: 50px;
  right: 20px;
  visibility: visible;
}
#back-to-top:hover {
  opacity: 0.9;
}
.messageFlash {
  position: fixed;
  top: 15%;
  left: 50%;
  z-index: 1099;
}
.messageFlash .alert {
  position: relative;
  left: -50%;
}
.messageFlash .alert .close {
  margin-left: 10px;
}
/* feedback button begin */
#feedbackLink {
  position: fixed;
  right: 0px;
  padding: 10px 6px 28px;
  background-color: #428bce;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: white;
  text-decoration: none;
  text-align: center;
  opacity: 0.7;
  outline: 0;
  top: inherit;
  max-width: 22px;
}
#feedbackLink:hover {
  opacity: 1;
}
#feedbackLink .feedback-title {
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;
  transform: rotate(180deg);
  float: left;
}
#feedbackLink .feedback-icon {
  position: absolute;
  bottom: 5px;
  left: 10px;
}
#feedbackLink .feedback-icon i {
  color: inherit;
}
/* feedback button end */
/* layout components end *//*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Aug 12, 2016, 1:58:41 PM
    Author     : CHA1
*/
/* header style begin */
header.navbar-fixed-top {
  position: fixed;
}
header * {
  vertical-align: initial;
  vertical-align: auto;
}
/* cookie disclaimer begin */
#cookies-disclaimer {
  display: none;
  padding-top: 5px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #618fc0;
  line-height: 15px;
}
#cookies-disclaimer * {
  color: white;
  font-size: 11px;
}
#cookies-disclaimer * .btn {
  padding: 0;
  border: 0;
  background-color: transparent;
  vertical-align: baseline;
  font-weight: bold;
  box-shadow: none;
  text-shadow: none;
}
#cookies-disclaimer * span {
  vertical-align: bottom;
}
#cookies-disclaimer .disclaimer-msg {
  display: inline-block;
}
#cookies-disclaimer .disclaimer-btn-group {
  display: inline-block;
}
/* cookie disclaimer end */
/* top navbar */
#navbar-top {
  background: #fff;
  /*height: 50px;*/

  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
}
#navbar-top #mysw-brand {
  text-decoration: none;
}
#navbar-top #mysw-brand .mysw-brand-divider {
  height: 18px;
  width: 2px;
  background-color: lightgray;
  display: inline-block;
  vertical-align: middle;
}
#navbar-top #mysw-brand .mysw-logo {
  display: inline;
  padding-right: 5px;
  vertical-align: middle;
}
#navbar-top #mysw-brand .mysw-name {
  font-family: '3DSSemibold';
  font-size: 20px;
  font-weight: 700;
  color: #da291c;
  padding-left: 5px;
  vertical-align: middle;
}
#navbar-top #ds-compass {
  float: right;
  padding-left: 5px;
  position: relative;
  z-index: 2;
  width: 75px;
  height: 30px;
}
#navbar-top #ds-compass img {
  position: absolute;
  top: 0;
  right: 0;
}
#navbar-top #menu-top {
  float: right;
  padding-top: 5px;
}
#navbar-top #menu-top * {
  font-size: 12px;
  color: #005686;
  text-decoration: none;
  line-height: 20px;
}
#navbar-top #menu-top * .fa-nav {
  font-size: 20px;
  vertical-align: -3px;
}
#navbar-top #menu-top * .fa-nav.fa-globe {
  vertical-align: -2px;
}
#navbar-top #menu-top * .dropdown-menu {
  border-radius: 4px;
  margin-top: 10px;
}
#navbar-top #menu-top * .dropdown-menu li a {
  padding: 5px 20px;
}
#navbar-top #menu-top * .dropdown-menu li a:hover {
  background-color: #ccc;
}
#navbar-top #menu-top * .fa-lg {
  font-size: 1.33333333em;
  line-height: .75em;
  vertical-align: -15%;
}
#navbar-top #menu-top #user-signin {
  padding-left: 5px;
}
#navbar-top #menu-top #user-signup {
  padding-left: 5px;
  border-left: 2px solid lightgray;
}
#navbar-top #menu-top #language-dropdown {
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
}
#navbar-top #menu-top #language-dropdown #language-dropdown-menu {
  right: 0;
  left: initial;
  min-width: initial;
}
#navbar-top #menu-top #user-dropdown {
  padding-left: 5px;
  position: relative;
}
#navbar-top #menu-top #user-dropdown #user-profile-avatar {
  width: 20px;
  height: 20px;
  vertical-align: bottom;
}
@media (max-width: 991px) {
  #navbar-top #menu-top #user-dropdown #user-dropdown-menu {
    right: 0;
    left: initial;
  }
}
#navbar-top #menu-top #user-dropdown #user-dropdown-menu .user-dropdown-menu-icon {
  width: 20px;
  text-align: center;
  display: inline-block;
}
/* top navbar end */
/* main navabr begin*/
#navbar-main {
  background-color: #005686;
  height: 50px;
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  box-sizing: border-box;
  white-space: nowrap;
}
#navbar-main * {
  box-sizing: border-box;
  outline: none;
}
#navbar-main *:before,
#navbar-main * :after {
  box-sizing: inherit;
}
#navbar-main #menu-main ul {
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
}
#navbar-main #menu-main ul li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 15px;
  padding-bottom: 5px;
  margin: 0 0 0 10px;
  border-bottom: 3px solid #005686;
}
#navbar-main #menu-main ul li a {
  display: block;
  position: relative;
  text-decoration: none;
  color: white;
  z-index: 1;
  font-family: '3DSRegular';
  font-size: 16px;
}
#navbar-main #menu-main ul li a.homepage-link {
  font-size: 16px;
  margin-bottom: -1px;
}
#navbar-main #menu-main ul li:hover {
  border-bottom: 3px solid white;
}
#navbar-main #menu-main ul li.selected {
  border-bottom: 3px solid white;
}
/* main navabr end*/
/* secondary-navbar begin*/
#secondary-navbar {
  width: 100%;
}
#secondary-navbar ul {
  background-color: #f0f0f0;
  margin: 0;
  padding: 0;
  padding-left: 15px;
  list-style: none;
}
#secondary-navbar ul li {
  line-height: 29px;
  display: inline-block;
  margin-right: 10px;
  margin-left: 10px;
  vertical-align: middle;
}
#secondary-navbar ul li a {
  color: #336699;
  text-decoration: none;
}
#secondary-navbar ul li a span {
  font-size: 12px;
  font-family: Verdana;
}
#secondary-navbar ul li a span:hover {
  color: #aeaeaf;
}
#secondary-navbar ul li.selected a span {
  font-weight: bold;
  color: black;
}
#secondary-navbar ul .sec-nav-divider {
  color: #c6c6c6;
  vertical-align: middle;
}
/* secondary-navbar end*/
/* header style end */
/* subheader menu style begin */
#moduleSubHeader {
  width: 100%;
  background-color: white;
}
#moduleSubHeader .subheader .page-title {
  font-size: 14px;
  text-decoration: none;
  font-size: 17px;
  color: #525151;
  margin-top: 15px;
  margin-left: 8px;
  margin-bottom: 0px;
  padding-left: 40px;
  text-indent: -20px;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ) {
  #moduleSubHeader .subheader .page-title {
    font-size: 12px;
  }
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ) {
  #moduleSubHeader .subheader .page-title {
    display: none;
  }
}
#moduleSubHeader .subheader .page-title i {
  color: #537a95;
  font-size: 24px;
}
#moduleSubHeader .subheader .page-title a {
  vertical-align: baseline;
}
#moduleSubHeader .subheader .page-title .mfg-icon {
  margin-left: -14px;
}
#moduleSubHeader .subheader .page-title .mfg-icon img {
  vertical-align: bottom;
  width: 24px;
  height: 25px;
  margin-top: 2px;
}
#moduleSubHeader .subheader .page-title .training-icon {
  margin-left: -14px;
}
#moduleSubHeader .subheader .page-title .training-icon img {
  vertical-align: bottom;
  width: 30px;
  margin-bottom: -3px;
}
#moduleSubHeader .subheader .filter-button {
  margin-left: 12px;
  display: none;
}
@media screen and ( max-width: 320px ), screen and ( min-width: 321px )  and ( max-width: 480px ), screen and ( min-width: 481px )  and ( max-width: 767px ) {
  #moduleSubHeader .subheader .filter-button {
    display: block;
  }
}
#moduleSubHeader .subheader .btn {
  border: 1px solid #cccccc;
}
/* subheader menu style end */
/* mobile view begin */
@media (max-width: 767px) {
  #navbar-main {
    height: 0;
  }
  #navbar-main * {
    height: 0;
    visibility: hidden;
  }
  /* left side slide menu for mobile view begin */
  #mobile-main-menu {
    background-color: #005686;
    height: 40px;
  }
  #mobile-main-menu h4 {
    display: inline-block;
    color: #f0f7ff;
    font-family: '3DSSemibold' !important;
    font-size: 18px;
  }
  #mobile-main-menu #mobile-nav-close-btn {
    padding: 5px 7px;
    border: none;
    color: #f0f7ff;
    background: none;
  }
  #mobile-main-menu #mobile-nav-btn {
    border: none;
    background: none;
    color: #f0f7ff;
    padding: 6px 10px 4px 12px;
    font-size: 30px;
    line-height: 20px;
    float: left;
  }
  #mobile-main-menu #mobile-nav {
    background-color: rgba(0, 86, 134, 0.96);
    padding: 5px 10px 60px 10px;
    position: fixed;
    top: 0;
    height: 100%;
    width: 100%;
    overflow-y: scroll;
    transform: translateX(-100%);
    transition: transform 0.5s ease;
    z-index: 1100;
    box-sizing: border-box;
  }
  #mobile-main-menu #mobile-nav a i {
    color: inherit;
  }
  #mobile-main-menu #mobile-nav.open {
    display: block;
    transform: translateX(0);
  }
  #mobile-main-menu #mobile-nav .menu-title {
    font-family: '3DSRegular';
    font-size: 16px;
  }
  #mobile-main-menu #mobile-nav a {
    color: #f0f7ff;
    font-size: 20px;
    line-height: 20px;
    text-decoration: none;
    text-align: center;
  }
  #mobile-main-menu #mobile-nav ul {
    list-style: none;
    padding-left: 40px;
    margin-left: 0;
  }
  #mobile-main-menu #mobile-nav ul li {
    padding: 5px 0;
    overflow: hidden;
  }
  #mobile-main-menu #mobile-nav hr {
    width: 85%;
    border-top: 1px solid #005686;
    margin: 5px 0 !important;
    border-bottom: none;
  }
  #mobile-main-menu #mobile-nav .dropdown-submenu {
    position: relative;
  }
  #mobile-main-menu #mobile-nav .fa-caret-right {
    position: absolute;
    right: 30px;
    top: 8px;
    padding-right: 15px;
  }
  #mobile-main-menu #mobile-nav .fa-caret-right.open {
    transition: transform 0.5s ease;
    transform: rotate(90deg);
  }
  #mobile-main-menu #mobile-nav .menu-thumb {
    width: 25px;
  }
  #mobile-main-menu #mobile-nav .sub-menu {
    position: relative;
    left: 12px;
    padding-left: 19px;
    border-left: 1px solid #005686;
  }
  #mobile-main-menu #mobile-nav .sub-menu span {
    font-size: 14px;
  }
  /* left side slide menu end */
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Aug 16, 2016, 9:24:36 AM
    Author     : CHA1
*/
/* footer style begin */
footer {
  width: 100%;
  background-color: #003553;
  color: #ced7df;
  position: absolute;
  left: 0;
  bottom: 0;
  vertical-align: middle;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
}
footer a {
  font-size: 11px;
  color: inherit;
}
footer a:hover {
  color: inherit;
  text-decoration: none;
}
@media (max-width: 320px) {
  footer a {
    font-size: 10px !important;
  }
}
footer a i {
  color: inherit;
}
footer span {
  font-size: 11px;
}
footer span.divider {
  display: inline-block;
  width: 2px;
  height: 12px;
  background-color: lightgray;
  vertical-align: middle;
}
@media (max-width: 320px) {
  footer span {
    font-size: 10px !important;
  }
}
footer img {
  vertical-align: text-bottom;
}
footer #followus {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  margin-right: 50px;
}
footer #terms {
  padding-bottom: 1%;
}
footer .footer-item {
  padding: 30px;
}
footer .sns-icon {
  float: left;
  margin-left: 5px;
  font-size: 22px;
  line-height: 25px;
  width: 30px;
  height: 30px;
  text-align: center;
}
footer .sns-icon i {
  font-size: 28px;
  opacity: 0.8;
}
footer .sns-icon i:hover {
  opacity: 1;
}
/* footer style end */body.okayNav-loaded {
  overflow-x: hidden;
}
.okayNav:not(.loaded) {
  visibility: hidden;
  user-select: none;
}
.okayNav__nav--visible {
  overflow: hidden;
  white-space: nowrap;
}
.okayNav__nav--visible:empty ~ .okayNav__menu-toggle {
  top: 0;
}
/* Link styling for the off-screen part of the nav */
.okayNav__nav--invisible {
  position: absolute;
  top: 100%;
  right: 0;
  background-color: #005686;
}
.okayNav__nav--invisible li {
  display: block !important;
}
.okayNav__nav--invisible li a {
  display: initial !important;
}
.okayNav__nav--invisible.nav-right {
  right: 0;
  transform: translateX(100%);
}
.okayNav__nav--invisible.transition-enabled {
  transition: transform 400ms cubic-bezier(0.55, 0, 0.1, 1);
}
.okayNav__nav--invisible.nav-open {
  transform: translateX(0);
  padding: 5px !important;
  z-index: 1;
}
/* Kebab icon */
.okayNav__menu-toggle {
  position: relative;
  display: inline-block;
  z-index: 1;
  top: 15px;
  right: 10px;
  width: 50px;
  height: 20px;
  cursor: pointer;
  transition: transform 400ms cubic-bezier(0.55, 0, 0.1, 1);
  background-image: none;
}
.okayNav__menu-toggle.okay-invisible {
  position: absolute;
  user-select: none;
  pointer-events: none;
  opacity: 0;
}
.okayNav__menu-toggle span {
  background: white;
  position: absolute;
  right: 0;
  left: 0;
  display: block;
  width: 4px;
  height: 4px;
  margin: auto;
  pointer-events: none;
  border-radius: 50%;
}
.okayNav__menu-toggle span:nth-child(1) {
  top: 0;
}
.okayNav__menu-toggle span:nth-child(2) {
  top: 50%;
  transform: translateY(-50%);
}
.okayNav__menu-toggle span:nth-child(3) {
  bottom: 0;
}
.okayNav__menu-toggle.icon--active {
  /* Kebab icon when off-screen nav is open */

  transform: rotate(90deg);
}
/*search box style begin*/
#search-box {
  border-radius: 4px;
}
#search-box * {
  box-sizing: border-box;
}
#search-box.navbar-search {
  font-family: inherit;
}
#search-box .fa {
  font-size: 16px;
}
#search-box .dropdown-menu li a:hover {
  background-color: #ccc;
}
#search-box .dropdown-menu li a i {
  color: #333;
}
#search-box .searchchoice {
  padding: 5px 8px 5px 12px;
  font-size: 14px;
}
@media (max-width: 767px) {
  #search-box .searchchoice {
    padding: 5px 8px;
  }
}
#search-box .searchchoice .fa {
  width: 22px;
  padding-right: 5px;
}
#search-box #search-box-dropdown-btn {
  border: 1px solid #333;
  border-right: 0;
  outline: none;
  background-color: white;
  box-shadow: none;
}
#search-box #search-box-dropdown-btn #search-dropdown .fa {
  max-width: 16px;
}
#search-box .btn-red {
  border: 1px solid #da291c;
  margin-right: -1px;
}
#search-box .btn {
  height: 50px;
}
#search-box #search3ds {
  border: 1px solid #333;
}
#search-box #search3ds.form-control {
  height: 50px;
  border-radius: 0;
  box-shadow: none;
  font-size: 12px;
}
#search-box #suggestionLinks {
  padding: 8px 0;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-color: rgba(51, 51, 51, 0.6);
  outline: 0px none;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(85, 85, 85, 0.5);
  border-radius: 4px;
}
#search-box #suggestionLinks .suggestionPopupLink {
  width: 100%;
  display: block;
  font: 14px Arial;
  padding: 8px;
  text-align: left;
  white-space: normal;
  text-decoration: none;
  background-color: white;
  color: #333;
}
#search-box #suggestionLinks .suggestionPopupLink:hover {
  background-color: #ccc;
}
#search-box #searchSuggestions {
  position: absolute;
  top: 100%;
  display: none;
  z-index: 1000;
  min-width: 200px;
}
/* search box style end */
/* top navbar search box style begin */
#search-box-navbar-top {
  float: right;
  display: inline-table;
  padding-right: 10px;
}
@media (max-width: 950px) and (min-width: 768px) {
  #search-box-navbar-top {
    padding-right: 10px;
  }
}
#search-box-navbar-top #search-box #search3ds.form-control {
  height: 30px;
  padding-left: 6px;
  min-width: 235px;
}
@media (max-width: 850px) {
  #search-box-navbar-top #search-box #search3ds.form-control {
    max-width: 180px;
    min-width: 180px;
  }
}
#search-box-navbar-top #search-box .btn {
  height: 30px;
}
#search-box-navbar-top #search-box .btn.btn-red {
  padding: 5px 10px;
}
#search-box-navbar-top #search-box .btn .fa-caret-down {
  margin-left: 3px;
  vertical-align: 2px;
  font-size: 13px !important;
}
#search-box-navbar-top #search-box #search-box-dropdown-btn {
  background-color: white;
  padding-right: 8px;
}
/* top navbar search box style end */
/* mobile search box style begin */
@media (max-width: 767px) {
  #mobile-navbar-search-box {
    padding-top: 5px;
    margin: 0 6px 0 50px;
  }
  #mobile-navbar-search-box #search-box .searchchoice .fa {
    padding-right: 0;
    text-align: center;
  }
  #mobile-navbar-search-box #search-box #search3ds {
    border: 0;
    padding-left: 7px;
    padding-bottom: 7px;
  }
  #mobile-navbar-search-box #search-box #search3ds.form-control {
    height: 30px;
    border-left: 1px solid #333;
  }
  #mobile-navbar-search-box #search-box #search-box-dropdown-btn {
    color: #333;
    width: 50px;
  }
  #mobile-navbar-search-box #search-box #imgSearch {
    padding-left: 10px;
  }
  #mobile-navbar-search-box #search-box .btn {
    border: 0;
    height: 30px;
  }
  #mobile-navbar-search-box #search-box .btn .fa {
    vertical-align: 0px;
    max-width: 16px;
  }
  #mobile-navbar-search-box #search-box .btn .fa-caret-down {
    margin-left: 3px;
    vertical-align: 2px;
    font-size: 13px !important;
  }
}
/* mobile search box style end */