/* Traceless 2025 Brand Colors
--lime: #ccff55ff;
--tea-green: #eaffb9ff;
--ecru: #cec288ff;
--french-gray: #d8d1d8ff;
--risd-blue: #0059ffff;

--lime: hsla(78, 100%, 67%, 1);
--tea-green: hsla(78, 100%, 86%, 1);
--ecru: hsla(50, 42%, 67%, 1);
--french-gray: hsla(300, 8%, 83%, 1);
--risd-blue: hsla(219, 100%, 50%, 1);

$lime: #ccff55ff;
$tea-green: #eaffb9ff;
$ecru: #cec288ff;
$french-gray: #d8d1d8ff;
$risd-blue: #0059ffff;

$lime: hsla(78, 100%, 67%, 1);
$tea-green: hsla(78, 100%, 86%, 1);
$ecru: hsla(50, 42%, 67%, 1);
$french-gray: hsla(300, 8%, 83%, 1);
$risd-blue: hsla(219, 100%, 50%, 1);

$lime: rgba(204, 255, 85, 1);
$tea-green: rgba(234, 255, 185, 1);
$ecru: rgba(206, 194, 136, 1);
$french-gray: rgba(216, 209, 216, 1);
$risd-blue: rgba(0, 89, 255, 1);

$gradient-top: linear-gradient(0deg, #ccff55ff, #eaffb9ff, #cec288ff, #d8d1d8ff, #0059ffff);
$gradient-right: linear-gradient(90deg, #ccff55ff, #eaffb9ff, #cec288ff, #d8d1d8ff, #0059ffff);
$gradient-bottom: linear-gradient(180deg, #ccff55ff, #eaffb9ff, #cec288ff, #d8d1d8ff, #0059ffff);
$gradient-left: linear-gradient(270deg, #ccff55ff, #eaffb9ff, #cec288ff, #d8d1d8ff, #0059ffff);
$gradient-top-right: linear-gradient(45deg, #ccff55ff, #eaffb9ff, #cec288ff, #d8d1d8ff, #0059ffff);
$gradient-bottom-right: linear-gradient(135deg, #ccff55ff, #eaffb9ff, #cec288ff, #d8d1d8ff, #0059ffff);
$gradient-top-left: linear-gradient(225deg, #ccff55ff, #eaffb9ff, #cec288ff, #d8d1d8ff, #0059ffff);
$gradient-bottom-left: linear-gradient(315deg, #ccff55ff, #eaffb9ff, #cec288ff, #d8d1d8ff, #0059ffff);
$gradient-radial: radial-gradient(#ccff55ff, #eaffb9ff, #cec288ff, #d8d1d8ff, #0059ffff);

.lime: #ccff55ff;
.tea-green: #eaffb9ff;
.ecru: #cec288ff;
.french-gray: #d8d1d8ff;
.risd-blue: #0059ffff;

*/




/* Nav bar sales updates */

/* Pricing Page */


.btn-group-toggle .btn {
  min-width: 110px;
  font-weight: 600;
}

.btn-group-toggle .btn.active,
.btn-group-toggle .btn:active {
  background: #0059ff;
  color: #fff;
  border-color: #0059ff;
}

.badge-success {
  background: #ccff55ff;
  color: #222;
  font-size: 0.85em;
}














body.psa {
  /* background-color: #f0f !important; */
}


.frontpage #mainNav, .frontpage #mainNav.navbar-shrink {
  background-color: #000;
}

.login nav,
.login nav.navbar-shrink, .login footer {
  background-color: #000;
  color: #fff;
}

.frontpage #mainNav .nav-link, .frontpage #mainNav.navbar-shrink .nav-link, .login nav a, li.unauthed a{
  /* color: rgba(255, 255, 255, 1); */
  font-family: Arial, Helvetica, Lucida, sans-serif;
  text-transform: uppercase;
  font-weight: 800;
  font-size: .8rem;

}

.frontpage #mainNav .nav-link:hover, .login nav a:hover, li.unauthed a:hover{


  text-decoration-color: rgb(252, 36, 96);
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-thickness: 4px;

}

li.unauthed a:hover {
  color:#000;
}

.frontpage #mainNav .navbar-toggler {
  color: #fff;
  border: 1px solid #fff;

}



.CookieDeclaration {
  display: none;
}

/*#CybotCookiebotDialog {
  opacity:  0%;
}*/

.ag-theme-alpine .ag-cell-value.ag-cell button, .ag-theme-alpine input {
  font-family: "Roboto-Light", Arial, Helvetica, sans-serif !important;
  font-weight: 400;
}

.btn-pink, .pink {
  background-color: rgb(255, 0, 255);
}

.btn-pink:hover {
  background-color: rgb(255, 0, 255);
}

.teal {
  background-color: lightseagreen;
}


.insight-org-table .btn-owner {
    background-color: rgba(42, 204, 172, .85);
}

.insight-org-table .btn-owner:hover {
  background-color: rgb(42, 204, 172);
}


.insight-org-table .btn-reset {
  background-color: rgba(204, 42, 80, 0.952);
}

.insight-org-table .btn-reset:hover {
  background-color: rgb(204, 42, 42);
}


.insight-org-table .btn-admin {
  background-color: rgba(69, 204, 42, 0.85);
}

.insight-org-table .btn-admin:hover {
  background-color: rgb(69, 204, 42);
}

.organization_actions .btn {
  font-weight: 300 !important;
}




.pink {
  color: #f0f !important;
}

.bgpink {
  background-color: #f0f;
}

.bggrey {
  background-color: rgb(169, 169, 169);
}

.list-type-01 {
  margin: 0;
  padding: 0;
  list-style: none;
}

.list-type-01.large {
  font-size: 1.2rem;
}

.error .text-white a {
  color: lightskyblue;
}

.list-type-01 li {
      position: relative;
      margin-bottom: .6rem;
}

.list-type-01 li i {
      position: absolute;
      top: 1px;
      right: -15px;
      color: #62ff00;
}

.scrim {
  width: 100%;
  height: 100%;
  position: absolute;
  background:  rgba(0, 0, 0, 0.3);
  top: 0;
  left: 0;
  z-index: 10000;

}

.scrim div.sa-loading.spinner {
    color: white;
    margin-top:  35%;
    vertical-align: middle;
    display: inline-block;
}

body .form-group label.form-control-sm {
  color: grey;
  font-style: italic;
}

body:not(.psa), body:not(.psa) #wrapper  {
  /* min-height: 800px; */
}

/*************************/
/*********** Customer activity stuff ************/
/*************************/

.active_org_leads {
  background-color: lightblue;
}
.active_org_customers {
  background-color: lightgreen;
}

.active_individual_leads {
  background-color: lightblue;
}

.active_individual_customers {
  background-color: lightgreen;
}

.inactive_org_leads {
  background-color: lightyellow;
}
.inactive_org_customers {
  background-color: lightyellow;
}

.inactive_individual_leads {
  background-color: lightyellow;
}

.inactive_individual_customers {
  background-color: lightyellow;
}



/*************************/
/*************************/
/*************************/


/* Mouse-over effects */
.slider:hover {
  opacity: 1; /* Fully shown on mouse-over */
}


.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 15px;
  border-radius: 5px;
  background: #fff;
  outline: none;

}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 35px;
  height: 35px;
  border-radius: 100%;
  background: #fff;
  border: #0008fe 8px solid;
  cursor: ew-resize;
}

.slider::-moz-range-thumb {
  width: 35px;
  height: 35px;
  border-radius: 100%;
  background: #fff;
  border: #0008fe 8px solid;
  cursor: ew-resize;
}

/*************************/
/*************************/
/*************************/


/************ Custom branding *************/

#company-logo {
  width: auto;
  height: 50px;
  object-fit: contain;
  max-height: 50px;
}

#current_logo, #current_bg_image {
  width: auto;
  height: 117px;
  object-fit: scale-down;
  min-height: 117px;
  max-height: 117px;

}

#current_logo p, #current_bg_image p {
  margin: 3.3em 0
}

#current_logo img,
#current_bg_image img {
  max-height: 117px;
  max-width: 100%;
  object-fit: contain;
}


/*************************/



body {
  background-color: #fff;
}

body.psa.light{
  background-color: #fff;
}

body.psa.dark {
  background-color: #222;
}

body.psa.dark #wrapper #content-wrapper {
  background-color: inherit;
}

body.psa.dark #wrapper #content-wrapper .card{
  background-color: rgba(255,255,255,.2);
}

body.psa.dark #wrapper #content-wrapper .card textarea {
  color: #fff;
}

body.psa.dark #wrapper #content-wrapper .card select {
  color: #fff;
}

body.psa.dark #wrapper #content-wrapper .card textarea:focus,
body.psa.dark #wrapper #content-wrapper .card input:focus {
  background-color: #111;
}


body.retrieve {
  background-color: #f8f9fc;
  height: auto;
}

/* Custom branding */



/* Custom branding testing
body.retrieve nav.navbar {
  background-color: #a31111;
}

body.retrieve, body.retrieve #content, body.retrieve footer {
  background-color: #0b42e8;
}


body.retrieve .card {
  background-color: rgba(255, 255, 255, 0.7);
}

body.retrieve .card h5.text-secondary {
  color: #000 !important;
}
*/
/* Custom colors for retrieve page */


body .container-fluid {
  padding-left: 0 !important;
  padding-right: 0 !important;
}


.tab-content .tab-pane {
    display: none;
}

.tab-content .tab-pane.active {
    display: block;
}



.black {
  color: black !important;
}

.traceless-snack p {
  line-height: 1.5rem !important;
  font-size: 1.1rem !important;
}
.traceless-snack a{
  color: white;
  text-decoration: underline;
}

.traceless-snack .action {
  color: darkblue;
}

.traceless-snack {
  background: #1fc41f;
}


.traceless-snack .new-trace{
  transform: rotate(50deg);
}


.hidden, .hidden.d-flex {
  display: none !important;
}

#traceless {
	/*min-width: 680px !important;*/
	min-height: 270px !important;
	height: 270px;
	/*background-color: pink;*/
}


.two-up {
  width: 50%;
}

@media (max-width: 992px) {

  .two-up {
    width: 100%;
  }


}

@media (min-width: 992px) {

  #traceless {
    max-width: 820px !important;
    margin: 0 auto
  }




}

@media (min-width: 576px) {

  #traceless {
    font-size: 1.1rem;
  }
}

@media (min-width: 768px) {
  #traceless input{
    /*font-size: 1.1rem;*/
  }

}

nav.navbar .title-link img {
  /* width: 100% !important; */
  max-width: 13rem;
}


a.help_link {
  color: #852d12;
  text-decoration: underline;
}


#traceless .card-body {
  /*padding: 0;*/
  padding-bottom: 0;
  box-shadow: none;
}



#traceless #twofa.error{
  /*padding: 0;*/
  background: rgb(255, 171, 147) !important;
}

#traceless #twofa.error::placeholder {
  color: #333333 !important;
}

body.psa {
  background-color: #51ff00;
}

#content #traceless .tr-select select {
  font-size: 1rem;
}

#content.cw #traceless #twofa, #content.sn #traceless #twofa {
  max-width: 50%;
  margin: 0 auto;
}

#content.cw #traceless .mfa.ui .tr-select,
#content.manage_engine #traceless .mfa.ui .tr-select,
#content.sn #traceless .mfa.ui .tr-select,
#content.halo #traceless .mfa.ui .tr-select
{
  width: 50%;
}

#content.cw #traceless .tr-select,
#content.manage_engine #traceless .tr-select,
#content.sn #traceless .tr-select,
#content.halo #traceless .tr-select {
  width: 25%;
}

#content.cw #traceless .post_gen .tr-select,
#content.sn #traceless .post_gen .tr-select,
#content.halo #traceless .post_gen .tr-select {
  width: 50%;
}



#content.cw #traceless .mfa.ui .tr-select,
#content.sn #traceless .mfa.ui .tr-select,
#content.halo #traceless .mfa.ui .tr-select
{
  width: 50%;
}

#content.cw #traceless .tr-select,
#content.manage_engine #traceless .tr-select,
#content.sn #traceless .tr-select,
#content.halo #traceless .tr-select {
  width: 25%;
}

#content.cw #traceless .post_gen .tr-select,
#content.sn #traceless .post_gen .tr-select,
#content.halo #traceless .post_gen .tr-select {
  width: 50%;
}

#content #traceless #polling_for_verification.btn-secondary.fa-clock {
  color: white !important;
}



#content.cw #traceless #send_mfa, #content.sn #traceless #send_mfa {
  margin: 0 10px 0 10px;
}



#content.cw #traceless .files_buttons, #content.sn #traceless .files_buttons {
  max-width: 75%;
  float: right;
}

#content.cw #traceless .questions.ui .tr-button, #content.sn #traceless .questions.ui .tr-button {
  max-width: 75%;
  margin:  0 auto;
}


#content.cw #traceless .files_buttons #files_request_data, #content.sn #traceless .files_buttons #files_request_data {
  margin-right: 10px;
}


.halo #traceless {
  margin: .8rem .5rem 0 .5rem;
}

.cw.halo #traceless {
  /* Temp for customers transitioning from one to the other */
  margin: 0;
}

body.psa #wrapper #content-wrapper {
  background: transparent;
}

#content.sn div#traceless {
  /* background-color: #f8f9fc; */
  /* border-top: 1px solid #ddd; */
 /* border-bottom: 1px solid #ddd; */
 padding: 5px 10px 0 10px;
}


.confirm_mfa_reset {
  border: 1px solid #dde2eb;
  width: 170px;
  height: 32.5px;
}

/* Pricing */

#master-user-count {
  font-size: 1.5rem;
  font-weight: bold;
  width: 4.5rem;
  text-align: center;
  border-radius: 5%;
  border: 1px solid rgba(10, 36, 102, 0.298);
  background-color: rgba(255, 255, 255, 0.254);
  color: white;

}


/* Integrations */

#integrations .card img {
  max-width: 10rem;
  height: auto;

}

#integrations .card .current-integrations a {
  display: inline-block;
  width: 13rem;
  height: 7rem;
  padding: 2rem;
  margin: 1rem;
  /* box-shadow: 0 0 10px 0 rgba(0,0,0,.2); */
  color: black;

}


.connections .duo {
  background-color: #75bf4b !important;
}

.connections .connectwise {
  background-color: #003cff !important;
}

.connections .halopsa {
  background-color: #e83b4a !important;
}

.connections .okta {
  background-color: #f5f5f5 !important;
  color: #002a7b !important;
}

.connections .teams {
  background-color: #7f86f6 !important;
}

.connections .slack {
  background-color: #481a55 !important;
}

.connections .ms_auth {
  background-color: #0068b9 !important;
}





/* Insights section */

.mfa-verified {
  background-color: #d4edda;
}

.mfa-unknown {
  background-color: #fff3cd;
}

.mfa-error {
  background-color: #f8d7da;
}

.trace-complete {
  background-color: #d4edda;
}

.trace-open {
  background-color: #fff3cd;
}

.trace-expired {
  background-color: #f8d7da;
}

.table {
  margin-bottom: 2rem;
}

.table th {
  background-color: #f8f9fa;
  border-top: 2px solid #dee2e6;
}

.section-header {
  margin-top: 2rem;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid #dee2e6;
}









/*************************/
/*************************/
/*************************/









/* Hints! */
/* New Traceless Colorway */
.hint, .hint *, .hint * :after {

}

.lime {
  background: #ccff55ff;
}
.tea-green {
  background: #eaffb9ff;
}
.ecru {
  background: #cec288ff;
}
.french-gray {
  background: #d8d1d8ff;
}
.risd-blue {
  background: #0059ffff;
}


.btn.btn-primary.lime {
  color: #000 !important;
  background-color: #ccff55ff !important;
}

.btn.btn-primary.lime:hover {
  background-color: rgb(181, 228, 69) !important;
}

.btn.btn-primary.tea-green {
  color: #000 !important;
  background-color: #eaffb9ff !important;
}

.btn.btn-primary.tea-green:hover {
  background-color: #d4ff80ff !important;
}

.btn::after {
  text-transform: none;
}


.hint--grey:hover:before, .hint--grey:hover:after
{
    -webkit-transition-delay: 1100ms !important;
    -moz-transition-delay: 1100ms !important;
    transition-delay: 1100ms !important;
}

#content.zendesk #traceless .hint--grey:after, #content.at #traceless .hint--grey:after {
    max-width: 120px;
}


.hint i:hover {
  opacity: 1;
}
.hint--info i  {
  color: #003cff;
  opacity: .3;

}

/* default hint */

[class*=hint--]:after {
  background: #dfdfdf;
  color: #000000;
  text-transform: none;
  font-weight: normal;
  text-shadow: none;
  /* box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);  */
}

.hint--grey.hint--bottom-right:before,
.hint--grey.hint--bottom-left:before,
.hint--grey.hint--bottom:before {
  border-bottom-color: #dfdfdf;
}

.hint--grey.hint--top-right:before,
.hint--grey.hint--top-left:before,
.hint--grey.hint--top:before {
  border-top-color: #dfdfdf;
}

.hint--grey.hint--right:before {
  border-right-color: #dfdfdf;
}

.hint--grey.hint--left:before {
  border-left-color: #dfdfdf;
}



/* #eaffb9ff */

.hint--info:after {
  background: #003cff;
  color: #ffffff;
}
.hint--info.hint--bottom:before {
  border-bottom-color: #003cff;
}
.hint--info.hint--right:before {
  border-right-color: #003cff ;
}

.hint--info.hint--bottom:before {
  border-bottom-color: #003cff ;}

.hint--info.hint--bottom-right:before {
  border-bottom-color: #003cff ;
}

.hint--info.hint--top:before {
  border-top-color: #003cff ;
}
.hint--info.hint--left:before {
  border-left-color: #003cff;
}



#content.at #traceless .tr-select select , #content.zendesk #traceless .tr-select select {
  z-index: 0 !important;
}


/* Autotask insight styling */

body.psa:has(#content.zendesk) {
  border: 0;
}

#content.zendesk .card-body {
  padding: 0 20px 0 16px !important;
}


body.psa .at .hint--grey:hover:after,
body.psa .at .hint--grey:after {
  max-width: 125px !important;
  width: 125px !important;
  z-index: 1000 !important;
}


#content.at #traceless, #content.zendesk #traceless {
  /*max-width: 255px !important;*/
  height:  100%;
  box-sizing: border-box;

}





#content.at .dz-hint.mb-2, #content.zendesk .dz-hint.mb-2 {
  margin-bottom: 2rem !important;
}

#content.at #traceless #mfa, #content.at #traceless #password,  #content.at #traceless #files,  #content.at #traceless #questions {
  margin-bottom:  2px !important;
}

#content.at #traceless div.card-body {
  /*max-width: 255px !important;*/
  /*padding: .2rem !important;*/
  width:  100%;

}


/* #content.at div#traceless button, #content.at div#traceless a.btn,
#content.zendesk div#traceless button, #content.zendesk div#traceless a.btn{
  margin: 4px 0px;
  padding: 5px 2px 3px 2px;
  font-size: .9rem;
} */

#content.at button.close span{
  font-size: 1.5rem;
  padding-right: .5rem;
}

#content.at div#traceless .tr-select, #content.at div#traceless .tr-button,
#content.zendesk div#traceless .tr-select,
#content.zendesk div#traceless .tr-button {
  width:  100%;
}


#content div#traceless #tr-logo img {
  max-width: 160px;
}

#content.at div#traceless #tr-logo, #content.zendesk div#traceless #tr-logo{
  display: none;
}


#content.at div#traceless .pre_gen textarea.form-control {
  height: 80px;

}

#content.at #twofa {
  font-size:  1.3rem;
}

#content.at .dz-message{
  padding:  .3rem;
  margin: 1.5em 0 2em 0
}

#content.at div#traceless .tr-button button {
  padding: 5px 6px 2px 6px;
}






.trace-complete {
  /*background: palegreen;*/
}

.trace-open {
  background: lightcyan;
}

.trace-expired {
  background: lightyellow;
}

/*for traceless insights page*/

.progress {
  height: 30px;
}

.count-0 {
  /*font-style: italic;*/
  opacity: .3;
}

.purple-gradient {
  background: linear-gradient(40deg, #ff6ec4, #7873f5);
  color: #fff;
}

#traceless .spinner {
  display: none;
}

#traceless .spinner.sa-loading, .spinner.sa-loading  {
  display: block;
  color: rgb(90, 166, 255);
}

.spinner.sa-loading.checkout {
  color: blue;
}

#traceless .spinner.sa-loading .spinner-border-sm, .spinner.sa-loading .spinner-border-sm{
  width: 4rem;
  height: 4rem;
}
.card-body .form-group ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #aaa;
  opacity: 1; /* Firefox */
}

.card-body .form-group :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #aaa;
}

.card-body .form-group ::-ms-input-placeholder { /* Microsoft Edge */
  color: #aaa;
}


/*************************/
/********    SA  *********/
/*************************/


.trblue {
  color: #03a9f4;
}

.trblue:hover {
  color: #0363f4;
}



#traceless.standalone {
  /*min-width: 480px !important;*/
  height: auto;
  /*background-color: pink;*/

}

body#envelope .btn:active, body#envelope .btn:focus {
  color: #fff;
}

#traceless.standalone .alert {
  margin-top: 3rem;
}

#traceless.standalone .card-body {
  /*padding: 0;*/
/*  padding-bottom: 0;
  box-shadow: none;*/
}

body#envelope {
  background-color: #f8f9fc;
}


body#envelope footer a{
  color: rgba(0, 0, 0, .3);
}


body#envelope #ttl {
  height: 2.60rem;
}

body#envelope #traceless {
  /* border-bottom: 2px solid #ddd; */
}

body#envelope #pd_submit.empty {
  opacity: .3;
}

#pd_submit.pending, #pd_submit.pending.purple-gradient {
  background: green;
}

#mark_as_verified, #mark_as_sent {
	/*opacity: 0;*/
}

.pre_gen textarea.form-control {
	height: 117px;
	border-top: 2px solid #ddd;
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
}

.ui .dropzone {
  height: 117px;
  min-height: 117px;
  padding: 0px;
  background-color: #bcecff;
}

.mfa-type {
  height: 155px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 155px;
  max-height: 155px;
}
.standalone .ui .dropzone {
  color: #fff;
  font-size: 1rem;
  background-color: #75c791a3;
}

.ui .dropzone .dz-preview {
  min-height: auto;
  margin: 0;
  width: 100%;
  height: 100%;
}

.ui .dropzone .dz-preview .dz-image{
  display: none;
}

.ui .dropzone .dz-preview .dz-remove{
  left: auto;
  top: 15px;
  right: 15px;
}

.vue-dropzone>.dz-preview.dz-success .dz-details {
  background: green;
}

.vue-dropzone>.dz-preview.dz-error .dz-details {
  background: orange;
}

.ui .dropzone .dz-preview .dz-details{
  position: relative;
  padding: 1em .5em;
  margin: .5em;
  max-width: auto;
  min-width: auto;
  height: 100%;
  height: -webkit-fill-available;

}

.viska-tabs .btn-raised{
	box-shadow: none;
  box-shadow: 1px 1px  rgba(0, 0, 0, .2);

}

.viska-tabs .btn-raised.btn-secondary{
	background-color: #dfdfdf;
	color: black;
}

#traceless .btn.hint {
  /* background-color: #efefef !important; */	/*color: black;*/
  box-shadow: 1px 1px  rgba(0, 0, 0, .2);

}

.btn.btn-primary {
  background-color: #efefef !important;
  color: #000 !important;
}

.btn.btn-primary:hover, .btn-raised.btn-secondary:hover {
  background-color: #d0d0d0 !important;
  color: #000 !important;
}

/* Continue color */
.tr-info, .btn.btn-primary.tr-info {
  color: #03a9f4 !important;
}

/* Start here color */
.tr-success, .btn.btn-primary.tr-success {
  color: #4caf50 !important;
}

/* Something went wrong color */
.tr-warning, .btn.btn-primary.tr-warning {
  color: #ff5722 !important;
}

.form-group {
  position: relative;
  display: block;
  overflow: visible;
}

.w-33 {
  width: 33% !important;
}


.form-group.tr-select {
  background-image: url("https://assets.traceless.io/img/expand-button.svg") ;
  background-size: 12px 12px;
  background-repeat: no-repeat;
  background-position:  95% 15px;
  /* overflow: hidden; */
}

.dark .form-group.tr-select {
  background-image: url("https://assets.traceless.io/img/expand-button-white.svg");
}


body#envelope .form-group.tr-select {
    background-position:  95% 1.5rem;
}

body#envelope .form-control:read-only, body#envelope .form-control[readyonly] {
  background-color: transparent;
  /*background-image: none;*/
}



body#envelope .custom-file-control,
body#envelope .form-control,
body#envelope .is-focused .custom-file-control,
body#envelope .is-focused .form-control {
    background-image: linear-gradient(0deg,#0e08e2 2px,rgba(0,150,136,0) 0),linear-gradient(0deg,rgba(0,0,0,.26) 1px,transparent 0)
}

body#envelope .custom-file-control:invalid,
body#envelope .form-control:invalid,
body#envelope .is-focused .custom-file-control:invalid,
body#envelope .is-focused .form-control:invalid {
    background-image: linear-gradient(0deg,#d50000 2px,rgba(213,0,0,0) 0),linear-gradient(0deg,rgba(0,0,0,.26) 1px,transparent 0)
}


body#envelope .tr-select .form-control {
  background-image: none;
}

.form-group.tr-select .reset {
  background: transparent;
  width: 40px;
  height: 100%;
  position: absolute;
  right: 5px;
  top: 0px;
  z-index: 2;

}

.form-group.tr-select input[type=text] {
  z-index: 1;
  position: relative;
}

.form-group select.form-control, .form-group select.form-control:read-only {
  background-color: transparent;

  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  background-image: none;
  color:black;
  cursor: pointer;

  z-index: 3;
  position: relative;
  border-bottom: 1px #bbb solid;

  /*display: none;*/
}


.form-group .tr-caret {
  position: absolute;
  right: 7px;
  top: 12px;
  opacity: .5;
  cursor: pointer;
  z-index: -1;
}

.form-control:focus {
    color: #6e707e;
    background-color: #fff;
    border-color: #bac8f3;
    outline: 0;
     -webkit-box-shadow: none;
     box-shadow: none;
}

#twofa {
	font-size:2rem;
}


  .card .cta {
    /*letter-spacing: .05rem;*/
  }

  .text-shadow {
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1), 1px 1px 4px rgba(0, 0, 0, 0.7);
  }

  .tlblue {
    background-color: #5a64df !important;
  }

  .tblue {
    background-color: #4dd0e1 !important;
  }

  .tgreen {
    background-color: #007E33 !important;
  }

  .tlgreen {
    background-color: #00C851 !important;
  }

  .tgray {
    background-color: rgba(255, 152, 0, 0.3) !important;
  }



/* duo */

table.duo_connect tr{
  cursor: pointer;
}

table.duo_connect tr:hover {
  background: rgb(244, 244, 244);
}

table.duo_connect input[type=checkbox] {
  background-color: #5a64df;
}

/*fa-check-circle*/
.icon-tgreen {
  color: #007E33 !important;
}

td.highlight {
    background-color: whitesmoke !important;
}

section#video.about-section {
  padding-top: 4rem;
}

.tr-version {
  position: absolute;
  bottom: 0px;
  right: 15px;
  font-style: italic;
  margin: 0;
  padding: 0;
}

textarea#secure {
    color: black;
    border: 1px solid #aaa;
    border-bottom: none;
    padding: 0.6rem;
}

table.table {
  color: #000;
}
table.table thead th{
  color: rgba(0,0,0,1);
  font-weight: bold;
}


.insight-org-table {
  max-height: 40rem;
  height: 40rem;
}


.masthead {
    /*background: linear-gradient(to bottom,rgba(22,22,22,.3) 0,rgba(22,22,22,.7) 75%,#161616 100%),url('https://assets.traceless.io/img/snowy_large.jpg');*/
    background: linear-gradient(to bottom,rgba(22,22,22,.1) 0,rgba(22,22,22,.2) 75%,rgba(22,22,22,.4) 100%),url('https://assets.traceless.io/img/green_2_large.jpg');
    background-position: center;
    background-size: cover;
}

.masthead.signin {
    /*background: linear-gradient(to bottom,rgba(22,22,22,.3) 0,rgba(22,22,22,.7) 75%,#161616 100%),url('https://assets.traceless.io/img/snowy_large.jpg');*/
    background: linear-gradient(to bottom,rgba(22,22,22,.1) 0,rgba(22,22,22,.2) 75%,rgba(22,22,22,.4) 100%),url('https://assets.traceless.io/img/snowy_large.jpg');
    background-position: center;
    background-size: cover;
}

.masthead h1 {
  background: transparent;
  -webkit-text-fill-color: #fff;
  /* font-family: Helvetica,arial; */
  font-weight: bold;
}

.masthead.purchase_complete {
    background: linear-gradient(to bottom, rgba(22, 22, 22, .2) 0, rgba(22, 22, 22, .35) 75%, rgba(22, 22, 22, 0) 100%), url('https://assets.traceless.io/img/bg/gradient.jpg');
    background-position: center;
    background-size: cover;
}

.error.masthead {
    background: linear-gradient(to bottom, rgba(22, 22, 22, .2) 0, rgba(22, 22, 22, .35) 75%, rgba(22, 22, 22, 0) 100%), url('https://assets.traceless.io/img/bg/gradient.jpg');
    width: 100%;
    height: auto;
    min-height: 35rem;
    padding: 15rem 0;
    background-position: center;
    background-size: cover;
    background-repeat: repeat;

    background-attachment: scroll;

}

.error.masthead.poderror {
  padding-top: 20px;
}

.traceless-title {
  font-weight: normal;
  font-family: Roboto-Light, Arial;
}


.tr-font {
  font-family: Roboto, Arial;
  letter-spacing: .04rem;
}

.tr-font-lt {
  font-family: Roboto-Light, Arial;
  letter-spacing: .04rem;

}

.text-black {
  color: #000;
}

table.table tr.Customer td.status {
  color: green;
}

table.table tr.Disabled td.status {
  color: orange;
}

table.table tr.Canceled td.status {
  color: red;
}

table.table tr.Lead td.status {
  color: blue
}

table.table tr.Inactive {
  opacity: .4;
}

table.table a.text-black {
  color: black
}

table.table td.Customer a {
  color: darkblue
}

table.table td.Enabled {
  color: green;
}

table.table td.Disabled {
  color: lightgrey;
}

table.table td.count_0 {
   color: lightgrey;
}

pre.tr_legal {
    white-space: pre-wrap;
    /*max-width: 20rem;*/
    word-wrap: break-word;
    overflow-wrap: break-word;
    font-family: Nunito
}

.masthead {
  height: auto;
  min-height: 70vh;
}

.login .masthead {
  height: 85vh
}

.frontpage.masthead {
  margin-top: 70px;
  padding: 2rem 0 4rem 0;
  /* height: 55vh; */
  height: auto;
  min-height: auto;
}

@media (min-width: 992px) {
  .frontpage.masthead {

  }
}

.h-85 {
  height: 85% !important;
}

.tm {
  font-size: .7rem;
}

/* Standalone >............................ */

@font-face {
    font-family: 'violet_sans';
    src: url('https://fonts.traceless.io/violet_sans/WOFF/VioletSans-Regular.woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('https://fonts.traceless.io/Roboto/Roboto-Regular.ttf');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Light';
    src: url('https://fonts.traceless.io/Roboto/Roboto-Light.ttf');
    font-weight: 300;
    font-style: normal;
}

@font-face {
  font-family: 'futura-bold-oblique';
  src: url('https://fonts.traceless.io/futura/Futura Std Extra Bold Condensed Oblique.ttf');
  font-weight: 300;
  font-style: normal;
}

.blog .blog-title {
  /* position:absolute;
  top: 120px;
  left: 20%;
  z-index: 20000; */

}

.tr-page-title {
  font-family: futura-bold-oblique !important;
  text-transform: uppercase;
  letter-spacing: -.09rem !important;
}


.tr-page-title.text-grey {
  color: rgb(65, 65, 65) !important;
}



.tr404 {
  z-index: 1000;
  position: relative;
}

.blog .blog-header {
  position: relative;
  width: 100%;
  min-height: 5rem;
  /* max-height: 5rem; */
  overflow: hidden;
}

.blog .header-bg {
  position: absolute;
  /* min-height: 35rem; */
  width: 100%;
  height: 100%;
  background-size: cover;
}

div.blog .row.big img {
  width: 100%;
  height: auto;
}

.blog .row.big p  {
  color: #000;
  font-family: Roboto;
}

.blog .row.big blockquote {
  width: 80%;
  margin: 2rem auto;
  text-align: left;
  border-left: 5px solid rgba(13, 148, 215, 0.281);
  padding-left: 10px;
}

.blog .row.big blockquote p {
  font-family: Nunito;
  font-size: 1.7rem;
  font-weight: 300;
  /* letter-spacing: .04rem; */
  line-height: 2.2rem;
  color: #000000;
}

.underline {
  text-decoration: underline;
  text-decoration-thickness: 1px;
}

.w-70 {
  width: 70%;
}
.w-65 {
  width: 65%;
}
.w-60 {
  width: 60%;
}
.w-55 {
  width: 55%;
}
.w-80 {
  width: 80%;
}

.w-33 {
  width: 33%;
}

.w-20 {
  width: 20%;
}

.w-15 {
  width: 15%;
}



.blog iframe {
  width: 100%;
  height: auto;
  min-height: 500px;
  border : none;
  /* border-right: 3px solid rgba(13, 148, 215, 0.281); */
  border: 1px solid #d6d6d6;
}

.blog * a {
  color: #0d94d7;
}


body#envelope {
  /*font-family: violet_sans;*/
}

body#envelope .form-control{
  font-size: 1.2rem;
  letter-spacing: .07rem;
  color: black;
}


body#envelope .btn:hover {
  color: #fff;
  box-shadow: 1px 3px  rgba(0, 0, 0, .2);
}

#envelope .card-body .form-group ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: lightgrey;
  opacity: 1; /* Firefox */
  font-size: 1.5rem;
  /*text-transform: uppercase;*/
}

#envelope .card-body .form-group :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: blue;
}

#envelope .card-body .form-group ::-ms-input-placeholder { /* Microsoft Edge */
  color: blue;
}


.vue-js-switch {display:inline-block;
position:relative;
vertical-align:middle;
user-select:none;
font-size:10px;
cursor:pointer}

.vue-js-switch .v-switch-input {opacity:0;
position:absolute;
width:1px;
height:1px}

.vue-js-switch .v-switch-label {position:absolute;
top:0;
font-weight:600;
color:#fff;
z-index:1}

.vue-js-switch .v-switch-label.v-left {left:10px}.vue-js-switch .v-switch-label.v-right {right:10px}.vue-js-switch .v-switch-core {display:block;
position:relative;
box-sizing:border-box;
outline:0;
margin:0;
transition:border-color .3s,background-color .3s;
user-select:none}

.vue-js-switch .v-switch-core .v-switch-button {display:block;
position:absolute;
overflow:hidden;
top:0;
left:0;
border-radius:100%;
background-color:#fff;
z-index:2}

.vue-js-switch.disabled {pointer-events:none;
opacity:.6}

.PricingTableBG {
  background-color: #0233a7;
}

.PricingTableButton{
  background-color: #31bc0b;
}


.g1 {
  background: rgb(105,73,198);
  background: linear-gradient(21deg, rgba(105,73,198,1) 0%, rgba(74,74,205,1) 45%, rgba(0,212,255,1) 100%);
}

.g2 {
background: rgb(73,198,143);
background: linear-gradient(21deg, rgba(73,198,143,1) 0%, rgba(105,48,148,1) 45%, rgba(226,0,255,1) 100%);
}

.g3 {
background: rgb(130,90,26);
background: linear-gradient(21deg, rgba(130,90,26,1) 0%, rgba(148,48,94,1) 45%, rgba(107,0,255,1) 100%);
}

.g4 {
background: rgb(62,130,26);
background: linear-gradient(21deg, rgba(62,130,26,1) 0%, rgba(48,148,136,1) 45%, rgba(12,119,136,1) 100%);
}
.g5 {
background: rgb(165,218,137);
background: linear-gradient(21deg, rgba(165,218,137,1) 0%, rgba(48,73,148,1) 45%, rgba(12,119,136,1) 100%);

}
.g6 {
background: rgb(137,204,218);
background: linear-gradient(21deg, rgba(137,204,218,1) 0%, rgba(51,43,73,1) 45%, rgba(94,76,125,1) 100%);
}

.g7 {
background: rgb(141,137,218);
background: linear-gradient(21deg, rgba(141,137,218,1) 0%, rgba(8,64,27,1) 45%, rgba(197,201,80,1) 100%);
}

.g8 {
  background: linear-gradient(217deg, rgba(255, 200, 230, .8), rgba(255, 0, 0, 0) 70.71%),
      linear-gradient(127deg, rgba(244, 255, 244, .8), rgba(0, 255, 0, 0) 70.71%),
      linear-gradient(336deg, rgba(244, 244, 255, .8), rgba(0, 0, 255, 0) 70.71%);
}

.bg1 {
background: rgb(0, 204, 255);
background: linear-gradient(346deg, rgba(0, 204, 255, 1) 0%, rgba(210, 237, 200, 1) 46%, rgba(0, 212, 255, 1) 100%);
}

.bg-mst {
background: rgb(111, 91, 177);
  background: linear-gradient(111deg, rgba(111, 91, 177, 1) 0%, rgba(158, 162, 201, 1) 74%, rgba(68, 32, 185, 1) 100%);}

.bg-slack {
  background: rgb(75, 21, 75);
    background: linear-gradient(18deg, rgba(75, 21, 75, 1) 0%, rgba(72, 69, 156, 1) 27%, rgba(75, 21, 75, 1) 100%);
}

.bg-servicenow {
background: rgb(0, 255, 17);
  background: linear-gradient(90deg, rgb(38, 255, 0) 0%, rgb(108, 196, 93) 7%, rgb(40, 184, 15) 100%);
}

.bg-autotask {
  background: rgb(112, 154, 189);
    background: linear-gradient(90deg, rgb(0, 213, 255) 0%, rgba(55, 106, 148, 1) 7%, rgba(8, 155, 218, 1) 100%);
}

.bg-connectwise {
background: rgb(221, 221, 221);
  background: linear-gradient(90deg, rgb(255, 213, 0) 0%, rgb(29, 29, 29) 7%, rgb(115, 115, 115) 100%);
}

.bg1 {
  background: rgb(131, 58, 180);
    background: linear-gradient(276deg, rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 1) 50%, rgba(252, 176, 69, 1) 100%);
}

.bg2 {
  background: rgb(34, 193, 195);
    background: linear-gradient(349deg, rgba(34, 193, 195, 1) 0%, rgba(179, 45, 253, 1) 100%);
}

.bg3 {
background: rgb(236, 134, 13);
  background: linear-gradient(349deg, rgba(236, 134, 13, 0.07466736694677867) 0%, rgba(19, 154, 161, 1) 100%);
}

.bg4 {
  background-image: url("https://assets.traceless.io/img/bg/1_primary.jpg");
  background-position: cover;}

.bg5 {
  background: linear-gradient(180deg, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .9) 105%), url("https://assets.traceless.io/img/bg/2_primary.jpg");
  background-position: center;
}

.bg6 {
  background: linear-gradient(to bottom, rgba(20, 13, 120, 0.3) 0%, rgba(88, 26, 90, 0.9) 100%),url("https://assets.traceless.io/img/bg/5_primary.jpg");
}

.bg7 {
  background: linear-gradient(to bottom, rgba(22, 22, 22, .1) 0, rgba(22, 22, 22, .2) 75%, rgba(22, 22, 22, .4) 100%),
    url('https://assets.traceless.io/img/snowy_large.jpg')
}

.btn-tr1 {
  background: rgb(255, 255, 255);
  font-family: 'futura-bold-oblique';
  text-transform: uppercase;
  letter-spacing: -.04rem;
}
.btn-tr1:hover {
  background: rgb(243, 255, 254);
  opacity: 1;
}
























.row.big > a {
  text-decoration: none;
  color: white;
}

.row.big p {
  font-size: 1rem;
}

.row.big {
  color: white;
}

.b1 {
  background-image: url('https://assets.traceless.io/img/demo-image-01.jpg');
  background-position: center;
  background-size: cover;
}

.b2 {
  background-image: url('https://assets.traceless.io/img/demo-image-02.jpg');
  background-position: 50% 85%;
  background-size: cover;
}

@media (max-width: 991.98px) {
  #traceless.standalone {
    margin-left: .8rem;
    margin-right: .8rem;
  }

  .w-65 {
    width: 100%;
  }

  #content .blog-header .blog-title {
    /* padding-left: 0 !important;
    padding-right: 0 !important; */
    /* margin: 0 auto !important; */
    margin-left: 5% !important;

  }


  .frontpage.masthead {
    height: auto;
    margin-top: 60px;
    padding: 1rem 0 2rem 0;
    /* max-height: 350px; */
    /* min-height: auto; */
  }

  .frontpage.masthead h1 {
    font-size: 2rem;
    font-weight: normal
  }

  #video.about-section .btn {
    margin-bottom: 1rem;
  }

  #about ul {
    padding: 0 !important;
    margin: 3rem 0 !important;
    width: 100% !important;
  }


  nav.navbar ul li.nav-item .px-3{
    /* padding-left: .1rem !important; */
    /* padding-right: .1rem !important; */
  }
  nav.navbar ul li.nav-item.login {
    display: none;
  }

  nav.navbar .title-link {
    width: 33% !important;
  }

  nav.navbar .title-link img {
    width: 100% !important;
  }



}


label.bmd-label-static {
  margin-bottom: 0 !important;
  letter-spacing: .03rem;
}

.no-shadow, .no-shadow * {
  box-shadow: none !important;
  text-shadow: none !important;
}


.opacity-0 {
  opacity:  0.0;
}
.opacity-1 {
  opacity:  0.1;
}
.opacity-2 {
  opacity:  0.2;
}
.opacity-3 {
  opacity:  0.3;
}
.opacity-4 {
  opacity:  0.4;
}
.opacity-5 {
  opacity:  0.5;
}
.opacity-6 {
  opacity:  0.6;
}
.opacity-7 {
  opacity:  0.7;
}
.opacity-8 {
  opacity:  0.8;
}
.opacity-9 {
  opacity:  0.9;
}
.opacity-10 {
  opacity:  1.0;
}


.clearfix, .clear, .clear-fix {
  clear: both;
}



/* Menu pop up */

.topbar .dropdown .dropdown-menu {
  min-width: 225px;
  z-index: 10000; /* looool */
}

body.verify #wrapper #content-wrapper{
      background-color: #f8f9fc;
      transition: background-color 0.7s ease-in-out;
}

body.verify.complete #wrapper #content-wrapper{
  background-color: #a2ffa2;
}

body.register #wrapper #content-wrapper {
  background-color: #f8f9fc;
  transition: background-color 0.7s ease-in-out;
}

body.register.complete #wrapper #content-wrapper {
  background-color: #a2e9ff;
}


/*
  podwide rules
*/
.podwide_full_container {
  margin-top: 3%;
  /* margin-left: 5%; */
/* background-color: #fff; */
/* height: 100%; */

}

body.self_hosted_pod #wrapper #content-wrapper #content .container-fluid, body.self_hosted_pod footer{
  background-color: white;
}

.podwide{
background-color: #fff;
}
#podview_large_viewer{
  background-color: #fff;
}

.navbar-brand {
  width: 190px;
  background: url(https://assets.traceless.io/img/traceless-2023-logo-wildstyle-large-crop.png);
  background-size:contain;
  background-repeat: no-repeat;
}

nav.navbar-shrink .navbar-brand  {
  background: url(https://assets.traceless.io/img/traceless-2023-logo-wildstyle-large-crop.png);
  background-size:contain;
  width: 190px;
  background-repeat: no-repeat;
}


#video.about-section {
  padding-top: 4rem;
}


.signup-section .form-inline input {
  text-transform: none;
}

@media (max-width: 992px) {
  #mainNav .navbar-brand {
    background: url(https://assets.traceless.io/img/traceless-2023-logo-wildstyle-large-crop.png);
    background-size:contain;
    width: 190px;
    /*padding: .5rem 0;*/
    margin: .9rem 0 0 0;
    background-repeat: no-repeat;
  }
}

#mce-error-response, #mce-success-response {
  display:none;
}

#mce-hidden-input {
  position: absolute;
  left: -5000px;
}