/* General mixins */
@import "/assets/fonts/?Gotham-Rounded";
@import "/assets/fonts/?OpenSans-Regular";
.clearfix {
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.has-border-radius {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.list-clean,
.list-clean li {
  padding: 0;
  margin: 0;
  list-style: none;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
.listreset {
  margin: 0;
  padding: 0;
  list-style: none;
}
.clearfix:after {
  content: '';
  display: block;
  clear: both;
}
/* 
	Document   : login
	Created on : 27-Jun-2011, 09:27:41
	Author	 : Steven.Hewett
	Description: transferred login styles from vision to common.
	Keep separate as login doesn't rely on overall styles
	Used also in Site Manager
*/
/* LOGIN PAGE */
* {
  margin: 0;
  padding: 0;
  font-family: 'OpenSans-Regular', Helvetica, sans-serif;
  font-size: 12px;
}
body {
  background: url("bg_desk.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
body.ispopup {
  background: url("../../images/bg_login.jpg") repeat-x #fff;
}
p.notice {
  margin: 0;
  padding: 10px 5px;
  color: #fff;
  background: #808080;
  font-size: 14px;
  text-align: center;
}
p.notice a {
  color: inherit;
}
.icontext {
  color: #999;
  background: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  height: 14px;
  width: 14px;
  text-align: center;
  display: inline-block;
  font-weight: bold;
}
#page #login {
  display: table;
  margin: 0 auto;
  text-align: left;
}
#content #page #login .logo-my,
#content #page #login .logo-mydev {
  width: 100%;
  height: 23px;
  text-align: center;
  background: url("../../images/cf_logo.png") top center no-repeat;
}
#page #login #logo,
#page #login #logo.logo-embroidmedev,
#page #login #logo.logo-embroidme,
#page #login #logo.logo-emestaging {
  text-align: center;
  background-image: url("../../images/logos/tech-suite-logo.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
  margin: 15px auto;
  background-size: 100%;
  height: 100px;
  background-position: bottom center;
}
#page #login #logo.logo-aimuk {
  text-align: center;
  background-image: url("../../images/logos/aim-login-logo.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
  margin: 15px auto;
  background-size: 100%;
  height: 100px;
  background-position: bottom center;
}
#page #login #logo.logo-channlpro {
  margin-top: 11px;
  background-image: url("../../images/logos/channl-pro-login-logo.png");
}
#page #login #logo.fromsearch {
  width: 100%;
  height: 300px;
  background: url("../../images/fromsearch.png") top center no-repeat;
}
#page #login #logo.logo-embroidmedev,
#page #login #logo.logo-embroidme,
#page #login #logo.logo-emestaging {
  background: url("../../images/embroidme_CF_logo_login.png") 0 25px no-repeat;
}
#page #login #logo.logo-sardev,
#page #login #logo.logo-sar,
#page #login #logo.logo-sarstaging {
  background: url("../../images/signarama_CF_logo_login.png") 0 25px no-repeat;
}
#page #login #logo.logo-broderonedev,
#page #login #logo.logo-broderone {
  background: url("../../images/broderone_login.png") top center no-repeat;
}
#page #login #logo.logo-ups {
  background: url("../../images/ups_usastaging_login_367x73px.jpg") top center no-repeat;
}
#page #login #logo.logo-apparelpro {
  background: url("../../images/apparelpro_login.jpg") top center no-repeat;
}
#page .box-login {
  width: 940px;
  position: relative;
  margin-top: 20px;
}
body.ispopup #page .box-login {
  border: 0;
}
#page .box-login .title {
  background: #00bdf2;
  height: 36px;
  line-height: 1.9;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  text-align: left;
  padding: 0 0 0 10px;
  display: block;
}
#page .box-login .login_container.admin {
  background-color: rgba(255, 255, 255, 0.9);
  width: 100%;
}
#page .box-login .box-container {
  margin-top: 50px;
  width: 620px;
  margin-top: 0;
  width: 250px;
  padding: 20px 25px;
  background-color: #fff;
  height: 353px;
}
body.ispopup #page .box-login .box-container {
  height: auto;
  padding: 0 25px 7px;
}
#page .box-login .login_container.admin .box-container {
  background-color: transparent;
}
#page .box-login .login_container.admin .box-container {
  margin: 0 auto;
}
#page .box-login .box-container .inpt_login {
  border: 0;
  color: #fff;
  display: block;
  background: #fff;
  border: 1px solid #ccc;
  padding: 7px 0;
}
#page .box-login .box-container .submit {
  height: 37px;
  line-height: 37px;
  display: inline-block;
  float: right;
  margin-left: 15px;
}
#page .box-login .box-container .submit.back {
  margin: 0;
  float: left;
}
#page .box-login .box-container input.login :not(.page--login),
#page .box-login .box-container .submit input :not(.page--login) {
  background: #AF001A;
}
#page .box-login .box-container input.login,
#page .box-login .box-container .submit input {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 0;
  font-style: normal;
  height: 37px;
  display: block;
  padding: 0 15px 0 15px;
  margin-right: 15px;
  margin-left: -15px;
  font-weight: bold;
  cursor: pointer;
  margin-right: 0;
  /** ipad rounding style fix **/
  color: #fff;
  background: linear-gradient(45deg, #3e4481, #cc0d3a);
}
#page .box-login .box-container input.login:hover,
#page .box-login .box-container .submit input:hover {
  color: #ffffff;
  filter: brightness(85%);
}
#page .box-login .box-container .inpt_login input {
  width: 240px;
  font-size: 12px;
  color: #000;
  font-weight: bold;
  border: none;
  background: none;
  font-weight: normal;
  height: 25px;
  margin-left: 6px;
}
#page .box-login .box-container a {
  color: #666;
  display: block;
  padding: 0 90px 0 0;
}
#page #login img {
  margin: 0 0 20px 0;
}
#page #login p {
  margin-top: 5px;
}
form.login_form {
  display: none;
}
p.error,
form.login_form p.msg {
  margin: 0 auto;
}
#page #login #secondFactorRow {
  display: none;
}
#page #login table {
  margin-left: 0;
  /* aligning inputs to ctr of logo, not table to ctr */
  width: 100%;
}
#page #login table th,
#page #login table td {
  padding: 0 0 10px;
  margin: 0;
  vertical-align: middle;
  line-height: inherit;
}
#page #login table td.validationCode {
  float: left;
  font-size: 16px;
}
#page #login table th {
  color: #666666;
  text-align: right;
  font-size: 15px;
  font-weight: normal;
  white-space: nowrap;
  padding-right: 10px;
}
#page #login table td.ctr {
  text-align: left;
}
#page .box-login .box-container .chb {
  color: #93b12f;
  width: 125px;
  display: block;
  float: right;
  margin-right: 0;
}
#page #login p.error {
  color: #cc0000;
}
#page #login p.info {
  color: #009900;
  padding: 0 0 10px 0;
}
img.tooltip {
  cursor: pointer;
  margin-top: 1px;
  margin-right: 1px;
}
#login-footer {
  clear: both;
  margin: 0 auto;
  width: 100%;
}
#login-footer ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#login-footer ul li {
  float: left;
  display: inline;
  margin: 5px 0 0 0;
  padding: 0;
}
#login-footer ul li a {
  margin: 0 16px 0 0;
  display: inline;
  color: #fff;
  text-shadow: 1px 1px 1px #000;
  text-decoration: none;
}
#login-footer p {
  color: #fff;
  float: right;
  font-size: 0.9em;
  margin: 5px 0 0;
  text-shadow: 1px 1px 1px #000;
}
#login-banner {
  margin: 0px 30px 0px 30px;
}
/* END LOGIN PAGE */
.box-container {
  color: #666;
}
.browser_version {
  margin: 0;
  padding: 0 20px 20px 20px;
}
.browser_version li {
  list-style-type: none;
  float: left;
}
.browser_version li a {
  width: 132px;
  margin: 0 5px 0 5px;
  text-align: center;
  height: 20px;
  display: block;
  padding-top: 100px;
}
.browser_version a.ie {
  background: url("../../images/browser_ie.png") no-repeat center;
}
.browser_version a.firefox {
  background: url("../../images/browser_firefox.png") no-repeat center;
}
.browser_version a.chrome {
  background: url("../../images/browser_chrome.png") no-repeat center;
}
.browser_version a.safari {
  background: url("../../images/browser_safari.png") no-repeat center;
}
#page .box-login .box-container table .step1 label {
  font-size: 14px;
}
#page #login table td.signInNote {
  color: #3975a4;
  font-size: 20px;
  padding: 20px 0;
}
.keyfeatures_box {
  background-color: #ffffff;
  float: left;
  margin-right: 15px;
  height: 393px;
  width: 625px;
}
.cf_admin_logo {
  padding: 50px;
}
.Video_Btn {
  padding: 0 0 0 35px;
}
.Video_Btn a {
  color: #1570A6;
  display: block;
  width: 136px;
  margin-top: 35px;
  padding: 0 10px 10px 50px;
  font-size: 14px;
  height: 30px;
  float: left;
  background: url("../../images/btn_play.png") no-repeat;
  text-decoration: none;
}
.no_show {
  margin-top: 35px;
  margin-left: 40px;
  float: left;
  color: #666;
}
#loginbutton,
#closebutton,
.no_show {
  cursor: pointer;
  font-size: 15px;
}
#loginbutton {
  float: left;
  margin: 35px 0 0 195px;
  font-weight: bold;
}
#closebutton {
  float: right;
  margin: 35px 40px 0 0;
  color: #666;
}
.login_container {
  width: 300px;
  float: left;
}
/*
#TradeOnlyVisionLogo {
	background:url("@{imagedir}/TradeOnlyVisionLogo.png") no-repeat;
	height:70px;
	margin:0 auto;
	margin-top:30px;
	width:335px;
}
#TradeOnlyVisionLogo.logo-embroidme, #TradeOnlyVisionLogo.logo-embroidmedev, #TradeOnlyVisionLogo.logo-emestaging {
	background:url("@{imagedir}/EMEVisionLogo.png") no-repeat;
	height:65px;
	margin:0 auto;
	margin-top:35px;
	width:440px;
}

a.ViewAllVideos {
	border-top: 1px dotted #333;
	font-size: 25px;
	color:#db459d;
	margin: 0 auto;
	text-decoration: none;
	text-align: center;
	padding:30px 0 0 0;
	display:block;
	width:550px;
}
*/
.blog-feed {
  margin: 20px 30px 0px;
  height: 188px;
  overflow: hidden;
}
.blog-feed .blog-feed-header a {
  display: block;
  color: inherit;
  background: #3975a4;
  color: #fff;
  text-decoration: none;
  padding: 10px;
}
.blog-feed.blog-feed-with-banner {
  height: 100px;
}
/* alter for timeout_popup */
body.ispopup #page.column #login {
  margin: 0;
  width: auto;
}
body.ispopup #page.column #login .box-login {
  height: auto;
  margin: 0;
  position: relative;
  width: auto;
}
body.ispopup #timeout_popup_dialog {
  height: 280px;
}
/* Colorbox Core Style */
#colorbox,
#cboxOverlay,
#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}
#cboxWrapper {
  max-width: none;
}
#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}
#cboxMiddleLeft,
#cboxBottomLeft {
  clear: left;
}
#cboxContent {
  position: relative;
}
#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
#cboxTitle {
  margin: 0;
}
#cboxLoadingOverlay,
#cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
  cursor: pointer;
}
.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}
.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
}
#colorbox,
#cboxContent,
#cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}
/* Colorbox User Style */
#cboxOverlay {
  background: #000;
}
#colorbox {
  outline: 0;
}
#cboxTopLeft {
  width: 14px;
  height: 14px;
  background: url("../../images/controls.png") no-repeat 0 0;
}
#cboxTopCenter {
  height: 14px;
  background: url("../../images/border.png") repeat-x top left;
}
#cboxTopRight {
  width: 14px;
  height: 14px;
  background: url("../../images/controls.png") no-repeat -36px 0;
}
#cboxBottomLeft {
  width: 14px;
  height: 43px;
  background: url("../../images/controls.png") no-repeat 0 -32px;
}
#cboxBottomCenter {
  height: 43px;
  background: url("../../images/border.png") repeat-x bottom left;
}
#cboxBottomRight {
  width: 14px;
  height: 43px;
  background: url("../../images/controls.png") no-repeat -36px -32px;
}
#cboxMiddleLeft {
  width: 14px;
  background: url("../../images/controls.png") repeat-y -175px 0;
}
#cboxMiddleRight {
  width: 14px;
  background: url("../../images/controls.png") repeat-y -211px 0;
}
#cboxContent {
  background: #fff;
  overflow: visible;
}
.cboxIframe {
  background: #fff;
}
#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}
#cboxLoadedContent {
  margin-bottom: 5px;
}
#cboxLoadingOverlay {
  background: url("../../images/loading_background.png") no-repeat center center;
}
#cboxLoadingGraphic {
  background: url("../../images/loading.gif") no-repeat center center;
}
#cboxTitle {
  position: absolute;
  bottom: -25px;
  left: 0;
  text-align: center;
  width: 100%;
  font-weight: bold;
  color: #7C7C7C;
}
#cboxCurrent {
  position: absolute;
  bottom: -25px;
  left: 58px;
  font-weight: bold;
  color: #7C7C7C;
}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  position: absolute;
  bottom: -29px;
  background: url("../../images/controls.png") no-repeat 0px 0px;
  width: 23px;
  height: 23px;
  text-indent: -9999px;
}
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
  outline: 0;
}
#cboxPrevious {
  left: 0px;
  background-position: -51px -25px;
}
#cboxPrevious:hover {
  background-position: -51px 0px;
}
#cboxNext {
  left: 27px;
  background-position: -75px -25px;
}
#cboxNext:hover {
  background-position: -75px 0px;
}
#cboxClose {
  right: 0;
  background-position: -100px -25px;
}
#cboxClose:hover {
  background-position: -100px 0px;
}
.cboxSlideshow_on #cboxSlideshow {
  background-position: -125px 0px;
  right: 27px;
}
.cboxSlideshow_on #cboxSlideshow:hover {
  background-position: -150px 0px;
}
.cboxSlideshow_off #cboxSlideshow {
  background-position: -150px -25px;
  right: 27px;
}
.cboxSlideshow_off #cboxSlideshow:hover {
  background-position: -125px 0px;
}
.keyfeatures_container {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 199999999;
  width: 100%;
  display: none;
  padding-top: 20px;
}
.keyfeatures_container .keyfeatures_box {
  position: relative;
}
.keyfeatures_container a.ViewAllVideos {
  display: block;
  position: absolute;
  top: 30px;
  left: 30px;
  width: 720px;
  height: 315px;
  cursor: pointer;
}
.keyfeatures_container .Video_Btn {
  padding: 0 0 0 35px;
}
.keyfeatures_container .Video_Btn a {
  display: block;
  width: 115px;
  height: 110px;
  float: left;
}
.keyfeatures_container .no_show {
  margin-top: 35px ;
  margin-left: 40px ;
  float: left;
  color: #fff;
}
.keyfeatures_container #loginbutton,
.keyfeatures_container #closebutton,
.keyfeatures_container .no_show {
  cursor: pointer;
  font-size: 15px;
}
.keyfeatures_container #loginbutton {
  font-style: normal;
  height: 37px;
  line-height: 37px;
  display: block;
  padding: 0 15px 0 15px;
  margin-right: 15px;
  margin-left: -15px;
  border: 1px solid #c5047b;
  font-weight: bold;
  float: right;
  cursor: pointer;
  color: #fff;
  margin-top: 20px;
  margin-right: 0;
  margin-left: 0;
  background: #e44ca1;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-appearance: none;
  /** ipad rounding style fix **/
}
.keyfeatures_container #closebutton {
  float: right;
  margin: 35px 40px 0 0;
  color: #666;
}
.keyfeatures_container .reveal_box {
  /**background:url('{{COMMONURL}}images/reveal_box.jpg') no-repeat;**/
  background-color: rgba(0, 0, 0, 0.85);
  width: 860px;
  height: 500px;
  padding: 40px 40px 10px;
  margin: 0 auto;
  position: relative;
}
.keyfeatures_container .revealBoxContent {
  color: #fff;
  height: 430px;
  overflow: auto;
}
.keyfeatures_container .revealBoxContent ol {
  padding-left: 30px;
}
.keyfeatures_container .revealBoxContent ol,
.keyfeatures_container .revealBoxContent li {
  margin: 0 0 10px 0;
  line-height: 140%;
}
.keyfeatures_container .revealBoxContent h2,
.keyfeatures_container .revealBoxContent p {
  margin: 0 0 20px 0;
  line-height: 140%;
}
.keyfeatures_container .revealBoxContent h2 {
  text-align: center;
  font-size: 20px;
}
.keyfeatures_container .revealBoxContent table {
  border: 1px solid #ccc;
  border-width: 0 0 1px 1px ;
  margin: 0 0 20px 0;
}
.keyfeatures_container .revealBoxContent table td,
.keyfeatures_container .revealBoxContent table th {
  border: 1px solid #ccc;
  border-width: 1px 1px 0 0;
  padding: 5px;
}
.keyfeatures_container .revealBoxContent a {
  color: #66ffff;
}
.keyfeatures_container a.linkEmail {
  position: absolute;
  bottom: 105px;
  left: 105px;
  width: 200px;
  height: 25px;
}
body.page--login-disabled .main_note_box {
  background: #e0e0e0;
  background: rgba(255, 255, 255, 0.8);
  margin-top: 50px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  width: 100%;
}
body.page--login-disabled .note_box {
  clear: both;
  margin: 0 auto;
  text-align: justify;
  width: 80%;
  padding: 15px;
}
body.page--login-disabled .note_title {
  color: #00b1e6;
  font-size: 1.25em;
  font-weight: bold;
  text-align: center;
}
body.page--login-disabled .note_box p {
  line-height: 150%;
  padding-bottom: 10px;
}
/*# sourceMappingURL=cloud_login--default.css.map */