.black {
  color: #000000;
}
.blue {
  color: #97C4EA;
}
.dark-blue {
  color: #3E5A74;
}
.bold {
  font-family: "Open Sans Bold", "Open Sans", sans-serif;
  font-weight: 700;
}
.round-corners {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.semi-bold {
  font-family: "Open Sans Semibold", "Open Sans", sans-serif;
  font-weight: 700;
}
.underline {
  text-decoration: underline;
}
.up {
  text-transform: uppercase;
}
html {
  height: 100%;
}
body {
  color: #333333;
  font-family: Lato, sans-serif;
  min-height: 100%;
  height: 100%;
}
body > .container-fluid {
  background: none;
  min-height: 100%;
  position: relative;
  z-index: 1;
  padding-bottom: 20px;
}
a {
  color: #72A1C2;
}
a:hover {
  color: #72A1C2;
  text-decoration: underline;
}
.page-title {
  color: #fff;
  text-align: center;
  width: 100%;
  position: absolute;
  margin: 8px 0 0 0;
  font-size: 30px;
  top: 0;
  left: 0;
  padding-right: 60px;
}
.text-shadow {
  text-shadow: 2px 2px #666666;
}
.contextual-links {
  margin: 10px 0;
}
.right {
  text-align: right;
}
.center {
  text-align: center;
}
.navbar-inverse {
  background: #123C5A url(../images/popbg.png) top center no-repeat;
  border: none;
  z-index: 999;
}
.show-right-nav,
.show-left-nav {
  margin-right: 0;
  margin-left: 0;
}
.show-right-nav nav {
  margin-right: 250px;
}
.show-left-nav nav {
  margin-left: 250px;
}
.view {
  color: #f9f9f9;
}
.growl-container {
  position: fixed;
  top: 55px;
  right: 15px;
  width: 250px;
}
.growl-container .growl-item {
  z-index: 9999;
}
.growl-container .alert-success {
  color: #f9f9f9;
  background: rgba(0, 0, 0, 0.8);
  border-color: rgba(0, 0, 0, 0.8);
}
.growl-container .alert-success .close:hover,
.growl-container .alert-success .close:focus,
.growl-container .alert-success button.close {
  color: #f9f9f9;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #777;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background: rgba(255, 255, 255, 0.1);
}
.table .td-checkbox {
  width: 45px;
  text-align: center;
}
.table .id {
  width: 100px;
}
.btn-header {
  float: right;
}
.form-group .select2-container {
  display: block;
  min-width: 0;
  max-width: none;
  width: auto;
}
.navbar-nav .sep {
  padding-right: 0;
  margin-right: -2px;
}
.navbar-default {
  height: 50px;
}
.navbar-default .navbar-nav > li > a {
  padding-top: 12px;
  padding-bottom: 0;
}
.navbar-default .navbar-nav > li > .navbar-brand {
  padding-top: 15px;
  padding-left: 25px;
}
.navbar-default .navbar-header {
  position: relative;
  z-index: 100;
}
.subnav {
  height: 100%;
  width: 150px;
  position: fixed;
  top: 0;
  color: #f9f9f9;
  z-index: 999;
  background: rgba(0, 0, 0, 0.98);
}
.subnav .navbar-text {
  float: none;
}
.subnav .nav-pills > li.active > a,
.subnav .nav-pills > li > a:hover {
  background: none;
  color: #fff;
}
.subnav a {
  text-transform: uppercase;
  color: #666666;
  line-height: 26px;
  font-size: 13px;
}
.subnav-left {
  left: 0;
  width: 250px;
  padding-top: 12px;
}
.subnav-right {
  right: 0;
  width: 250px;
}
.subnav-right .header {
  font-weight: bold;
  background: #222;
  height: 50px;
  line-height: 50px;
}
.subnav-right .header .navbar-text {
  margin-top: 0;
}
.subnav-right .user-image {
  float: right;
}
.show-right-nav-add,
.show-right-nav-remove,
.show-left-nav-add,
.show-left-nav-remove {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#admin-users-table td.username img {
  margin: 0 5px;
}
.admin-table th {
  text-align: center;
}
.admin-table td.checkbox {
  text-align: center;
  margin: 0;
}
.admin-table td.checkbox input {
  margin: 0;
  float: none;
}
.admin-table td.id {
  width: 60px;
}
.admin-table td.right {
  text-align: right;
}
.view {
  position: relative;
  padding: 30px 0;
}
.navbar-inverse .navbar-nav > li > a.logo {
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  padding-top: 16px;
}
.navbar-inverse .navbar-nav > li > a.logo img {
  width: 32px;
  height: 32px;
  position: relative;
  top: -3px;
}
.form-edit-user .user-image {
  display: block;
  margin-bottom: 12px;
}
.form {
  max-width: 660px;
  padding: 30px;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.1);
}
.menu-header {
  font-size: 20px;
  line-height: 28px;
  font-weight: bold;
  margin-top: 15px;
  font-family: "Open Sans Bold", "Open Sans";
  color: #000;
  text-transform: uppercase;
}
.page-header {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  margin-top: 30px;
  padding: 0 0 5px 5px;
  font-family: "Open Sans Bold", "Open Sans";
  color: #3E5A74;
  text-transform: uppercase;
  border-bottom: 1px solid #E2E7EA;
}
.page-header .btn-back {
  position: relative;
  right: 15px;
  bottom: 10px;
  padding: 6px 26px;
}
wysiwyg-edit .tinyeditor{border:1px solid #bbb;padding:0 1px 1px;font:12px Verdana,Arial}wysiwyg-edit .tinyeditor iframe{border:none;background:#fff;overflow-x:hidden}wysiwyg-edit .tinyeditor .sizer{min-height:200px;height:400px;position:relative}wysiwyg-edit .tinyeditor .resizer{background:url(images/resize.gif) 15px 15px no-repeat;float:right;height:32px;width:32px;cursor:ns-resize}wysiwyg-edit .tinyeditor .tinyeditor-header{height:auto;border-bottom:1px solid #bbb;background:url(images/header-bg.gif);padding-top:1px}wysiwyg-edit .tinyeditor .tinyeditor-header select{float:left;width:220px;border:1px solid #ccc;background-color:#fff;height:30px;line-height:30px}wysiwyg-edit .tinyeditor .tinyeditor-header .tinyeditor-buttons-group{float:left;height:31px}wysiwyg-edit .tinyeditor .tinyeditor-header .tinyeditor-buttons-group .tinyeditor-size{margin:0 3px}wysiwyg-edit .tinyeditor .tinyeditor-header .tinyeditor-buttons-group .tinyeditor-style{margin-right:12px}wysiwyg-edit .tinyeditor .tinyeditor-header .tinyeditor-buttons-group .tinyeditor-divider{float:left;width:1px;height:30px;background:#ccc}wysiwyg-edit .tinyeditor .tinyeditor-header .tinyeditor-buttons-group .tinyeditor-control{float:left;width:34px;height:30px;cursor:pointer;background-image:url(images/icons.png);background-position-x:0}wysiwyg-edit .tinyeditor .tinyeditor-header .tinyeditor-buttons-group .tinyeditor-control:hover{background-color:#fff;background-position-x:34px}wysiwyg-edit .tinyeditor .tinyeditor-header .tinyeditor-buttons-group .tinyeditor-control.pressed{background-color:#D0CFCF}wysiwyg-edit .tinyeditor .tinyeditor-header .tinyeditor-buttons-group .tinyeditor-control-fa{background-image:none;position:relative}wysiwyg-edit .tinyeditor .tinyeditor-header .tinyeditor-buttons-group .tinyeditor-control-fa i{font-size:16px;margin:8px 5px 0 10px;color:#555}wysiwyg-edit .tinyeditor .tinyeditor-header .tinyeditor-buttons-group .tinyeditor-control-fa div.hr{border:1px solid #555;margin:15px 10px}wysiwyg-edit .tinyeditor .tinyeditor-header .tinyeditor-buttons-group:after{clear:left}wysiwyg-edit .tinyeditor .tinyeditor-footer{height:32px;border-top:1px solid #bbb;background:#f5f5f5;margin-top:10px}wysiwyg-edit .tinyeditor .tinyeditor-footer .toggle{float:left;background:url(images/icons.png) -34px 2px no-repeat;padding:10px 13px 0 31px;height:32px;border-right:1px solid #ccc;cursor:pointer;color:#666}wysiwyg-edit .tinyeditor .tinyeditor-footer .toggle:hover{background-color:#fff}wysiwyg-edit .tinyeditor .resize{float:right;height:32px;width:32px;background:url(images/resize.gif) 15px 15px no-repeat;cursor:s-resize}wysiwyg-edit .tinyeditor .tinyeditor-header .tinyeditor-buttons-group .tinyeditor-control .ngp-colors-grid{position:absolute;left:0;top:30px;background-color:#fff;width:192px;border:2px solid #000;padding:0;margin:0;z-index:100}wysiwyg-edit .tinyeditor .tinyeditor-header .tinyeditor-buttons-group .tinyeditor-control .ngp-colors-grid>li{list-style:none;border:2px solid #fff;float:left;width:20px;height:20px}wysiwyg-edit .tinyeditor .tinyeditor-header .tinyeditor-buttons-group .tinyeditor-control .ngp-colors-grid>li:hover{opacity:.7}wysiwyg-edit .tinyeditor .tinyeditor-header .tinyeditor-buttons-group .tinyeditor-control .ngp-symbols-grid{position:absolute;left:0;top:30px;background-color:#fff;width:384px;border:2px solid #000;padding:0;margin:0;z-index:100}wysiwyg-edit .tinyeditor .tinyeditor-header .tinyeditor-buttons-group .tinyeditor-control .ngp-symbols-grid>li{list-style:none;border:1px solid #e7e7e7;float:left;width:30px;height:30px;text-align:center;font-size:1.3em}wysiwyg-edit .tinyeditor .tinyeditor-header .tinyeditor-buttons-group .tinyeditor-control .ngp-symbols-grid>li:hover{opacity:.7;font-size:1.7em}@media only screen and (max-width:500px){wysiwyg-edit .tinyeditor .tinyeditor-header .tinyeditor-buttons-group .tinyeditor-font,wysiwyg-edit .tinyeditor .tinyeditor-header .tinyeditor-buttons-group .tinyeditor-size,wysiwyg-edit .tinyeditor .tinyeditor-header .tinyeditor-buttons-group .tinyeditor-style{width:80px}}@media only screen and (max-width:768px){wysiwyg-edit .tinyeditor .tinyeditor-header .tinyeditor-buttons-group .tinyeditor-font,wysiwyg-edit .tinyeditor .tinyeditor-header .tinyeditor-buttons-group .tinyeditor-size,wysiwyg-edit .tinyeditor .tinyeditor-header .tinyeditor-buttons-group .tinyeditor-style{width:80px}}

body {
  font-family: "Open Sans", sans-serif;
}
body.in-app {
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
}
body .mobile-warning-banner.loaded {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 10px 0;
  color: #fff;
  background: #A10F10;
  text-align: center;
  font-weight: 500;
  font-family: Roboto;
  z-index: 100000;
}
@media screen and (max-width: 991px) {
  body .mobile-warning-banner.loaded {
    display: block!important;
  }
}
@media not all and (min-resolution: 0.001dpcm) {
  ::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
  }
  ::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
  }
}
a {
  color: #808080;
}
a.active,
a:hover,
a:focus,
.nav > li > a:hover,
.nav > li > a:focus {
  color: #3E5A74;
  text-decoration: underline;
  background: none !important;
  text-shadow: 0 0 1px #3E5A74;
}
.block-wrapper {
  width: 100%;
  padding: 6px 12px;
  border: 1px solid #ccc;
  margin-bottom: 12px;
  margin-top: 12px;
}
button.download-link {
  min-width: 156px;
}
.nav > li > a.noactive:focus {
  color: #808080;
  text-decoration: none;
  font-weight: normal;
}
.nav.tree {
  text-transform: uppercase;
}
.nav.tree li {
  font-size: 12px;
}
h1,
h2,
h3,
h4,
h5 {
  color: #3E5A74;
  font-weight: bold;
  font-family: "Open Sans Bold", sans-serif;
}
label {
  text-transform: uppercase;
  font-size: 12px;
  line-height: 20px;
  font-family: "Open Sans Semibold", "Open Sans", sans-serif;
  font-weight: bold;
  color: #000;
}
strong {
  font-family: "Open Sans Bold", "Open Sans", sans-serif;
  font-weight: 700;
}
.errors {
  color: red;
}
form .errors {
  margin: 10px 0;
  padding: 10px;
  background: #d9534f;
  color: #fff;
}
.inline-edit {
  width: 100%;
  height: 100%;
  outline: none;
}
.inline-edit p {
  margin: 0px;
}
.has-error .help-block a {
  font-family: "Open Sans Bold", "Open Sans", sans-serif;
  font-weight: 700;
  text-decoration: underline;
  color: #a94442;
}
.modal-header {
  text-transform: uppercase;
  color: #000000;
  font-family: "Open Sans Bold", "Open Sans", sans-serif;
  font-weight: 700;
  font-size: 16px;
  border: 0;
}
.modal-footer {
  border: 0;
}
.ui-select-bootstrap .ui-select-choices-row.active > a {
  color: inherit;
  text-decoration: none;
  outline: 0;
  background-color: #428bca !important;
}
.ui-select-match .btn {
  background: #fff !important;
  text-transform: none !important;
  height: 34px;
  border-color: #CCC;
}
.obscure {
  position: absolute;
  width: 100%;
  height: 100%;
  padding-right: 30px;
  z-index: 98;
}
.obscure .obscure-inner {
  background: #000;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.app-header .app-header-inner {
  display: flex;
  max-width: 1185px;
  width: 100%;
  margin: 0 auto;
  padding: 10px 0;
  justify-content: space-between;
  align-items: center;
}
.app-header .app-header-inner .site-logo {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}
.app-header .app-header-inner .site-logo img {
  width: 199px;
}
.app-header .app-header-inner .account-wrapper {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  padding-right: 25px;
  font-weight: bold;
}
.app-header .app-header-inner .account-wrapper .logo {
  display: inline-block;
  padding: 0;
}
.app-header .app-header-inner .account-wrapper .logo img {
  width: auto;
  height: 60px;
  margin: 0;
}
.app-header .app-header-inner .account-wrapper .name-wrapper {
  display: inline-block;
  color: #3e5a74;
  padding-top: 12px;
  text-align: right;
  text-transform: uppercase;
  font-size: 12px;
}
.app-header .app-header-inner .account-wrapper .name-wrapper ul li {
  list-style-type: none;
}
.app-header .app-header-inner .account-wrapper .name-wrapper ul li.divider {
  margin: 5px 0;
}
.app-header .app-header-inner .account-wrapper .name-wrapper a#username-link {
  font-size: 15px;
  color: #949494;
  text-decoration: none;
}
.app-header .app-header-inner .account-wrapper .name-wrapper a#username-link span {
  vertical-align: middle;
}
.app-header .app-header-inner .account-wrapper .name-wrapper a#username-link i {
  margin-left: 5px;
  line-height: 20px;
}
.app-header .app-header-inner .account-wrapper .name-wrapper a#username-link i.fa-chevron-up {
  display: none;
}
.app-header .app-header-inner .account-wrapper .name-wrapper a#username-link img.setting-link {
  width: 16px;
  height: auto;
  margin-top: -3px;
  opacity: 0.3;
  margin-right: 7px;
}
.app-header .app-header-inner .account-wrapper .name-wrapper a#username-link:hover {
  text-decoration: none;
  color: #323232;
}
.app-header .app-header-inner .account-wrapper .name-wrapper a#username-link:hover img.setting-link {
  opacity: 0.8;
}
.app-header .app-header-inner .account-wrapper .name-wrapper .dropdown.open a#username-link {
  color: #323232;
  text-decoration: none;
}
.app-header .app-header-inner .account-wrapper .name-wrapper .dropdown.open a#username-link img.setting-link {
  opacity: 0.8;
}
.app-header .app-header-inner .account-wrapper .name-wrapper .dropdown.open a#username-link i.fa-chevron-down {
  display: none;
}
.app-header .app-header-inner .account-wrapper .name-wrapper .dropdown.open a#username-link i.fa-chevron-up {
  display: inline;
}
.app-header .app-header-inner .account-wrapper .name-wrapper a {
  font-size: 12px;
  color: #3e5a74;
  padding-top: 6px;
  padding-bottom: 6px;
  text-decoration: none;
}
.in-app {
  background-color: #FFF;
}
.in-app .account-navigation .upgrade-plan {
  display: none;
}
.in-app main.main {
  background-color: #F5F7F8;
  background-image: url(/assets/images/2.0/circle-bg.svg);
  background-position: right -386px top 118px;
  background-repeat: no-repeat;
  background-attachment: fixed;
  flex: 1;
}
.in-app main.main .overflow-hidden {
  overflow: hidden;
}
.in-app main.main .view-wrapper {
  max-width: 1185px;
  width: 100%;
  margin: 0 auto 90px;
  position: relative;
  min-height: 100%;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.in-app main.main .view-wrapper .cogs {
  z-index: -1;
  position: absolute;
  top: -70px;
  left: 220px;
  opacity: 0.1;
  width: 200px;
}
.in-app main.main .view-wrapper .view {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  color: #000000;
  padding: 20px 0 0;
  min-height: 90%;
  position: relative;
  z-index: 2;
}
.in-app .background-circle {
  position: absolute;
  width: 1734px;
  height: 1734px;
  background: transparent linear-gradient(144deg, #edeff2 0%, #e7e8ea 100%) 0% 0% no-repeat padding-box;
  border-radius: 50%;
  left: 200px;
  top: 53px;
  z-index: 1;
}
.in-app .dashboard .position-relative {
  position: relative;
}
.in-app .dashboard .dash-title {
  margin-bottom: 50px;
}
.in-app .dashboard .dash-title h5 {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 0.7px;
  color: #4F708A;
  text-transform: uppercase;
}
.in-app .dashboard .dash-title h2 {
  font-family: Roboto;
  font-size: 30px;
  font-weight: 300;
  letter-spacing: 0px;
  color: #3C414C;
}
.in-app .dashboard .thin-title {
  font-family: Roboto;
  font-size: 24px;
  font-weight: 300;
  letter-spacing: 0;
  color: #3C414C;
}
.in-app .dashboard .dash-tasks {
  margin-bottom: 50px;
}
.in-app .dashboard .dash-tasks .dash-tasks-title {
  display: flex;
  justify-content: space-between;
  line-height: 38px;
  margin-bottom: 10px;
}
.in-app .dashboard .dash-tasks .dash-tasks-title .progress-wrapper .progress-inner {
  display: inline-block;
}
.in-app .dashboard .dash-tasks .dash-tasks-title .progress-wrapper .progress-inner .progress {
  width: 138px;
  height: 9px;
  margin: 0;
}
.in-app .dashboard .dash-tasks .dash-tasks-title .progress-wrapper .progress-inner .progress .progress-bar {
  background-color: #BFC551;
}
.in-app .dashboard .dash-tasks .dash-tasks-title .progress-wrapper .progress-value {
  display: inline-block;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0px;
  color: #3C414C;
  margin-left: 10px;
}
.in-app .dashboard .dash-tasks .dash-tasks-title .toggle-tasks button {
  outline: none;
  border: 1px solid #C4C4C4 !important;
  background-color: #C4C4C4 !important;
  color: #FFF;
  font-weight: 900;
  letter-spacing: 0.7px;
}
.in-app .dashboard .dash-tasks .dash-tasks-title .toggle-tasks button:hover {
  background-color: #BFC551 !important;
  color: #fff;
}
.in-app .dashboard .dash-tasks .dash-tasks-title .toggle-tasks button.inactive {
  background-color: transparent!important;
  border: 1px solid #BFC551 !important;
  color: #3C414C;
}
.in-app .dashboard .dash-tasks .dash-tasks-title .toggle-tasks button.inactive:hover {
  background-color: #BFC551 !important;
  color: #fff;
}
.in-app .dashboard .dash-tasks .task {
  border-radius: 5px;
  display: flex;
  width: 100%;
  background: #fff;
  margin-bottom: 30px;
  padding: 30px 30px 30px 20px;
  line-height: 32px;
  font-size: 22px;
  font-family: Roboto;
}
.in-app .dashboard .dash-tasks .task:last-child {
  margin-bottom: 0;
}
.in-app .dashboard .dash-tasks .task .step-number {
  border-radius: 50%;
  border: 2px solid #BFC551;
  background-color: #fff;
  color: #3C414C;
  margin: auto 20px auto 0;
  width: 32px;
  height: 32px;
  text-align: center;
  font-family: Roboto;
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
}
.in-app .dashboard .dash-tasks .task.done .step-number {
  background-color: #BFC551;
  color: #fff;
}
.in-app .dashboard .dash-tasks .task .step-inner {
  display: flex;
  justify-content: space-between;
  flex: 1;
}
.in-app .dashboard .dash-tasks .task .step-inner .step-title {
  font-family: Roboto;
  font-size: 24px;
  letter-spacing: 0;
  color: #3C414C;
  line-height: 44px;
}
.in-app .dashboard .dash-tasks .task .step-inner .step-title span.bold {
  font-weight: 900;
  margin-right: 5px;
}
.in-app .dashboard .dash-tasks .task .step-inner .step-title span.thin {
  font-weight: 300;
}
.in-app .dashboard .dash-tasks .task .step-inner .step-action a {
  background-color: transparent;
  display: inline-block;
  text-decoration: none;
  border-radius: 5px;
  border: 1px solid #BFC551;
  color: #000;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 0.7px;
  width: 250px;
  text-align: center;
  padding: 5px 0;
}
.in-app .dashboard .dash-tasks .task .step-inner .step-action a:hover {
  background-color: #BFC551 !important;
  color: #fff;
}
.in-app .dashboard .dash-tasks .task .step-inner .step-action a.action-link {
  margin-left: 30px;
}
.in-app .dashboard .dash-tasks .task.activeTask .step-action .action-link {
  background-color: #BFC551 !important;
}
.in-app .dashboard .dash-tasks .task.done .step-action .action-link {
  border: 1px solid #C4C4C4;
  background-color: #C4C4C4 !important;
  color: #FFF;
}
.in-app .dashboard .dash-actions {
  display: flex;
  margin: 0 -15px 85px;
}
.in-app .dashboard .dash-actions .action-block-wrapper {
  width: 50%;
  flex: 1;
  padding: 0 15px;
}
.in-app .dashboard .dash-actions .action-block-wrapper .action-block {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.in-app .dashboard .dash-actions .action-block-wrapper .action-block .action-inner {
  border-radius: 5px;
  background-color: #fff;
  border: 2px solid #BFC551;
  display: flex;
  flex: 1;
  padding: 30px 20px;
  position: relative;
}
.in-app .dashboard .dash-actions .action-block-wrapper .action-block .action-inner.right-action .action-inner-block {
  display: flex;
  margin: auto 0;
  padding-left: 24px;
}
.in-app .dashboard .dash-actions .action-block-wrapper .action-block .action-inner.right-action .action-inner-block .icon {
  width: 79px;
  height: 79px;
  border: 4px solid #39516A;
  border-radius: 50%;
  text-align: center;
  line-height: 70px;
  font-size: 45px;
  color: #BFC551;
}
.in-app .dashboard .dash-actions .action-block-wrapper .action-block .action-inner.right-action .action-inner-block .call-to-action {
  padding-left: 30px;
}
.in-app .dashboard .dash-actions .action-block-wrapper .action-block .action-inner.right-action .action-inner-block .call-to-action h5 {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.7px;
  color: #4F708A;
  text-transform: uppercase;
}
.in-app .dashboard .dash-actions .action-block-wrapper .action-block .action-inner.right-action .action-inner-block .call-to-action h4 {
  font-family: Roboto;
  font-size: 30px;
  letter-spacing: 0;
  font-weight: 300;
  color: #3C414C;
}
.in-app .dashboard .dash-actions .action-block-wrapper .action-block .action-inner.right-action .action-inner-block .call-to-action p {
  font-family: Roboto;
  font-size: 16px;
  letter-spacing: 0;
  font-weight: 300;
  color: #3C414C;
}
.in-app .dashboard .dash-actions .action-block-wrapper .action-block .action-inner.right-action .action-inner-block .call-to-action a {
  background-color: transparent;
  display: inline-block;
  text-decoration: none;
  border-radius: 5px;
  border: 1px solid #BFC551;
  color: #3C414C;
  font-size: 14px;
  line-height: 14px;
  font-weight: 900;
  text-align: center;
  padding: 14px 25px;
  letter-spacing: 0.7px;
}
.in-app .dashboard .dash-actions .action-block-wrapper .action-block .action-inner.right-action .action-inner-block .call-to-action a:hover {
  background-color: #BFC551 !important;
  color: #fff;
}
.in-app .dashboard .dash-actions .action-block-wrapper .action-block .action-inner .summaries {
  padding: 0;
  margin: 0;
  width: 100%;
}
.in-app .dashboard .dash-actions .action-block-wrapper .action-block .action-inner .summaries li {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}
.in-app .dashboard .dash-actions .action-block-wrapper .action-block .action-inner .summaries li:last-child {
  margin: 0;
}
.in-app .dashboard .dash-actions .action-block-wrapper .action-block .action-inner .summaries li .summary-title {
  display: flex;
}
.in-app .dashboard .dash-actions .action-block-wrapper .action-block .action-inner .summaries li .summary-title .summary-icon .far {
  background-color: #BFC551;
  color: #fff;
  border-radius: 50%;
  line-height: 24px;
  font-size: 11px;
  width: 24px;
  height: 24px;
  text-align: center;
}
.in-app .dashboard .dash-actions .action-block-wrapper .action-block .action-inner .summaries li .summary-title .text {
  font-family: Roboto;
  font-size: 16px;
  color: #3C414C;
  letter-spacing: 0;
  margin-left: 10px;
  line-height: 24px;
}
.in-app .dashboard .dash-actions .action-block-wrapper .action-block .action-inner .summaries li .summary-value {
  font-family: Roboto;
  font-size: 14px;
  color: #3C414C;
  letter-spacing: 0;
  line-height: 24px;
  text-align: right;
}
.in-app .dashboard .dash-actions .action-block-wrapper .action-block .action-inner .upgrade-call {
  border-radius: 5px;
  border: 1px solid #BFC551;
  display: flex;
  padding: 20px;
  width: 45%;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}
.in-app .dashboard .dash-actions .action-block-wrapper .action-block .action-inner .upgrade-call .upgrade-call-inner {
  display: flex;
  margin: auto 0;
  width: 100%;
}
.in-app .dashboard .dash-actions .action-block-wrapper .action-block .action-inner .upgrade-call .icon {
  font-size: 20px;
  color: #BFC551;
  padding-right: 10px;
}
.in-app .dashboard .dash-actions .action-block-wrapper .action-block .action-inner .upgrade-call .info {
  flex: 1;
}
.in-app .dashboard .dash-actions .action-block-wrapper .action-block .action-inner .upgrade-call .info h5 {
  font-family: Roboto;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
  color: #3C414C;
  margin-top: 5px;
}
.in-app .dashboard .dash-actions .action-block-wrapper .action-block .action-inner .upgrade-call .info p {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0;
  color: #3C414C;
  margin: 0;
}
.in-app .dashboard .dash-actions .action-block-wrapper .action-block .action-inner .upgrade-call .info a {
  background-color: transparent;
  display: inline-block;
  text-decoration: none;
  border-radius: 5px;
  border: 1px solid #BFC551;
  color: #3C414C;
  font-size: 14px;
  line-height: 14px;
  font-weight: 900;
  width: 100%;
  text-align: center;
  padding: 14px 0;
  letter-spacing: 1.1px;
  margin-top: 15px;
}
.in-app .dashboard .dash-actions .action-block-wrapper .action-block .action-inner .upgrade-call .info a:hover {
  background-color: #BFC551 !important;
  color: #fff;
}
.in-app .dashboard .dash-links .link-inner {
  display: flex;
  background-color: #fff;
  border-radius: 7px;
  margin-bottom: 20px;
  justify-content: space-between;
  padding: 20px;
  line-height: 30px;
  color: #3C414C;
  font-family: Roboto;
}
.in-app .dashboard .dash-links .link-inner p {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0;
  margin: 0;
}
.in-app .dashboard .dash-links .link-inner a {
  font-weight: 900;
  letter-spacing: 0.7px;
}
.in-app .dashboard .dash-links .knowledge-base {
  text-align: right;
}
.in-app .dashboard .dash-links .knowledge-base a {
  background-color: transparent;
  display: inline-block;
  text-decoration: none;
  border-radius: 5px;
  border: 1px solid #BFC551;
  color: #000;
  font-size: 14px;
  line-height: 14px;
  font-weight: 700;
  text-align: center;
  padding: 14px 25px;
  letter-spacing: 0.7px;
}
.in-app .dashboard .dash-links .knowledge-base a:hover {
  background-color: #BFC551 !important;
  color: #fff;
}
.in-app .modal-schedule-call .action-block-wrapper {
  width: 100%;
  flex: 1;
  padding: 0 15px;
}
.in-app .modal-schedule-call .action-block-wrapper .action-block {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.in-app .modal-schedule-call .action-block-wrapper .action-block .action-inner {
  border-radius: 5px;
  background-color: #fff;
  display: flex;
  flex: 1;
  position: relative;
}
.in-app .modal-schedule-call .action-block-wrapper .action-block .action-inner.right-action .action-inner-block {
  display: flex;
  margin: auto 0;
  width: 100%;
  justify-content: space-between;
}
.in-app .modal-schedule-call .action-block-wrapper .action-block .action-inner.right-action .action-inner-block .info-block {
  display: flex;
}
.in-app .modal-schedule-call .action-block-wrapper .action-block .action-inner.right-action .action-inner-block .icon {
  width: 79px;
  height: 79px;
  border: 4px solid #39516A;
  border-radius: 50%;
  text-align: center;
  line-height: 70px;
  font-size: 45px;
  color: #BFC551;
  margin: auto;
}
.in-app .modal-schedule-call .action-block-wrapper .action-block .action-inner.right-action .action-inner-block .call-to-action {
  padding-left: 30px;
}
.in-app .modal-schedule-call .action-block-wrapper .action-block .action-inner.right-action .action-inner-block .call-to-action h5 {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.7px;
  color: #4F708A;
  text-transform: uppercase;
}
.in-app .modal-schedule-call .action-block-wrapper .action-block .action-inner.right-action .action-inner-block .call-to-action h4 {
  font-family: Roboto;
  font-size: 30px;
  letter-spacing: 0;
  font-weight: 300;
  color: #3C414C;
}
.in-app .modal-schedule-call .action-block-wrapper .action-block .action-inner.right-action .action-inner-block .call-to-action p {
  font-family: Roboto;
  font-size: 16px;
  letter-spacing: 0;
  font-weight: 300;
  color: #3C414C;
}
.in-app .modal-schedule-call .action-block-wrapper .action-block .action-inner.right-action .action-inner-block .call-to-action-button {
  margin: auto 0;
}
.in-app .modal-schedule-call .action-block-wrapper .action-block .action-inner.right-action .action-inner-block .call-to-action-button a {
  background-color: transparent;
  display: inline-block;
  text-decoration: none;
  border-radius: 5px;
  border: 1px solid #BFC551;
  color: #3C414C;
  font-size: 14px;
  line-height: 14px;
  font-weight: 900;
  text-align: center;
  padding: 14px 25px;
  letter-spacing: 0.7px;
}
.in-app .modal-schedule-call .action-block-wrapper .action-block .action-inner.right-action .action-inner-block .call-to-action-button a:hover {
  background-color: #BFC551 !important;
  color: #fff;
}
.in-app .modal-schedule-call .action-block-wrapper .action-block .action-inner .summaries {
  padding: 0;
  width: 100%;
}
.in-app .modal-schedule-call .action-block-wrapper .action-block .action-inner .summaries li {
  display: flex;
  justify-content: space-between;
  height: 55px;
}
.in-app .modal-schedule-call .action-block-wrapper .action-block .action-inner .summaries li:last-child {
  height: auto;
}
.in-app .modal-schedule-call .action-block-wrapper .action-block .action-inner .summaries li .summary-title .far {
  background-color: #BFC551;
  color: #fff;
  border-radius: 50%;
  line-height: 24px;
  font-size: 11px;
  width: 24px;
  height: 24px;
  text-align: center;
}
.in-app .modal-schedule-call .action-block-wrapper .action-block .action-inner .summaries li .summary-title .text {
  font-family: Roboto;
  font-size: 16px;
  color: #3C414C;
  letter-spacing: 0;
  margin-left: 10px;
  line-height: 24px;
}
.in-app .modal-schedule-call .action-block-wrapper .action-block .action-inner .summaries li .summary-value {
  font-family: Roboto;
  font-size: 14px;
  color: #3C414C;
  letter-spacing: 0;
  line-height: 24px;
  text-align: right;
}
.in-app .modal-schedule-call .action-block-wrapper .action-block .action-inner .upgrade-call {
  border-radius: 5px;
  border: 1px solid #BFC551;
  display: flex;
  padding: 20px;
  width: 45%;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}
.in-app .modal-schedule-call .action-block-wrapper .action-block .action-inner .upgrade-call .upgrade-call-inner {
  display: flex;
  margin: auto 0;
  width: 100%;
}
.in-app .modal-schedule-call .action-block-wrapper .action-block .action-inner .upgrade-call .icon {
  font-size: 20px;
  color: #BFC551;
  padding-right: 10px;
}
.in-app .modal-schedule-call .action-block-wrapper .action-block .action-inner .upgrade-call .info {
  flex: 1;
}
.in-app .modal-schedule-call .action-block-wrapper .action-block .action-inner .upgrade-call .info h5 {
  font-family: Roboto;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
  color: #3C414C;
  margin-top: 5px;
}
.in-app .modal-schedule-call .action-block-wrapper .action-block .action-inner .upgrade-call .info p {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0;
  color: #3C414C;
  margin: 0;
}
.in-app .modal-schedule-call .action-block-wrapper .action-block .action-inner .upgrade-call .info a {
  background-color: transparent;
  display: inline-block;
  text-decoration: none;
  border-radius: 5px;
  border: 1px solid #BFC551;
  color: #3C414C;
  font-size: 14px;
  line-height: 14px;
  font-weight: 900;
  width: 100%;
  text-align: center;
  padding: 14px 0;
  letter-spacing: 1.1px;
  margin-top: 15px;
}
.in-app .modal-schedule-call .action-block-wrapper .action-block .action-inner .upgrade-call .info a:hover {
  background-color: #BFC551 !important;
  color: #fff;
}
.modal-dashboard-schedule {
  width: 700px;
}
header.header {
  max-width: 1185px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header.header .type-info {
  color: #b1b1b1;
}
footer.footer .footer-inner {
  display: flex;
  justify-content: space-between;
  max-width: 1185px;
  width: 100%;
  margin: auto;
  padding: 25px 0;
}
footer.footer .footer-inner .divider {
  background-color: #BFC551;
  width: 2px;
  height: 20px;
  display: inline-block;
  margin: 0 15px;
  line-height: 30px;
}
footer.footer .footer-inner .footer-links {
  display: flex;
  align-items: center;
}
footer.footer .footer-inner .footer-links .fal {
  margin-right: 5px;
}
footer.footer .footer-inner .footer-logo img {
  width: 199px;
}
table .header {
  height: auto;
}
.logo {
  padding: 0;
  text-transform: uppercase;
}
.logo a {
  color: #fff;
  font-size: 32px;
  font-weight: normal;
}
.logo a:hover {
  text-decoration: none;
}
.logo span {
  color: #B0BC36;
}
.btn {
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
}
.btn-red {
  background: red;
}
.btn-red:hover {
  color: #fff;
}
.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
  background-color: #3E5A74 !important;
  border-color: #3E5A74;
  font-weight: normal;
}
.btn-danger,
.btn-danger:hover,
.btn-danger:active,
.btn-danger:focus {
  background-color: #000000 !important;
  border-color: #000000;
  font-weight: normal;
}
.btn-default,
.btn-default:hover,
.btn-default:active,
.btn-default:focus {
  color: #333;
  background-color: #E2E7EA !important;
  border-color: #E2E7EA;
  font-weight: normal;
}
.btn-green,
.btn-green:hover,
.btn-green:active,
.btn-green:focus {
  background-color: #B0BC36 !important;
  border-color: #B0BC36;
  color: #fff;
  font-weight: normal;
}
.btn-light-blue,
.btn-light-blue:hover,
.btn-light-blue:active,
.btn-light-blue:focus {
  background-color: #91C1E9 !important;
  border-color: #91C1E9;
  color: #fff;
  font-weight: normal;
}
.btn-link,
.btn-link:hover,
.btn-link:active,
.btn-link:focus {
  color: #949494;
  text-decoration: underline;
  text-transform: uppercase;
}
.btn-lg {
  font-size: 14px;
  padding: 10px 65px;
  font-family: "Open Sans Semibold", "Open Sans", sans-serif;
  font-weight: 700;
}
.btn-radios .btn {
  color: #333;
  background-color: #E2E7EA;
  border-color: #E2E7EA;
  padding: 6px 25px;
}
.btn-radios .btn.active {
  background-color: #91C1E9;
  border-color: #91C1E9;
  color: #fff;
}
.btn-white {
  background-color: #fff;
  border: 1px solid #ccc;
}
.btn-white i.fa {
  margin: 0 auto !important;
}
#spinner {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999999;
}
.up {
  text-transform: uppercase;
}
.no-pad-left {
  padding-left: 0;
}
.no-pad-right {
  padding-right: 0;
}
.account-certificates-new .btn-back {
  position: relative;
  right: 15px;
  bottom: 10px;
  padding: 6px 26px;
}
.account-certificates-new .new-cert img {
  width: 100%;
}
.account-certificates-new .new-cert .new,
.account-certificates-new .new-cert .duplicate {
  padding: 10px 20px;
  background: #F7F7F7;
  border-radius: 7px;
  margin-top: 20px;
}
.account-certificates-new .duplicate .table-wrapper {
  padding: 10px;
  border: 1px solid #E2E7EA;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.account-certificates-new .duplicate th {
  text-transform: uppercase;
  text-align: left;
  text-decoration: underline;
}
.account-certificates-new .duplicate tr {
  cursor: pointer;
}
.account-certificates-new .duplicate table > tbody > tr.active > td {
  background: #D6EFF4;
}
.account-certificates-new .duplicate td {
  color: #CDC8DA;
}
.account-certificates-new .duplicate td.title {
  color: #9DD6F2;
  text-decoration: underline;
}
.account-certificates-new .duplicate .btn-duplicate {
  margin-top: 20px;
}
.account-certificates-new .duplicate .ng-table-counts {
  display: none;
}
.account-certificates-new .duplicate .created {
  font-weight: bold;
}
.account-certificates-new .duplicate .created span {
  color: #9DD6F2;
  padding-left: 10px;
}
.account-certificates-new .duplicate .preview img {
  width: 100%;
}
.form-dark .form-control {
  border-color: #ffffff;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  box-shadow: none;
}
.form-group {
  margin-bottom: 20px;
}
.home .two-fa-form .title,
.login .two-fa-form .title {
  text-transform: uppercase;
  font-family: "Open Sans Bold", "Open Sans", sans-serif;
  font-weight: 700;
  font-size: 12px;
  color: #000;
}
.home .view-wrapper,
.login .view-wrapper {
  background: none;
  border: none;
}
.home .social-login-title,
.login .social-login-title {
  display: flex;
  color: #3F5C77;
  padding: 20px 0 10px;
  align-items: center;
  font-size: 10px;
}
.home .social-login-title hr,
.login .social-login-title hr {
  margin: 0;
  width: 130px;
}
.home .social-login-title span,
.login .social-login-title span {
  margin: 0 15px;
}
.home .social-login-wrapper,
.login .social-login-wrapper {
  padding: 10px 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.home .social-login-wrapper .social-login-button,
.login .social-login-wrapper .social-login-button {
  border: 1px solid #97AFC6;
  display: flex;
  width: 120px;
  align-items: center;
  justify-content: center;
  height: 40px;
  cursor: pointer;
  border-radius: 5px;
}
.home .social-login-wrapper .social-login-button:hover,
.login .social-login-wrapper .social-login-button:hover {
  text-decoration: none;
}
.home .social-login-wrapper .social-login-button img,
.login .social-login-wrapper .social-login-button img {
  width: 25px;
  margin-right: 5px;
}
.home .social-login-wrapper .gsi-material-button,
.login .social-login-wrapper .gsi-material-button {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-appearance: none;
  background-color: WHITE;
  background-image: none;
  border: 1px solid #747775;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #1f1f1f;
  cursor: pointer;
  font-family: 'Roboto', arial, sans-serif;
  font-size: 14px;
  height: 41px;
  letter-spacing: 0.25px;
  outline: none;
  overflow: hidden;
  padding: 0 12px;
  position: relative;
  text-align: center;
  -webkit-transition: background-color 0.218s, border-color 0.218s, box-shadow 0.218s;
  transition: background-color 0.218s, border-color 0.218s, box-shadow 0.218s;
  vertical-align: middle;
  white-space: nowrap;
  width: auto;
  max-width: 400px;
  min-width: min-content;
}
.home .social-login-wrapper .gsi-material-button .gsi-material-button-icon,
.login .social-login-wrapper .gsi-material-button .gsi-material-button-icon {
  height: 20px;
  margin-right: 12px;
  min-width: 20px;
  width: 20px;
}
.home .social-login-wrapper .gsi-material-button .gsi-material-button-content-wrapper,
.login .social-login-wrapper .gsi-material-button .gsi-material-button-content-wrapper {
  -webkit-align-items: center;
  align-items: center;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: space-between;
  position: relative;
  width: 100%;
}
.home .social-login-wrapper .gsi-material-button .gsi-material-button-contents,
.login .social-login-wrapper .gsi-material-button .gsi-material-button-contents {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  font-family: 'Roboto', arial, sans-serif;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.home .social-login-wrapper .gsi-material-button .gsi-material-button-state,
.login .social-login-wrapper .gsi-material-button .gsi-material-button-state {
  -webkit-transition: opacity 0.218s;
  transition: opacity 0.218s;
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.home .social-login-wrapper .gsi-material-button:disabled,
.login .social-login-wrapper .gsi-material-button:disabled {
  cursor: default;
  background-color: #ffffff61;
  border-color: #1f1f1f1f;
}
.home .social-login-wrapper .gsi-material-button:disabled .gsi-material-button-contents,
.login .social-login-wrapper .gsi-material-button:disabled .gsi-material-button-contents {
  opacity: 38%;
}
.home .social-login-wrapper .gsi-material-button:disabled .gsi-material-button-icon,
.login .social-login-wrapper .gsi-material-button:disabled .gsi-material-button-icon {
  opacity: 38%;
}
.home .social-login-wrapper .gsi-material-button:not(:disabled):active .gsi-material-button-state,
.login .social-login-wrapper .gsi-material-button:not(:disabled):active .gsi-material-button-state,
.home .social-login-wrapper .gsi-material-button:not(:disabled):focus .gsi-material-button-state,
.login .social-login-wrapper .gsi-material-button:not(:disabled):focus .gsi-material-button-state {
  background-color: #303030;
  opacity: 12%;
}
.home .social-login-wrapper .gsi-material-button:not(:disabled):hover,
.login .social-login-wrapper .gsi-material-button:not(:disabled):hover {
  color: #fff;
  background: #000;
}
.home .social-login-wrapper .gsi-material-button:not(:disabled):hover .gsi-material-button-state,
.login .social-login-wrapper .gsi-material-button:not(:disabled):hover .gsi-material-button-state {
  background-color: #303030;
  opacity: 8%;
}
.home .home,
.login .home {
  margin: 0;
  border: 3px solid #3E5A74;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  padding: 10px 0;
  background: transparent;
}
.home .view,
.login .view {
  width: 888px;
  margin: 0 auto;
  min-height: inherit;
  padding: 5px 40px;
}
.home .header,
.login .header,
.home .cogs,
.login .cogs {
  display: none;
}
.home .no-account,
.login .no-account,
.home .no-account .btn,
.login .no-account .btn {
  font-size: 10px;
  padding: 0;
}
.home .lead,
.login .lead {
  width: 540px;
  margin: 0 auto;
  color: #797979;
}
.home .lead .col,
.login .lead .col {
  width: 180px;
  height: 140px;
  float: left;
  text-align: center;
  position: relative;
}
.home .lead h3,
.login .lead h3 {
  font-size: 11px;
  color: #333;
  font-weight: bold;
  text-transform: uppercase;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
}
.home .lead p,
.login .lead p {
  font-size: 11px;
}
.home .lead .cert img,
.login .lead .cert img {
  width: 110px;
}
.home .lead .cert .arrow,
.login .lead .cert .arrow {
  width: 65px;
  position: absolute;
  top: 35px;
  right: -40px;
}
.home .lead .send img,
.login .lead .send img {
  width: 110px;
  position: relative;
  top: 8px;
}
.home .lead .send .arrow,
.login .lead .send .arrow {
  width: 65px;
  position: absolute;
  top: 35px;
  right: -32px;
}
.home .lead .store img,
.login .lead .store img {
  width: 110px;
  position: relative;
  top: 19px;
}
.home h1,
.login h1 {
  text-align: center;
  color: #3E5A74;
  text-transform: uppercase;
}
.home h1 span,
.login h1 span {
  color: #B0BC36;
}
.home .login-register,
.login .login-register {
  margin: 20px 0;
}
.home .login-register .login,
.login .login-register .login,
.home .login-register .reset-password,
.login .login-register .reset-password {
  min-height: 255px;
  position: relative;
}
.home .login-register .login,
.login .login-register .login {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.home .login-register .login .has-error .form-control,
.login .login-register .login .has-error .form-control {
  border-color: #843534;
}
.home .login-register .login .form-group,
.login .login-register .login .form-group {
  margin-bottom: 10px;
}
.home .login-register .login label,
.login .login-register .login label,
.home .login-register .login .forgot-password,
.login .login-register .login .forgot-password {
  text-transform: uppercase;
}
.home .login-register .login .forgot-password .btn,
.login .login-register .login .forgot-password .btn {
  padding-left: 0;
  font-size: 10px;
  color: #868686;
}
.home .login-register .login .no-account,
.login .login-register .login .no-account {
  font-size: 10px;
  color: #868686;
}
.home .login-register .login .no-account a,
.login .login-register .login .no-account a,
.home .login-register .login .no-account a:hover,
.login .login-register .login .no-account a:hover,
.home .login-register .login .no-account a:focus,
.login .login-register .login .no-account a:focus,
.home .login-register .login .no-account a:active,
.login .login-register .login .no-account a:active {
  text-decoration: underline;
  color: #868686;
  text-transform: uppercase;
  font-weight: normal;
}
.home .login-register .register,
.login .login-register .register {
  width: 350px;
  height: 299px;
  float: left;
  margin: 0 auto;
  text-transform: uppercase;
  text-align: center;
  background: url(../images/gold-badge.png) center center no-repeat;
}
.home .login-register .register .inner,
.login .login-register .register .inner {
  position: relative;
  top: 100px;
  left: -10px;
  font-weight: bold;
}
.home .login-register .register a,
.login .login-register .register a {
  color: #8A6FC3;
  font-size: 18px;
  text-decoration: underline;
}
.body-register {
  position: relative;
  padding: 0;
}
.body-register .home {
  display: none;
}
.body-register .cogs {
  display: none;
}
.body-register .view-wrapper {
  border: none;
  background: none;
  width: auto;
  margin: 0;
  border-radius: initial;
}
.body-register .view {
  border-radius: initial;
  display: flex;
  width: 100vw;
  height: 100vh;
  margin: 0;
  padding: 0;
  background-image: url('/assets/images/2.0/register-bg.svg');
  background-position: bottom -338px right -338px;
  background-repeat: no-repeat;
}
.body-register .view a.mailto-link {
  color: #3e5a74;
  text-decoration: none;
  background: none !important;
  font-weight: bold;
}
.body-register .view a.mailto-link:hover {
  text-decoration: underline;
}
.body-register .header,
.body-register .cogs {
  display: none;
}
.body-register .sc-logo {
  text-align: right;
}
.body-register .sc-logo h4 {
  color: #333;
  text-transform: uppercase;
}
.body-register .sc-logo h4 span {
  color: #B0BC36;
  padding-left: 5px;
}
.body-register .title {
  margin-top: 0;
  color: #333;
  font-size: 20px;
}
.body-register .subtitle {
  color: #555;
  font-size: 17px;
}
.body-register .form {
  padding: 0;
  max-width: 100%;
  width: 100%;
}
.body-register .form label {
  text-transform: uppercase;
  display: block;
}
.body-register .form input,
.body-register .form select {
  width: 100%;
}
.body-register .form input.checkbox {
  width: auto;
  margin-right: 10px;
}
.body-register .form .form-cogs {
  position: absolute;
  left: 40px;
  bottom: 40px;
  width: 250px;
  opacity: 0.1;
}
.body-register .tos #terms {
  height: 400px;
  width: 100%;
}
.body-register .tos .terms-wrapper {
  padding: 0 20px;
}
.body-register .tos .button-group {
  margin-top: 0;
}
.body-register .tos .button-group .first {
  padding-left: 20px;
}
.body-register .tos .button-group .last {
  padding-right: 20px;
}
.body-register .complete {
  position: relative;
  height: 400px;
}
.body-register .complete .icon-cert {
  position: absolute;
  left: 125px;
  bottom: -175px;
  width: 300px;
}
.body-register .complete .btn {
  width: 300px;
  position: absolute;
  bottom: 80px;
  right: 0;
}
.body-register .green_underline {
  position: relative;
}
.body-register .green_underline:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 4px;
  background: #b0bc36;
  border-radius: 2px;
}
.body-register .register {
  border: none;
  max-width: 1366px;
  max-height: 768px;
  width: 100%;
  height: 100%;
  margin: auto;
  padding: 30px 85px 0;
}
@media screen and (max-width: 991px) {
  .body-register .register {
    padding: 30px 15px 0;
  }
}
.body-register .register .home-logo {
  padding-bottom: 100px;
}
.body-register .register .form-title {
  font-family: Roboto;
  font-size: 40px;
  line-height: 40px;
  font-weight: 300;
  letter-spacing: 0;
  color: #3C414C;
  margin: 0 0 30px;
}
.body-register .register .subtitle {
  font-family: Roboto;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
  letter-spacing: 0;
  color: #3C414C;
  margin-bottom: 5px;
}
.body-register .register .register-form {
  margin-top: 40px;
}
.body-register .register .register-form.register-form-step-2 {
  margin-top: 0;
}
.body-register .register input.form-control,
.body-register .register select.form-control {
  border: 1px solid #97AFC6;
  padding: 12px 20px;
  border-radius: 5px;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0;
  color: #3C414C;
  height: auto;
  position: relative;
  z-index: 2;
  background-color: #fff;
}
.body-register .register input.form-control::-webkit-input-placeholder,
.body-register .register select.form-control::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #3C414C;
}
.body-register .register input.form-control::-moz-placeholder,
.body-register .register select.form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: #3C414C;
}
.body-register .register input.form-control:-ms-input-placeholder,
.body-register .register select.form-control:-ms-input-placeholder {
  /* IE 10+ */
  color: #3C414C;
}
.body-register .register input.form-control:-moz-placeholder,
.body-register .register select.form-control:-moz-placeholder {
  /* Firefox 18- */
  color: #3C414C;
}
.body-register .register input:placeholder-shown {
  background-color: transparent;
}
.body-register .register .placeholder-wrap {
  position: relative;
}
.body-register .register .placeholder-wrap .placeholder {
  position: absolute;
  top: 0;
  left: 0;
  padding: 12px 20px;
  z-index: 1;
  width: 100%;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0;
  color: #3C414C;
}
.body-register .register .placeholder-wrap .placeholder span {
  color: #BFC551;
}
.body-register .register .apply-code-box {
  margin-top: 15px;
}
.body-register .register .apply-code-box a {
  display: inline-block;
  color: #B0BC36;
  font-size: 16px;
  line-height: 48px;
  margin-right: 30px;
}
.body-register .register .apply-code-box input {
  display: inline-block;
  width: auto;
}
.body-register .register .go-back {
  background: #efefef;
  color: #000;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: 0.8px;
  line-height: 20px;
  padding: 12px;
  border: 1px solid #000;
  border-radius: 5px;
  width: 270px;
  text-align: center;
  text-decoration: none;
  margin-right: 20px;
}
.body-register .register .go-back:hover {
  background: #efefef !important;
  text-shadow: none;
}
.body-register .register .go-back:focus,
.body-register .register .go-back:active {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: 0;
  box-shadow: none;
}
.body-register .register .go-back i {
  margin-right: 15px;
}
@media screen and (max-width: 560px) {
  .body-register .register .go-back {
    width: auto;
  }
}
.body-register .register .submit {
  background: #BFC551;
  border-radius: 5px;
  border: none;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 900;
  padding: 12px;
  height: auto;
  width: 270px;
  margin-top: 30px;
}
.body-register .register .submit:hover {
  color: #fff;
}
.body-register .register .submit i {
  margin-left: 15px;
}
@media screen and (max-width: 991px) {
  .body-register .register .submit.first-step {
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .body-register .register .submit {
    width: auto;
  }
}
.body-register .register .simplecret-url {
  color: #3C414C;
  margin-bottom: 8px;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
}
.body-register .register .simplecret-url .url_info {
  cursor: help;
  margin-left: 5px;
}
.body-register .register .simplecret-url .url_info:hover {
  color: #b0bc36 !important;
}
.body-register .register .url-control {
  color: #3C414C;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.body-register .register .url-control span {
  display: inline-block;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0;
}
@media screen and (max-width: 450px) {
  .body-register .register .url-control .domain {
    display: none;
  }
}
.body-register .register .url-control #url {
  margin: 0 8px;
  width: 100%;
}
.body-register .register .agree .checkbox-agree {
  display: flex;
  margin-bottom: 25px;
  position: relative;
}
.body-register .register .agree .checkbox-agree .checkbox-inner {
  display: inline-block;
  margin-right: 5px;
  cursor: pointer;
  font-size: 16px;
  color: #2E4860;
}
.body-register .register .agree .checkbox-agree .checkbox-inner i {
  vertical-align: middle;
}
.body-register .register .agree .checkbox-agree .checkbox-text {
  display: inline-block;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0;
  color: #3C414C;
}
.body-register .register .agree .checkbox-agree .checkbox-text a {
  color: inherit;
  text-decoration: underline;
}
.body-register .register .agree .checkbox-agree .checkbox-text a:hover {
  font-weight: 300;
}
.body-register .register .agree .checkbox-agree .help-block {
  position: absolute;
  bottom: -22px;
  margin: 0;
}
.body-register .register .step-two .submit {
  margin: 0;
}
.main-row {
  position: relative;
  margin-top: 5px;
  padding-left: 15px;
  display: flex;
}
@media screen and (max-width: 767px) {
  .main-row {
    flex-wrap: wrap;
  }
}
.left-column {
  text-align: right;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  width: 20%;
  background-color: #e3eff9;
}
.left-column .left-nav {
  margin-bottom: 20px;
}
.left-column .left-nav .menu-item {
  text-align: right;
}
.left-column .left-nav .menu-item a {
  display: inline-block;
}
.left-column .left-nav .menu-item a.tutorial-link {
  cursor: pointer;
}
.left-column .left-nav .menu-item a.tutorial-link:hover {
  color: #b0bc36;
}
.left-column .left-nav .menu-item a.no-video {
  opacity: 0;
}
@media screen and (max-width: 767px) {
  .left-column {
    width: 100%;
    text-align: left;
  }
}
.left-column .nav > li > a {
  padding: 5px 0 5px 15px;
  font-size: 13px;
}
.left-column h3,
.left-column .menu-header,
.left-column a {
  text-transform: uppercase;
}
.left-column .video-box {
  margin-top: 20px;
}
.menu-header {
  font-size: 20px;
  line-height: 28px;
  font-family: "Open Sans Bold", "Open Sans", sans-serif;
  font-weight: 700;
  color: #000000;
  text-transform: uppercase;
  margin-top: 15px;
  margin-bottom: 5px;
}
.menu-subheader {
  font-style: italic;
  font-size: 12px;
  color: #333333;
  margin-top: 5px;
  margin-bottom: 20px;
}
.page-header {
  font-size: 16px;
  line-height: 24px;
  font-family: "Open Sans Bold", "Open Sans", sans-serif;
  font-weight: 700;
  margin-top: 30px;
  padding: 0 0 5px 5px;
  color: #3E5A74;
  text-transform: uppercase;
  border-bottom: 1px solid #E2E7EA;
}
.page-header .btn-back {
  position: relative;
  right: 15px;
  bottom: 10px;
  padding: 6px 26px;
}
.page-header.no-border {
  border-bottom: none;
  margin-bottom: 10px;
}
.border-bottom {
  border-bottom: 1px solid #E2E7EA;
}
.header-button-center {
  margin-top: 20px;
}
.main-column {
  width: 80%;
}
@media screen and (max-width: 767px) {
  .main-column {
    width: 100%;
    padding: 0;
  }
  .main-column .inner {
    border: none!important;
    padding: 0!important;
  }
}
.main-column .inner {
  background-color: #fff;
  border: 2px solid #F7F7F7;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  padding: 0 25px 20px 25px;
  min-height: 500px;
}
.account.modal-open .growl-container,
.body-account.modal-open .growl-container,
.admin.modal-open .growl-container {
  z-index: 100000;
}
.account-navigation .navbar-left .nav-pills-caption {
  color: #808080;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1;
  margin: 10px 0;
}
.account-navigation .navbar-left li {
  display: inline-block;
}
.account-navigation .navbar-left li.active {
  background-color: #E3E4E5;
}
.account-navigation .navbar-left li a {
  text-decoration: none;
  padding: 20px 30px;
}
.account-navigation .navbar-left li a img {
  height: 33px;
  width: auto;
}
.account-navigation .navbar-left li a span {
  color: #4F708A;
  font-family: Roboto;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: 0.75px;
  margin-left: 10px;
}
.account-navigation .menu-support p {
  margin-bottom: 0;
}
.account-navigation .menu-support .support-link a {
  color: #B0BC36;
  text-decoration: none;
}
.account-navigation .menu-support .support-link a:hover,
.account-navigation .menu-support .support-link a:active {
  font-weight: bold;
}
.account-navigation .menu-support .support-link a:focus {
  font-weight: normal;
}
.upgrade-plan {
  max-width: 390px;
  text-align: left;
  display: inline-block;
}
.upgrade-plan .upgrade-plan-inner {
  border: 1px solid #A8B346;
  border-radius: 7px;
  background-color: #fff;
  padding: 15px;
  display: flex;
}
.upgrade-plan .upgrade-plan-inner .icon {
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  border-radius: 50%;
  background-color: #BFC551;
  color: #fff;
  text-align: center;
}
.upgrade-plan .upgrade-plan-inner .text {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0;
  color: #3C414C;
  flex: 1;
  padding-left: 10px;
}
.upgrade-plan .upgrade-plan-inner .text p {
  margin: 0;
}
.upgrade-plan .upgrade-plan-inner .text a {
  color: #A8B346;
  text-decoration: underline;
  font-weight: 900;
}
.edit-account .cvc {
  width: 100px;
}
.edit-account .expiration label {
  width: 100%;
}
.edit-account .subscription-form {
  max-width: none;
  padding: 0;
}
.edit-account .subscription-form .premium,
.edit-account .subscription-form .basic {
  height: 255px;
  position: relative;
}
.edit-account .subscription-form .basic {
  background: #F2F2F2;
  border-radius: 7px;
  padding: 10px;
}
.edit-account .subscription-form .premium {
  background: #D6EFF4;
  border-radius: 7px;
  padding: 10px;
}
.edit-account .subscription-form .active {
  width: 40px;
}
.edit-account .subscription-form .checked {
  top: -10px;
}
.edit-account .subscription-form span.price {
  font-weight: bold;
  padding-right: 10px;
}
.edit-account .subscription-form div.price,
.edit-account .subscription-form div.buttons,
.edit-account .subscription-form div.prices {
  position: absolute;
  bottom: 10px;
  width: 50%;
}
.edit-account .subscription-form div.prices {
  left: 0;
  padding: 0 10px;
  width: 100%;
}
.edit-account .subscription-form div.prices .btn {
  position: relative;
  top: -10px;
}
.edit-account .subscription-form div.prices .btn-yearly {
  top: 0px;
}
.edit-account .subscription-form div.price {
  left: 10px;
  bottom: 15px;
}
.edit-account .subscription-form div.buttons {
  right: 10px;
}
.edit-account .subscription-form .cancel {
  color: #000;
  font-size: 12px;
  text-decoration: underline;
  font-weight: bold;
}
.edit-account .account-form {
  max-width: none;
}
.edit-account .account-form .group-url label {
  display: block;
}
.edit-account .account-form .group-url #url {
  display: inline-block;
  width: 140px;
}
.edit-account .footer-email {
  min-height: 150px;
  resize: none;
  background-color: #fff;
  font-size: 9px;
  font-family: "Arial", sans-serif;
}
.edit-account .footer {
  padding-top: 20px;
  padding-left: 50px;
  padding-right: 45px;
}
.billing-history table tbody {
  color: #808080;
  text-transform: uppercase;
}
.billing-history table tbody td {
  vertical-align: middle;
}
.billing-history .invoice-download {
  color: #000;
  text-decoration: underline;
}
.billing-history .pdf-icon {
  width: 40px;
}
.modal-admin-email-users textarea.email-body {
  width: 100%;
  height: 150px;
}
.backgrounds,
.image-libraries {
  padding: 10px 60px;
  position: relative;
}
.backgrounds h4,
.image-libraries h4 {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 5px;
  line-height: 25px;
}
.backgrounds .bg,
.image-libraries .bg {
  width: 220px;
  margin-bottom: 25px;
  font-size: 11px;
}
.backgrounds .bg .bg-inner,
.image-libraries .bg .bg-inner {
  height: 140px;
  cursor: pointer;
}
.backgrounds .bg .bg-img,
.image-libraries .bg .bg-img {
  width: 100%;
  height: 100%;
}
.backgrounds .bg .text,
.image-libraries .bg .text {
  text-align: center;
  margin-top: 30px;
}
.backgrounds .bg .hover,
.image-libraries .bg .hover {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  text-transform: uppercase;
  position: absolute;
  bottom: 50px;
  left: 50%;
  width: 132px;
  padding: 7px 0;
  text-align: center;
  background: #fff;
  font-weight: bold;
  border: 1px solid #ccc;
  transform: translateX(-50%);
}
.backgrounds .active .bg-inner,
.image-libraries .active .bg-inner {
  border: 5px solid #E2E7EA;
}
.backgrounds .blank .bg-inner,
.image-libraries .blank .bg-inner {
  border: 1px solid #ccc;
  height: 140px;
}
.backgrounds .blank.active .bg-inner,
.image-libraries .blank.active .bg-inner {
  background-color: #E2E7EA;
}
.backgrounds .page-prev,
.image-libraries .page-prev {
  position: absolute;
  left: 0;
  top: 45%;
  transform: translateY(-50%);
}
.backgrounds .page-prev button:focus,
.image-libraries .page-prev button:focus {
  outline: none;
}
.backgrounds .page-next,
.image-libraries .page-next {
  position: absolute;
  right: 0;
  top: 45%;
  transform: translateY(-50%);
}
.backgrounds .page-next button:focus,
.image-libraries .page-next button:focus {
  outline: none;
}
.image-libraries .bg-inner {
  position: relative;
}
.image-libraries .bg-inner .bg-img {
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
}
.image-libraries .bg .bg-img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
.modal-certificate-new-options img.bg {
  width: 100%;
  margin-top: 25px;
}
.help {
  color: #a1a1a1;
}
.build-edit-inner {
  padding-top: 30px;
}
.build-edit-inner .build-edit-right-column {
  border-bottom: none;
  margin: 0;
  padding: 0 0 0 15px;
}
.build-edit .certificate-builder {
  padding-top: 150px;
}
.build-edit .ownfont {
  font-size: 12px;
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.build-edit .ownfont a {
  position: relative;
  overflow: hidden;
  color: #3E5A74;
  cursor: pointer;
}
.build-edit .ownfont input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.build-edit .header-row h4 {
  text-align: left;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  font-family: "Open Sans Bold", "Open Sans";
}
.build-edit .header-row h4.top-title {
  margin-top: 0;
}
.build-edit .header-row .controls-wrapper {
  position: relative;
  padding-top: 30px;
}
.build-edit .header-row .controls-wrapper #controls {
  position: absolute;
  top: -5px;
  left: 15px;
  right: 0;
}
@media (max-width: 991px) {
  .build-edit .header-row {
    margin-top: 0px;
  }
}
.build-edit .main-container {
  margin: 20px 0;
  border: 1px solid #F7F7F7;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.build-edit .build-left-column {
  position: relative;
  background: none;
  height: auto;
  min-height: 40px;
}
.build-edit .build-left-column .btn {
  color: #333;
  margin-bottom: 20px;
  border: none;
  text-align: left;
  font-size: 12px;
}
.build-edit .build-left-column .btn.active {
  color: #fff;
}
.build-edit .build-left-column .btn i {
  margin-right: 20px;
}
.build-edit .build-left-column .format-box .show-type-buttons {
  width: 100%;
}
.build-edit .build-left-column .format-box .show-type-buttons label.btn {
  width: 50%;
  padding: 6px 0;
  text-align: center;
}
.build-edit .build-left-column .btn-text {
  background-color: #E3EFF9 !important;
}
.build-edit .build-left-column .btn-text img {
  width: 30px;
}
.build-edit .build-left-column .btn-image {
  background-color: #E6F3BB !important;
}
.build-edit .build-left-column .btn-image img {
  width: 30px;
  position: relative;
  top: -2px;
}
.build-edit .build-left-column .btn-background {
  background-color: #c7dfd0 !important;
}
.build-edit .build-left-column .btn-background img {
  width: 30px;
  position: relative;
  top: -2px;
}
.build-edit .build-left-column .btn-dynamic {
  background-color: #F2F2F2 !important;
}
.build-edit .build-left-column .btn-dynamic img {
  width: 22px;
  margin-left: 4px;
  margin-right: 3px;
}
.build-edit .build-left-column .checkboxes {
  margin: 40px 0 0 10px;
}
.build-edit .build-left-column .checkboxes .name-type {
  padding: 0 0 0 20px;
}
.build-edit .build-left-column .checkboxes .name-type label {
  font-size: 9px;
}
.build-edit .build-left-column .btn-white {
  background-color: #fff;
  border: 1px solid #ccc;
  margin-top: 0px;
  margin-bottom: 0px;
}
.build-edit .middle-column {
  min-height: 50px;
}
.build-edit .right-column {
  width: 215px;
}
.build-edit .right-column .btn {
  color: #333;
  margin: 20px 0;
  border: none;
  text-align: left;
}
.build-edit .right-column .btn i {
  margin-right: 20px;
}
.build-edit .right-column .btn-view-pdf {
  background-color: #E2E7EA;
}
.build-edit .right-column .btn-attach-files {
  background-color: #F7F7F7;
}
.build-edit .right-column .checkbox {
  text-align: left;
  margin-top: 80px;
}
.build-edit h4 {
  text-transform: uppercase;
}
.build-edit .buttons button {
  font-size: 18px;
  font-weight: bold;
  padding: 5px 75px;
}
.build-edit .toggle-expiration-date-visibility {
  cursor: pointer;
  float: right;
  font-size: 20px;
  line-height: 20px;
}
.build-edit .font-family-dropdown .ui-select-toggle,
.build-edit .font-family-dropdown input {
  width: 185px;
}
.btn-view-pdf {
  background-color: #91c1e9 !important;
  color: #333;
  padding: 9px 15px;
  margin: 0 10px 0 0;
  border: none;
  text-align: left;
  font-size: 16px;
  color: white;
}
.btn-view-pdf i {
  margin-right: 20px;
}
.btn-view-pdf i.first-icon {
  margin-left: 0px;
  margin-right: 10px;
}
.btn-view-pdf i.center-icon {
  margin-left: 10px;
  margin-right: 10px;
}
#controls,
#locked {
  margin: 0 auto;
  position: absolute;
  transform: translateY(-100%);
  top: -10px;
  z-index: 1000;
}
@media (max-width: 991px) {
  #controls,
  #locked {
    position: static;
    transform: none;
  }
  #controls .controls,
  #locked .controls {
    display: flex;
    margin-left: 105px;
    margin-bottom: 5px;
  }
}
#controls.admin-template .option,
#locked.admin-template .option {
  line-height: 27px;
}
#controls.admin-template .middle-column,
#locked.admin-template .middle-column {
  min-height: 40px;
}
#controls.admin-template .text-control,
#locked.admin-template .text-control {
  width: 202px;
}
#controls label,
#locked label {
  text-transform: uppercase;
  margin-right: 10px;
  line-height: 25px;
  padding-bottom: 4px;
  margin-bottom: 0px;
}
#controls .option,
#locked .option {
  line-height: 33px;
}
#controls .option:after,
#locked .option:after {
  content: '';
  clear: both;
  display: table;
}
#controls input,
#locked input,
#controls select,
#locked select {
  color: #000;
}
#controls .text-control,
#locked .text-control {
  width: 175px;
  display: table-cell;
}
#controls .text-control .btn,
#locked .text-control .btn {
  padding: 2px 6px;
  color: #333;
  position: relative;
  top: -2px;
  font-size: 12px;
}
#controls .text-control .options,
#locked .text-control .options {
  position: absolute;
  top: 0;
  right: 0;
  width: 215px;
  margin-right: 15px;
}
#controls .text-control .options .btn,
#locked .text-control .options .btn {
  padding: 0 6px;
}
#controls .text-control .row,
#locked .text-control .row {
  margin: 10px 0;
}
#controls .text-control #text,
#locked .text-control #text {
  width: 100%;
}
#controls .size-control,
#locked .size-control {
  display: table-cell;
  width: 70px;
  vertical-align: top;
}
@media (max-width: 991px) {
  #controls .size-control,
  #locked .size-control {
    padding: 0 0 0 10px;
    width: 80px;
  }
}
#controls .font-control,
#locked .font-control {
  display: table-cell;
  padding: 0 5px 0 10px;
  width: 180px;
  vertical-align: top;
}
#controls .color-control,
#locked .color-control {
  display: table-cell;
  padding: 0 0 0 10px;
  width: 70px;
  vertical-align: top;
}
#controls .controls-image .filename-control,
#locked .controls-image .filename-control {
  display: table-cell;
  width: 300px;
}
#controls .delete-col,
#locked .delete-col {
  display: table-cell;
  padding-right: 5px;
  vertical-align: bottom;
  padding-bottom: 3px;
}
#controls .delete,
#locked .delete {
  font-size: 12px;
  color: red;
  display: block;
  line-height: 30px;
  cursor: pointer;
}
#controls .delete .fa,
#locked .delete .fa {
  vertical-align: sub;
}
#controls .delete img,
#locked .delete img {
  width: 30px;
}
#controls .btn-col,
#locked .btn-col {
  padding: 2px;
}
#controls .btn-col.duplicate-action i,
#locked .btn-col.duplicate-action i,
#controls .btn-col.lock-action i,
#locked .btn-col.lock-action i {
  font-size: 23px;
  line-height: 23px;
  color: #878787;
  font-weight: 100;
}
#controls .btn-col.lock-action,
#locked .btn-col.lock-action {
  padding-left: 5px;
  padding-right: 5px;
}
#controls .btn-col img,
#locked .btn-col img {
  width: 23px;
}
#controls .duplicate-btn,
#locked .duplicate-btn {
  cursor: pointer;
}
#controls .btn.active,
#locked .btn.active {
  background: #ccc;
}
#locked .btn-col {
  margin-left: 15px;
}
#locked .btn-col.unlock {
  margin-left: 0px;
  padding-left: 2px;
  padding-right: 2px;
}
#locked .btn-col.lock-action i {
  font-size: 23px;
  line-height: 23px;
  color: #878787;
  font-weight: 100;
  padding-left: 5px;
  padding-right: 5px;
}
#locked .btn-col.lock-action i.fa-unlock {
  padding-left: 0px;
  padding-right: 0px;
}
#canvas,
#canvas-back {
  width: 640px;
  height: 494.5px;
  margin: 0 0 40px;
  border: 1px solid #E2E7EA;
  background: #fff;
  position: relative;
  overflow: hidden;
}
#canvas .selected,
#canvas-back .selected {
  outline: 1px dashed #3E5A74;
}
#canvas .selected .resize,
#canvas-back .selected .resize {
  display: block;
}
#canvas .element,
#canvas-back .element {
  position: absolute;
  list-style-type: none;
  cursor: pointer;
  overflow: hidden;
}
#canvas .element .no-selected-text,
#canvas-back .element .no-selected-text {
  user-select: none;
}
#canvas .element .content,
#canvas-back .element .content {
  padding: 5px 15px;
  word-wrap: break-word;
  line-height: normal;
}
#canvas .element .content.expiration-date .inline-edit,
#canvas-back .element .content.expiration-date .inline-edit {
  display: inline-block;
  width: auto;
  text-transform: none;
}
#canvas .element .image,
#canvas-back .element .image {
  padding: 0;
  line-height: 0px;
  height: 100%;
}
#canvas .element img,
#canvas-back .element img {
  width: 100%;
  height: 100%;
}
#canvas .element.image,
#canvas-back .element.image {
  overflow: visible;
}
#canvas .dynamic-element,
#canvas-back .dynamic-element,
#canvas .text-element,
#canvas-back .text-element,
#canvas .name-element,
#canvas-back .name-element {
  z-index: 99;
}
#canvas .locked,
#canvas-back .locked {
  z-index: 1;
}
#canvas .selected,
#canvas-back .selected {
  cursor: move;
  z-index: 100;
}
#canvas .resize,
#canvas-back .resize {
  width: 8px;
  height: 8px;
  background: #777;
  position: absolute;
  display: none;
}
#canvas .sw-resize,
#canvas-back .sw-resize {
  bottom: 0px;
  left: 0px;
  cursor: sw-resize;
}
#canvas .se-resize,
#canvas-back .se-resize {
  bottom: 0px;
  right: 0px;
  cursor: se-resize;
}
#canvas .nw-resize,
#canvas-back .nw-resize {
  top: 0px;
  left: 0px;
  cursor: nw-resize;
}
#canvas .ne-resize,
#canvas-back .ne-resize {
  top: 0px;
  right: 0px;
  cursor: ne-resize;
}
#canvas .n-resize,
#canvas-back .n-resize {
  top: -6px;
  left: 50%;
  margin-left: -4px;
}
#canvas .w-resize,
#canvas-back .w-resize {
  top: 50%;
  left: -6px;
  margin-top: -4px;
}
#canvas .e-resize,
#canvas-back .e-resize {
  top: 50%;
  right: -6px;
  margin-top: -4px;
}
#canvas .s-resize,
#canvas-back .s-resize {
  bottom: -6px;
  left: 50%;
  margin-left: -4px;
}
#canvas .background,
#canvas-back .background {
  height: 100%;
  text-align: center;
}
#canvas .background img,
#canvas-back .background img {
  height: 100%;
  width: 100%;
}
.modal-certificate-attach-file .files {
  margin: 10px 0;
}
.modal-certificate-attach-file .files .row {
  margin: 5px 0;
}
.modal-certificate-attach-file .filename {
  padding: 4px 0 0 20px;
}
.account-certificates-library .details {
  padding: 15px 30px;
  background-color: #E2E7EA;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  text-transform: uppercase;
}
.account-certificates-library .details span {
  color: #3E5A74;
  text-transform: none;
  margin-left: 10px;
}
.account-certificates-library .image {
  margin: 15px 0;
}
.account-certificates-library .image img {
  width: 100%;
  position: relative;
}
.account-certificates-library .image img .btn-edit {
  position: absolute;
  top: 0;
  right: 0;
}
.account-certificates-library .attachment {
  font-size: 14px;
  margin: 5px 10px;
}
.modal-recipients-preview-email .preview-body {
  height: 200px;
  width: 100%;
}
.account-recipients-add .import-actions span {
  margin: 0 35px;
}
.account-recipients-add .import-actions .btn {
  padding: 6px 26px;
}
.account-recipients-add .image img {
  width: 100%;
}
.modal-certificate-saved .name {
  color: #949494;
  text-transform: uppercase;
}
.modal-certificate-saved .name span {
  color: #3E5A74;
  text-transform: none;
}
.events-import .col-first {
  padding-left: 40px;
}
.events-import .col-last {
  padding-right: 40px;
}
.events-import .title {
  margin-top: 0;
  text-transform: uppercase;
  color: #333;
  font-weight: bold;
  font-size: 16px;
}
.events-import .event,
.events-import .template {
  color: #333;
  text-transform: uppercase;
  font-weight: bold;
  margin: 20px 0 20px 5px;
}
.events-import .event span,
.events-import .template span {
  color: #3E5A74;
  text-transform: none;
  padding-left: 10px;
}
.events-import .template {
  text-align: right;
  margin-top: 0;
}
.events-import .preview {
  padding: 10px 40px;
  background: #E2E7EA;
  margin-bottom: 10px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  position: relative;
}
.events-import .preview img {
  width: 100%;
}
.events-import .preview .edit {
  position: absolute;
  top: 10px;
  right: 5px;
  color: #000;
}
.events-import .buttons {
  margin-bottom: 40px;
}
.events-import .buttons .btn {
  margin-right: 15px;
}
.events-import .help {
  color: #AEAEAE;
}
.events-import .help span {
  font-weight: bold;
}
.events-import .table-wrapper {
  margin: 0 40px 10px 40px;
  border: 1px solid #999;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  min-height: 500px;
  padding: 10px 20px;
  overflow-x: auto;
  position: relative;
}
.events-import .data-table {
  font-size: 12px;
}
.events-import .data-table th {
  max-width: 250px;
  min-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.events-import .data-table td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 250px;
}
.events-import .data-table tr.user {
  cursor: pointer;
}
.events-import .data-table > tbody > tr.active > td {
  background: #D6EFF4;
}
.events-import .ng-table-counts {
  display: none;
}
.events-import .select-map {
  font-size: 11px;
}
.events-import .pager-prev {
  position: absolute;
  bottom: 0;
  left: 0;
}
.events-import .pager-next {
  position: absolute;
  bottom: 0;
  right: 0;
}
.events-import .pager li > a {
  border: none;
}
.events-import .pager .showing {
  position: relative;
  top: 24px;
  float: left;
  left: 35px;
  color: #AEAEAE;
}
.modal-recipients-import-list .preview-help {
  color: #808080;
  font-size: 18px;
}
.modal-recipients-import-list .table-wrapper {
  border: 1px solid #999;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  padding: 10px 20px;
  overflow-x: auto;
}
.modal-recipients-import-list .preview-table {
  font-size: 12px;
}
.modal-recipients-import-list .preview-table th {
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.modal-recipients-import-list .preview-table td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 250px;
}
td.ng-binding.ng-scope.not-allowed {
  color: #999 !important;
  text-decoration: line-through !important;
  background-color: #eee !important;
  cursor: default !important;
}
.modal-certificate-duplicate-options img {
  width: 100%;
}
.modal-event-preview img {
  width: 100%;
}
.modal-header .title {
  color: #333;
}
.modal-header.tuturial-video {
  text-transform: none;
}
.build-new .styles .col {
  text-align: center;
  margin-bottom: 20px;
}
.build-new .styles .image {
  cursor: pointer;
  position: relative;
}
.build-new .styles .image .image-inner {
  padding: 10px;
}
.build-new .styles .image img.icon {
  position: absolute;
  bottom: 0px;
  right: -10px;
  width: 65px;
}
.build-new .styles .image img.preview {
  width: 100%;
}
.build-new .styles .image .hover {
  text-transform: uppercase;
  position: absolute;
  bottom: 20px;
  left: 10px;
  right: 10px;
  padding: 7px 0;
  text-align: center;
  background: #eee;
  font-weight: bold;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.build-new .styles .active {
  background: #E2E7EA;
}
.build-new .styles .name {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
}
.usethis-hover {
  text-transform: uppercase;
  position: absolute;
  bottom: 20px;
  left: 10px;
  right: 10px;
  padding: 7px 0;
  text-align: center;
  background: #eee;
  font-weight: bold;
  cursor: pointer;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.build-existing .show-type-buttons,
.send-select .show-type-buttons,
.admin-build-templates .show-type-buttons {
  margin: 15px 0 25px 0;
}
.build-existing .certificates,
.send-select .certificates,
.admin-build-templates .certificates {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .build-existing .certificates .certificate-template,
  .send-select .certificates .certificate-template,
  .admin-build-templates .certificates .certificate-template {
    max-width: 390px;
  }
}
.build-existing .certificates .name,
.send-select .certificates .name,
.admin-build-templates .certificates .name,
.build-existing .certificates .created,
.send-select .certificates .created,
.admin-build-templates .certificates .created {
  text-align: left;
  font-size: 12px;
  font-family: "Open Sans Semibold", "Open Sans";
  font-weight: bold;
  text-transform: uppercase;
}
.build-existing .certificates .name,
.send-select .certificates .name,
.admin-build-templates .certificates .name {
  color: #3E5A74;
}
.build-existing .certificates .name .fa-pencil,
.send-select .certificates .name .fa-pencil,
.admin-build-templates .certificates .name .fa-pencil {
  padding-left: 10px;
}
.build-existing .certificates .edit-name,
.send-select .certificates .edit-name,
.admin-build-templates .certificates .edit-name {
  color: #333;
  cursor: pointer;
}
.build-existing .certificates .delete-certificate,
.send-select .certificates .delete-certificate,
.admin-build-templates .certificates .delete-certificate {
  cursor: pointer;
  color: #B12C2E;
  font-size: 24px;
  z-index: 1;
}
.build-existing .certificates .duplicate-certificate,
.send-select .certificates .duplicate-certificate,
.admin-build-templates .certificates .duplicate-certificate {
  cursor: pointer;
  font-size: 24px;
  color: #999;
}
.build-existing .certificates .created,
.send-select .certificates .created,
.admin-build-templates .certificates .created {
  color: #333;
}
.build-existing .certificates .col,
.send-select .certificates .col,
.admin-build-templates .certificates .col {
  text-align: center;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.build-existing .certificates .image,
.send-select .certificates .image,
.admin-build-templates .certificates .image {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background: #E2E7EA;
  padding: 25px;
  min-height: 120px;
  position: relative;
}
.build-existing .certificates .image .helper,
.send-select .certificates .image .helper,
.admin-build-templates .certificates .image .helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.build-existing .certificates .image .image-inner,
.send-select .certificates .image .image-inner,
.admin-build-templates .certificates .image .image-inner {
  position: relative;
  padding: 5px;
  margin-bottom: 25px;
}
.build-existing .certificates .image img.icon,
.send-select .certificates .image img.icon,
.admin-build-templates .certificates .image img.icon {
  position: absolute;
  bottom: -35px;
  right: -22px;
  width: 95px;
}
.build-existing .certificates .image img.preview,
.send-select .certificates .image img.preview,
.admin-build-templates .certificates .image img.preview {
  width: 100%;
  vertical-align: middle;
}
.build-existing .certificates .image .btn .fa,
.send-select .certificates .image .btn .fa,
.admin-build-templates .certificates .image .btn .fa {
  color: #333;
}
.build-existing .certificates .fa-check-circle,
.send-select .certificates .fa-check-circle,
.admin-build-templates .certificates .fa-check-circle {
  color: green;
  cursor: pointer;
  margin: 0 10px;
}
.build-existing .certificates .fa-close,
.send-select .certificates .fa-close,
.admin-build-templates .certificates .fa-close {
  color: red;
  cursor: pointer;
}
.build-existing .certificates table th,
.send-select .certificates table th,
.admin-build-templates .certificates table th {
  text-transform: uppercase;
  text-decoration: underline;
}
.build-existing .certificates table td,
.send-select .certificates table td,
.admin-build-templates .certificates table td {
  vertical-align: middle;
}
.build-existing .certificates-grid .delete-certificate,
.send-select .certificates-grid .delete-certificate,
.admin-build-templates .certificates-grid .delete-certificate {
  position: absolute;
  top: 5px;
  right: 5px;
}
.build-existing .certificates-grid .duplicate-certificate,
.send-select .certificates-grid .duplicate-certificate,
.admin-build-templates .certificates-grid .duplicate-certificate {
  position: absolute;
  top: 5px;
  left: 5px;
}
.build-existing .build-import-button,
.send-select .build-import-button,
.admin-build-templates .build-import-button {
  background-color: #bbb !important;
  border-color: #bbb;
  color: #000;
}
.admin-build-templates .col-md-4.clear-fix,
.account-send .col-md-4.clear-fix {
  clear: both;
}
.customize-certificate-wrapper .build-edit {
  background: #fff;
  padding: 25px;
  border: 1px solid #E4E4E4;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.customize-certificate-wrapper .page-header {
  margin-top: 5px;
}
.modal-build-new .btn-back {
  position: absolute;
  bottom: 0;
  left: -100px;
}
.modal-build-new .image {
  position: relative;
  padding: 10px;
  background: #E2E7EA;
}
.modal-build-new .image .btn {
  margin: 10px 0;
}
.modal-build-new .image-inner {
  margin-bottom: 25px;
  position: relative;
}
.modal-build-new .image-inner .preview {
  width: 100%;
}
.modal-build-new .image-inner img.icon {
  position: absolute;
  bottom: -40px;
  right: -20px;
  width: 105px;
}
.modal-build-certificate-saved .modal-body {
  padding-bottom: 50px;
}
.modal-build-certificate-saved .cert-saved {
  text-transform: uppercase;
  font-weight: bold;
  color: #333;
}
.modal-build-certificate-saved .cert-saved span {
  padding-left: 10px;
  color: #5EB1BC;
}
.modal-build-certificate-saved .modal-footer .center-button {
  display: flex;
  justify-content: space-between;
}
.customize-email-wrapper .customize-email .customize-email-inner {
  padding: 25px 25px 25px 35px;
  border: 5px solid #797979;
  border-radius: 6px;
  background: #fff;
}
.customize-email-wrapper .customize-email .page-header {
  color: #000;
  margin: 0 0 20px 0;
  font-size: 20px;
  border: none;
  font-family: "Open Sans Bold", "Open Sans", sans-serif;
  font-weight: 700;
}
.customize-email-wrapper .customize-email .page-header strong,
.customize-email-wrapper .customize-email .page-header .name {
  font-size: 13px;
  position: relative;
  bottom: 3px;
  font-family: "Open Sans Bold", "Open Sans", sans-serif;
  font-weight: 700;
}
.customize-email-wrapper .customize-email .page-header strong {
  padding-left: 20px;
}
.customize-email-wrapper .customize-email .page-header .name {
  color: #3E5A74;
}
.customize-email-wrapper .customize-email .name {
  text-transform: uppercase;
  font-weight: bold;
}
.customize-email-wrapper .customize-email .name span {
  color: #3E5A74;
}
.customize-email-wrapper .customize-email .info {
  font-size: 13px;
}
.customize-email-wrapper .customize-email .info strong {
  text-transform: uppercase;
}
.customize-email-wrapper .customize-email .info .to,
.customize-email-wrapper .customize-email .info .from {
  color: #A1A1A1;
  font-family: "Open Sans Bold", "Open Sans", sans-serif;
  font-weight: 700;
}
.customize-email-wrapper .customize-email .info .to {
  text-transform: uppercase;
}
.customize-email-wrapper .customize-email .info .form-control {
  display: inline-block;
  width: 250px;
  height: 25px;
  padding: 3px 12px;
}
.customize-email-wrapper .customize-email .fields select {
  display: inline-block;
  width: 250px;
}
.customize-email-wrapper .customize-email .fields .btn-logo,
.customize-email-wrapper .customize-email .fields .btn-image {
  margin: 5px 5px 5px 0;
}
.customize-email-wrapper .customize-email .buttons {
  margin: 20px 0;
}
.customize-email-wrapper .customize-email .wysiwyg-wrapper {
  border: 5px solid #797979;
  padding: 5px 7px 12px 7px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.customize-email-wrapper .customize-email .footer {
  margin-top: 20px;
}
.customize-email-wrapper .customize-email .footer.footer-styles-builder .form-group {
  margin: 8px 0 15px 0;
}
.customize-email-wrapper .customize-email .footer.footer-styles-builder label {
  font-size: 11px;
}
.customize-email-wrapper .customize-email .footer.footer-styles-builder .form-control {
  font-size: 13px;
}
.customize-email-wrapper .customize-email .footer.footer-styles-builder .reset-link {
  font-size: 10px;
  font-weight: 400;
  text-transform: none;
}
.customize-email-wrapper .customize-email .footer.footer-styles-builder .hide-portal-link {
  display: flex;
  align-items: center;
}
.customize-email-wrapper .customize-email .footer.footer-styles-builder .hide-portal-link input {
  margin: 0;
}
.customize-email-wrapper .customize-email .footer.footer-styles-builder .hide-portal-link label {
  margin: 0;
  padding-left: 5px;
}
.customize-email-wrapper .customize-email #email_footer button:hover,
.customize-email-wrapper .customize-email #email_footer button:focus {
  outline: none;
  text-decoration: none;
}
.customize-email-wrapper .customize-email #email_footer a:hover,
.customize-email-wrapper .customize-email #email_footer a:focus {
  outline: none;
  text-decoration: none;
  text-shadow: none;
  color: #808080;
}
.customize-email-wrapper .customize-email .footer-email {
  min-height: 328px;
  resize: none;
  background-color: #fff;
  overflow: hidden;
  word-wrap: break-word;
}
.customize-email-wrapper .customize-email .footer-email.small-text {
  font-size: 9px;
  font-family: "Arial", sans-serif;
}
.customize-email-wrapper .customize-email .footer-email .portal-link a:hover {
  font-weight: normal;
}
.customize-email-wrapper .customize-email .add-linkedin-button {
  display: flex;
  align-items: center;
}
.customize-email-wrapper .customize-email .add-linkedin-button #show_linkedin {
  margin: 0;
  cursor: pointer;
  line-height: 24px;
}
.customize-email-wrapper .customize-email .add-linkedin-button label {
  margin: 0 0 0 10px;
  cursor: pointer;
  line-height: 24px;
}
.customize-email-wrapper .customize-email .add-linkedin-button .button-example {
  margin-left: 10px;
  height: 24px;
}
.customize-email-wrapper .customize-email .add-linkedin-button .organization-id {
  margin-left: 10px;
  font-size: 12px;
  line-height: 18px;
}
.customize-email-wrapper .customize-email .add-linkedin-button .organization-id i {
  cursor: help;
  margin-left: 5px;
  margin-right: 10px;
}
.customize-email-wrapper .customize-email .add-linkedin-button .organization-id i:hover {
  color: #b0bc36 !important;
}
.customize-email-wrapper .customize-email .add-linkedin-button .organization-id input {
  width: 65px;
}
.customize-email-wrapper .customize-email .hide-portal-link * {
  cursor: pointer;
}
.customize-email-wrapper .alignment {
  display: flex;
}
.customize-email-wrapper .alignment .to,
.customize-email-wrapper .alignment .from {
  padding-left: 7px;
}
.customize-email-wrapper .alignment strong {
  width: 70px;
}
.customize-email-wrapper .footer-email.form-control {
  height: auto;
}
.customize-email-wrapper .footer-email.form-control .social-icons h3 {
  margin: 10px 0 0;
}
.customize-email-wrapper .email-body-wrapper {
  position: relative;
}
.customize-email-wrapper .overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 1000;
}
.send-inner .send-select,
.send-inner .send-import,
.send-inner .send-send,
.send-inner .send-preview-view {
  background-color: #fff;
  border: 2px solid #F7F7F7;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  padding: 0 25px 20px 25px;
  min-height: 500px;
}
.send-import .file-select,
.admin-build-mappings .file-select {
  margin: 45px 0;
}
.send-import .file-select .help,
.admin-build-mappings .file-select .help {
  color: #000000;
  font-family: "Open Sans Bold", "Open Sans", sans-serif;
  font-weight: 700;
  float: right;
  margin-top: 15px;
}
.send-import .sub-title,
.admin-build-mappings .sub-title {
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 4px;
}
.send-import .upload-name,
.admin-build-mappings .upload-name {
  color: #3E5A74;
  font-decoration: underline;
  font-size: 12px;
  font-weight: bold;
}
.send-import .send-import-map .fa-arrow-right,
.admin-build-mappings .send-import-map .fa-arrow-right {
  color: #E3EFF9;
}
.send-import .send-import-map h3,
.admin-build-mappings .send-import-map h3 {
  color: #000;
  font-size: 14px;
  font-family: "Open Sans Semibold", "Open Sans";
  font-weight: bold;
  text-transform: uppercase;
}
.send-import .send-import-map .help,
.admin-build-mappings .send-import-map .help {
  color: #808080;
  font-size: 12px;
}
.send-import .send-import-map .cert-drag-title,
.admin-build-mappings .send-import-map .cert-drag-title {
  border: 1px solid #3E5A74;
  margin: 5px;
  background: #fff;
  z-index: 999 !important;
  padding: 2px 15px;
}
.send-import .send-import-map .ui-draggable-dragging,
.admin-build-mappings .send-import-map .ui-draggable-dragging {
  background: #E3EFF9;
}
.send-import .send-import-map .import-fields,
.admin-build-mappings .send-import-map .import-fields {
  border: 1px solid #E4E4E4;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.send-import .send-import-map .import-fields .col .inner-col,
.admin-build-mappings .send-import-map .import-fields .col .inner-col {
  border: 1px solid #C9C9C9;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  margin: 10px 0;
  padding: 5px 15px;
}
.send-import .send-import-map .import-fields .col .inner-col .cert-title,
.admin-build-mappings .send-import-map .import-fields .col .inner-col .cert-title {
  color: #333;
  font-family: "Open Sans Semibold", "Open Sans";
  font-size: 12px;
}
.send-import .send-import-map .import-fields .col .inner-col .title,
.admin-build-mappings .send-import-map .import-fields .col .inner-col .title {
  color: #000;
  font-family: "Open Sans Semibold", "Open Sans";
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.send-import .send-import-map .import-fields .col .inner-col .drag-target,
.admin-build-mappings .send-import-map .import-fields .col .inner-col .drag-target {
  border: 1px dashed #C9C9C9;
  min-height: 38px;
  height: auto;
  width: 100%;
}
.send-import .send-import-map .import-fields .col .inner-col .drag-target .mapped-remove,
.admin-build-mappings .send-import-map .import-fields .col .inner-col .drag-target .mapped-remove {
  color: red;
  margin-left: 10px;
}
.send-import .send-import-map .import-fields-file,
.admin-build-mappings .send-import-map .import-fields-file {
  max-height: 400px;
  overflow-y: auto;
}
.send-import .send-import-map .import-fields-cert,
.admin-build-mappings .send-import-map .import-fields-cert {
  padding: 15px 5px;
}
.send-import .send-import-map .import-fields-cert .row,
.admin-build-mappings .send-import-map .import-fields-cert .row {
  padding: 0;
}
.send-import .buttons,
.admin-build-mappings .buttons {
  margin: 45px 0;
}
.send-import .buttons .btn,
.admin-build-mappings .buttons .btn {
  padding: 10px 75px;
}
.send-import .subscription,
.admin-build-mappings .subscription {
  margin-top: 20px;
}
button.builder-button {
  padding: 8px 30px;
  font-size: 16px;
  margin-right: 10px;
}
.email-settings .builder-button {
  padding: 8px 25px;
  font-size: 16px;
  margin-right: 10px;
}
.email-settings .oauth-connections .connection-button {
  display: inline-flex;
  cursor: pointer;
  margin-right: 15px;
}
.email-settings .oauth-connections .connection-button img {
  height: 40px;
  margin-right: 10px;
  display: inline-block;
}
.email-settings .mail-providers .pre-semi-bold {
  font-weight: 600;
}
.send-preview {
  position: relative;
  min-height: 825px;
}
.send-preview .send-preview-edit .paginate {
  margin-top: 20px;
}
.send-preview .send-preview-edit .paginate .select-paginate {
  position: relative;
  top: -10px;
}
.send-preview .send-preview-edit .paginate .arrow-left,
.send-preview .send-preview-edit .paginate .arrow-right {
  color: #AEAEAE;
  cursor: pointer;
}
.send-preview .send-preview-edit .paginate-text {
  color: #AEAEAE;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: bold;
}
.send-preview .send-preview-edit .container {
  background: #fff;
  border: 5px solid #666;
  width: 100%;
  padding-bottom: 20px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.send-preview .send-preview-edit .title {
  text-align: right;
  color: #000;
  font-size: 16px;
  text-transform: uppercase;
}
.send-preview .send-preview-edit .delete .fa {
  color: #B12C2E;
  cursor: pointer;
  font-size: 24px;
  position: relative;
  top: 35px;
}
.send-preview .send-preview-edit .edit-record-form {
  margin: 45px 0 20px 0;
}
.send-preview .send-preview-edit .buttons {
  margin: 20px 0;
}
.send-preview .send-preview-edit .buttons .btn {
  padding: 10px 30px;
  margin: 0 20px;
}
.send-preview .col-info {
  position: relative;
  left: 20px;
}
.send-preview .sub-title {
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 4px;
}
.send-preview .upload-name {
  color: #3E5A74;
  font-decoration: underline;
  font-size: 12px;
  font-weight: bold;
}
.send-preview .btn-add-recipient .fa {
  margin: 0 10px 0 0;
}
.send-preview .btn-add-recipient .fa-plus {
  font-size: 10px;
}
.send-preview .btn-add-recipient .fa-user {
  font-size: 18px;
  line-height: 18px;
}
.send-preview .search-form-group {
  margin: 15px 0;
  width: 350px;
  position: relative;
}
.send-preview .search-button {
  position: absolute;
  bottom: 10px;
  right: 20px;
  cursor: pointer;
  z-index: 9;
}
.send-preview .cert-preview {
  position: relative;
  right: 20px;
  padding: 10px;
  background: #F2F2F2;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.send-preview .cert-preview .image-wrapper {
  position: relative;
  padding: 5px 10px 10px 10px;
}
.send-preview .cert-preview .image-wrapper img.icon {
  position: absolute;
  bottom: -10px;
  right: -5px;
  width: 65px;
}
.send-preview .cert-preview button {
  font-size: 11px;
  font-weight: bold;
}
.send-preview .cert-preview button i {
  color: #000;
}
.send-preview .preview-table {
  position: relative;
  margin: 20px;
}
.send-preview .preview-table .btn-prev-page,
.send-preview .preview-table .btn-next-page {
  position: absolute;
  top: 100px;
  cursor: pointer;
  color: #D7D7D7;
  font-size: 45px;
}
.send-preview .preview-table .btn-prev-page {
  left: -35px;
}
.send-preview .preview-table .btn-next-page {
  right: -35px;
}
.send-preview .preview-table-wrapper {
  border: 1px solid #333;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  padding: 10px;
  overflow-x: auto;
}
.send-preview .preview-table-wrapper .table th,
.send-preview .preview-table-wrapper table th {
  text-decoration: underline;
  font-size: 11px;
  text-transform: uppercase;
  min-width: 100px;
}
.send-preview .preview-table-wrapper .table tbody,
.send-preview .preview-table-wrapper table tbody {
  color: #808080;
  font-size: 11px;
  word-break: keep-all;
}
.send-preview .preview-table-wrapper .table tbody .FirstName,
.send-preview .preview-table-wrapper table tbody .FirstName,
.send-preview .preview-table-wrapper .table tbody .LastName,
.send-preview .preview-table-wrapper table tbody .LastName,
.send-preview .preview-table-wrapper .table tbody td,
.send-preview .preview-table-wrapper table tbody td {
  color: #3E5A74;
  text-decoration: underline;
  cursor: pointer;
}
.send-preview .preview-table-wrapper .table tbody td.email,
.send-preview .preview-table-wrapper table tbody td.email {
  word-break: keep-all;
}
.send-preview .showing {
  color: #999;
  font-size: 12px;
  margin: 15px;
}
.send-preview .showing span {
  padding: 0 5px;
  font-weight: bold;
}
.send-preview .btn-back {
  margin-left: 20px;
}
.send-send .col-intro {
  margin: 15px 20px;
}
.send-send .project-title,
.send-send .project-key,
.send-send .credits-available {
  font-size: 12px;
  color: #808080;
  display: inline-block;
  text-transform: uppercase;
  margin-right: 20px;
}
.send-send .project-title span,
.send-send .project-key span,
.send-send .credits-available span {
  color: #3E5A74;
  text-transform: none;
}
.send-send .view-email {
  margin-top: 25px;
  margin-bottom: 10px;
}
.send-send .view-email .fa {
  color: #000;
}
.send-send .send-table-wrapper {
  height: 350px;
  overflow-y: scroll;
  border: 1px solid #D7D7D7;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  padding: 10px;
  margin-bottom: 20px;
}
.send-send .send-table-wrapper .table {
  color: #808080;
  font-size: 11px;
}
.send-send .send-table-wrapper .table th {
  text-decoration: underline;
  text-align: left;
  color: #000;
  text-transform: uppercase;
}
.send-send .send-table-wrapper .table .first-name,
.send-send .send-table-wrapper .table .last-name {
  color: #3E5A74;
  text-decoration: underline;
}
.send-send .send-table-wrapper .ng-table-pager {
  display: none;
}
.send-send .send-table-wrapper .sent {
  color: #3E5A74;
  text-transform: uppercase;
}
.send-send .unsent {
  color: #933933;
  text-transform: uppercase;
}
.send-send .buttons {
  position: relative;
}
.send-send .buttons .btn-send {
  position: relative;
}
.send-send .buttons .btn-send span {
  margin-left: 60px;
}
.send-send .buttons .btn-send .icon {
  position: absolute;
  top: -2px;
  left: 15px;
  width: 40px;
}
.send-send .buttons .icon-send {
  position: absolute;
  bottom: -27px;
  right: -130px;
  width: 150px;
}
.send-send .col-num-selected {
  margin: 0 0 10px 0;
}
.send-send .num-selected {
  color: #3E5A74;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}
.send-select .certificates .image {
  padding: 10px;
  min-height: 110px;
}
.send-select .certificates .image img.icon {
  bottom: -30px;
  right: -12px;
}
.send-select .certificates .image .image-inner {
  cursor: pointer;
  margin-bottom: 10px;
}
.credits-info p {
  margin: 0;
  line-height: 18px;
  color: #000;
  font-weight: 600;
}
.credits-info p:first-child {
  margin-bottom: 5px;
}
.modal-send-add-recipient .btn-save .fa,
.modal-store-project-add-recipient .btn-save .fa {
  color: #000;
  margin: 0 10px 0 0;
}
.modal-send-add-recipient .btn-save .fa-plus,
.modal-store-project-add-recipient .btn-save .fa-plus {
  font-size: 10px;
}
.modal-store-project-add-recipient h5.title {
  font-size: 12px;
  text-transform: uppercase;
  font-family: "Open Sans SemiBold", "Open Sans", "sans-serif";
  font-weight: bold;
  color: black;
}
.account-send .left-nav ahover,
.account-send .left-nav a:active,
.account-send .left-nav a:link,
.account-send .left-nav a:focus {
  color: #b1b1b1;
  cursor: default;
  font-weight: normal;
  text-decoration: none;
}
.account-send .left-nav a.active {
  color: #3e3d3e;
  text-decoration: none;
}
.account-send .left-nav a.active:active,
.account-send .left-nav a.active:link,
.account-send .left-nav a.active:focus,
.account-send .left-nav a.active:hover {
  color: #3e3d3e;
  font-weight: bold;
}
.account-store .help,
.admin-build-mappings .help,
.admin-user-accounts .help,
.admin-projects-logs .help,
.portal-search .help {
  margin-top: 30px;
}
.account-store .search-form-group,
.admin-build-mappings .search-form-group,
.admin-user-accounts .search-form-group,
.admin-projects-logs .search-form-group,
.portal-search .search-form-group {
  position: relative;
}
.account-store .search-form-group #search,
.admin-build-mappings .search-form-group #search,
.admin-user-accounts .search-form-group #search,
.admin-projects-logs .search-form-group #search,
.portal-search .search-form-group #search {
  font-size: 12px;
}
.account-store .search-button,
.admin-build-mappings .search-button,
.admin-user-accounts .search-button,
.admin-projects-logs .search-button,
.portal-search .search-button,
.account-store .search-clear,
.admin-build-mappings .search-clear,
.admin-user-accounts .search-clear,
.admin-projects-logs .search-clear,
.portal-search .search-clear {
  position: absolute;
  bottom: 10px;
  right: 20px;
  z-index: 100;
}
.account-store .search-clear,
.admin-build-mappings .search-clear,
.admin-user-accounts .search-clear,
.admin-projects-logs .search-clear,
.portal-search .search-clear {
  right: 40px;
  color: red;
  cursor: pointer;
}
.account-store .table-wrapper,
.admin-build-mappings .table-wrapper,
.admin-user-accounts .table-wrapper,
.admin-projects-logs .table-wrapper,
.portal-search .table-wrapper {
  overflow-x: auto;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #F7F7F7;
  padding: 10px;
}
.account-store .table,
.admin-build-mappings .table,
.admin-user-accounts .table,
.admin-projects-logs .table,
.portal-search .table {
  font-size: 11px;
  color: #808080;
}
.account-store .table th,
.admin-build-mappings .table th,
.admin-user-accounts .table th,
.admin-projects-logs .table th,
.portal-search .table th {
  text-transform: uppercase;
  font-weight: bold;
  color: #000;
  text-decoration: underline;
}
.account-store .table .title,
.admin-build-mappings .table .title,
.admin-user-accounts .table .title,
.admin-projects-logs .table .title,
.portal-search .table .title {
  text-decoration: underline;
  cursor: pointer;
  color: #3E5A74;
  font-weight: bold;
  word-break: break-all;
}
.account-store .table .key,
.admin-build-mappings .table .key,
.admin-user-accounts .table .key,
.admin-projects-logs .table .key,
.portal-search .table .key {
  font-weight: bold;
}
.account-store .table tbody,
.admin-build-mappings .table tbody,
.admin-user-accounts .table tbody,
.admin-projects-logs .table tbody,
.portal-search .table tbody {
  word-break: keep-all;
}
.account-store-projects-view .cert-preview {
  margin-bottom: 10px;
  padding: 10px;
  background: #F2F2F2;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.account-store-projects-view .cert-preview .image-wrapper {
  position: relative;
  padding: 5px 10px 10px 10px;
}
.account-store-projects-view .cert-preview .image-wrapper img.icon {
  position: absolute;
  bottom: -10px;
  right: -5px;
  width: 65px;
}
.account-store-projects-view .cert-preview button {
  font-size: 12px;
  font-weight: bold;
}
.account-store-projects-view .cert-preview button i {
  color: #000;
}
.account-store-projects-view .search-form-group {
  width: 300px;
}
.account-store-projects-view .project-info {
  color: #405B76;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
}
.account-store-projects-view .project-info span {
  text-transform: none;
  color: #3E5A74;
  padding-left: 5px;
}
.account-store-projects-view .btn-add-recipient {
  margin: 20px 0 10px 0;
}
.account-store-projects-view .btn-add-recipient .fa {
  margin: 0 10px 0 0;
}
.account-store-projects-view .btn-add-recipient .fa-plus {
  font-size: 10px;
}
.account-store-projects-view .btn-add-recipient .fa-user {
  font-size: 18px;
  line-height: 18px;
}
.account-store-projects-view .table-help {
  margin-top: 0;
}
.account-store-projects-view .send-table-wrapper {
  padding: 15px;
  border: 1px solid #D7D7D7;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  max-height: 350px;
  overflow-x: auto;
  margin-bottom: 25px;
}
.account-store-projects-view .table td {
  vertical-align: middle;
}
.account-store-projects-view .table .first-name,
.account-store-projects-view .table .last-name {
  color: #3E5A74;
  text-decoration: underline;
  cursor: pointer;
}
.account-store-projects-view .table .sent {
  color: #3E5A74;
  text-transform: uppercase;
}
.account-store-projects-view .table .unsent {
  text-transform: uppercase;
  color: #933933;
}
.account-store-projects-view .btn-send {
  position: relative;
}
.account-store-projects-view .btn-send span {
  margin-left: 60px;
}
.account-store-projects-view .btn-send .icon {
  position: absolute;
  top: -2px;
  left: 15px;
  width: 40px;
}
.account-store-projects-view .btn-undeliverable {
  position: relative;
  width: 66px;
  height: 34px;
}
.account-store-projects-view .btn-undeliverable span {
  margin-left: 60px;
}
.account-store-projects-view .btn-undeliverable .icon {
  position: absolute;
  top: 6px;
  left: 0;
  right: 0;
  margin: auto;
  height: 20px;
}
.account-store-projects-view .btn-undeliverable i {
  position: absolute;
  right: 8px;
  bottom: 2px;
  font-size: 16px;
  background: #fff;
  border-radius: 50%;
}
.account-store-recipients .table-wrapper {
  border-color: #D6EFF4;
}
.account-store-recipients .table-wrapper-short {
  max-height: 185px;
}
.account-store-recipients .table .email {
  color: #3E5A74;
  text-decoration: underline;
  cursor: pointer;
}
.account-store-recipients .table > tbody > tr.active > td {
  background-color: #D6EFF4;
}
.account-store-recipients .table td {
  vertical-align: middle;
}
.account-store-recipients .recipient-projects {
  display: flex;
  flex-wrap: wrap;
}
.account-store-recipients .recipient-projects .project {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.account-store-recipients .recipient-projects .project .project-inner {
  position: relative;
}
.account-store-recipients .recipient-projects .project .project-inner .delete-certificate {
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
  color: #B12C2E;
  font-size: 24px;
  z-index: 1;
}
.account-store-recipients .recipient {
  margin: 40px 20px 25px 20px;
}
.account-store-recipients .recipient .grid-delete-certificate .delete-certificate {
  cursor: pointer;
  color: #B12C2E;
  font-size: 24px;
  z-index: 1;
}
.account-store-recipients .recipient .header-box .row .info {
  margin-left: 10px;
}
.account-store-recipients .recipient .header-box .row .info span {
  padding-left: 5px;
}
.account-store-recipients .recipient .header-box .row .info .name span {
  color: #3E5A74;
  font-weight: bold;
}
.account-store-recipients .recipient .header-box .row .info .simplecert span {
  text-decoration: underline;
}
.account-store-recipients .recipient .header-box .row .small-image {
  height: 90px;
}
.account-store-recipients .recipient .show-type-buttons {
  margin: 20px 0 30px 0;
}
.account-store-recipients .recipient .table-wrapper {
  border: 1px solid #D6EFF4;
  padding: 10px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.account-store-recipients .recipient .project {
  margin-bottom: 20px;
}
.account-store-recipients .recipient .project .project-inner {
  padding: 15px;
  background: #F7F7F7;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.account-store-recipients .recipient .project .project-inner img {
  margin-bottom: 15px;
}
.account-store-recipients .recipient .project .key {
  font-size: 12px;
  font-family: "Open Sans Bold", "Open Sans", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}
.account-store-recipients .recipient .project .title {
  font-size: 12px;
}
.account-store-recipients .recipient .project .title .title {
  padding-left: 5px;
  font-family: "Open Sans Bold", "Open Sans", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  color: #3E5A74;
}
.account-store-recipients .recipient .project .btn {
  margin-bottom: 10px;
}
.account-store-recipients .recipient .project .btn-view-pdf {
  border: 1px solid #797979;
  text-align: center;
}
.modal-store-recipients-change-email .existing {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
}
.modal-store-recipients-change-email .existing span {
  padding-left: 10px;
  color: #3E5A74;
  text-transform: none;
}
.account-store-search .search-table {
  position: relative;
  margin: 20px;
}
.account-store-search .search-table .btn-prev-page,
.account-store-search .search-table .btn-next-page {
  position: absolute;
  top: 100px;
  cursor: pointer;
  color: #D7D7D7;
  font-size: 45px;
}
.account-store-search .search-table .btn-prev-page {
  left: -35px;
}
.account-store-search .search-table .btn-next-page {
  right: -35px;
}
.account-store-search .showing {
  color: #999;
  font-size: 12px;
  margin: 15px;
}
.account-store-search .showing span {
  padding: 0 5px;
  font-weight: bold;
}
.account-store-search .table-wrapper {
  max-width: 100%;
  overflow-x: auto;
}
.account-store-search .select-block {
  position: relative;
}
.account-store-search .select-block select {
  background: transparent;
  position: relative;
  z-index: 2;
}
.account-store-search .select-block .select-placeholder {
  position: absolute;
  bottom: 7px;
  left: 10px;
  z-index: 1;
}
.account-store-search .search-form-group .datepicker-search {
  display: flex;
  justify-content: space-between;
}
.account-store-search .search-form-group .datepicker-search .date-filter {
  display: inline-block;
  width: 49%;
  position: relative;
}
.account-store-search .search-form-group .datepicker-search .date-filter .help {
  position: absolute;
  top: -20px;
  margin: 0;
}
.account-store-search .search-form-group .datepicker-search .date-filter .input-group {
  margin: 0;
}
.account-store-search .filter-items {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 20px;
}
.account-store-search .filter-items .filter-key {
  margin: 0;
}
.account-store-search .search-buttons {
  display: flex;
  justify-content: space-between;
  margin-top: 25px;
}
.account-store-search .search-buttons .left-buttons .btn {
  margin-right: 10px;
}
.account-store-search .search-buttons .right-buttons .btn {
  margin-left: 10px;
}
.admin-build-edit .form-group-url {
  position: relative;
  top: -25px;
  margin-bottom: 0;
}
.admin-build-backgrounds .btn-add-new {
  position: relative;
  bottom: 10px;
}
.admin-build-backgrounds .backgrounds .col,
.admin-build-backgrounds .signatures .col {
  min-height: 275px;
  margin-bottom: 25px;
}
.admin-build-backgrounds .backgrounds .key,
.admin-build-backgrounds .signatures .key {
  font-size: 12px;
  font-family: "Open Sans Bold", "Open Sans", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}
.admin-build-backgrounds .backgrounds .value,
.admin-build-backgrounds .signatures .value {
  font-size: 12px;
  padding-left: 5px;
  font-family: "Open Sans Bold", "Open Sans", sans-serif;
  font-weight: 700;
  color: #3E5A74;
}
.admin-build-backgrounds .backgrounds .created .value,
.admin-build-backgrounds .signatures .created .value {
  color: #333333;
}
.admin-build-backgrounds .backgrounds .info,
.admin-build-backgrounds .signatures .info {
  height: 75px;
}
.admin-build-backgrounds .backgrounds .image,
.admin-build-backgrounds .signatures .image {
  background: #e2e7ea;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.admin-build-backgrounds .backgrounds .image .image-inner,
.admin-build-backgrounds .signatures .image .image-inner {
  padding: 15px;
  position: relative;
  text-align: center;
}
.admin-build-backgrounds .backgrounds .image .image-inner img,
.admin-build-backgrounds .signatures .image .image-inner img {
  max-height: 150px;
  max-width: 100%;
}
.admin-build-backgrounds .backgrounds .delete-background,
.admin-build-backgrounds .signatures .delete-background {
  position: absolute;
  top: 5px;
  right: 5px;
  color: #B12C2E;
  font-size: 24px;
  cursor: pointer;
}
.admin-build-backgrounds .signatures .info {
  height: 90px;
}
.modal-view-terms #terms {
  width: 100%;
  height: 350px;
  overflow-y: scroll;
}
.upgrade a {
  color: #B0BC36;
  text-transform: uppercase;
  text-decoration: underline;
}
.admin-build-mappings .btn-add-new {
  position: relative;
  bottom: 10px;
}
.admin-build-mappings .delete-mapping {
  color: #B12C2E;
  cursor: pointer;
}
.admin-build-mappings .table a {
  color: #3E5A74;
  text-decoration: underline;
  cursor: pointer;
}
.account-store-history .table-wrapper .sent {
  color: #3E5A74;
}
.account-store-history .table-wrapper .unsent {
  color: #900;
}
.account-store-history .table-wrapper .errored {
  color: #000;
}
.account-store-history-view .project-info {
  color: #405B76;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
}
.account-store-history-view .project-info span {
  text-transform: none;
  color: #808080;
  padding-left: 5px;
  font-weight: 600;
  word-break: break-all;
}
.account-store-history-view .table-wrapper {
  border: 1px solid #D7D7D7;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  margin-bottom: 25px;
}
.account-store-history-view .table {
  color: #949494;
}
.account-store-history-view .table td {
  vertical-align: middle;
}
.account-store-history-view .table .sent {
  color: #3E5A74;
  text-transform: uppercase;
}
.account-store-history-view .table .unsent {
  text-transform: uppercase;
  color: #933933;
}
.account-store-history-view .table-wrapper .unsent,
.account-store-history-view .table-wrapper .sent,
.account-store-history-view .table-wrapper .errored {
  text-transform: uppercase;
}
.account-store-history-view .table-wrapper .sent {
  color: #3E5A74;
}
.account-store-history-view .table-wrapper .unsent {
  color: #900;
}
.account-store-history-view .table-wrapper .errored {
  color: #000;
}
.modal-build-add-background .preview .image {
  margin: 0 auto;
}
.modal-certificate-upload-image .preview .image {
  margin: 0 auto;
}
.admin-user-accounts td {
  white-space: nowrap;
}
.admin-user-accounts .last_name,
.admin-user-accounts .first_name {
  cursor: pointer;
  color: #3E5A74;
}
.admin-user-accounts .btn-group {
  margin-bottom: 10px;
}
.admin-user-accounts .btn-group .btn {
  margin-left: 10px;
}
.admin-user-accounts .ng-table-counts {
  display: none;
}
.admin-user-accounts .table-wrapper {
  padding: 10px;
  border: 1px solid #E2E7EA;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.admin-user-accounts .account-image {
  max-width: 60px;
  max-height: 20px;
}
.admin-user-accounts .accounts-list-actions {
  display: flex;
}
.admin-user-accounts .accounts-list-actions .action-buttons {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.smtp-radios label {
  text-transform: none;
}
ul.tabber {
  list-style: none;
  margin: 20px 20px 5px;
  padding: 0;
  margin-left: 17px;
  border-bottom: 1px solid #e2e7ea;
  height: 62px;
}
li.tabbertab {
  float: left;
  background-color: #F2F2F2;
  text-transform: uppercase;
  font-size: 18px;
  border: 1px solid #e2e7ea;
  margin-left: -1px;
  padding: 10px;
  cursor: pointer;
}
li.tabbertab small {
  display: block;
  text-transform: none;
  font-size: 11px;
  text-transform: capitalize;
}
li.active-category {
  background-color: white !important;
  color: #3E5A74 !important;
}
li.blanktab {
  border: 0;
  font-size: 16px;
  line-height: 24px;
  font-family: "Open Sans Bold", "Open Sans", sans-serif;
  font-weight: 700;
  margin-top: 30px;
  margin-right: 20px;
  padding: 0 0 5px 5px;
  color: #3e5a74;
  text-transform: uppercase;
  float: left;
}
.growl-message a {
  color: white;
  text-decoration: underline;
}
.growl-message a:hover {
  font-weight: bold;
  color: white;
}
.growl-message .growl-link {
  color: #3e5a74;
}
.growl-message .growl-link:hover {
  font-weight: normal;
  color: #3e5a74;
}
@-moz-document url-prefix() {
  fieldset {
    display: table-cell;
  }
}
button.attach::before {
  background-image: url('/assets/images/paperclip_black.png');
  background-size: 22px auto;
}
button.attach-image::before {
  background-image: url('/assets/images/add-image-field.png');
  background-size: 22px auto;
}
.filename {
  word-wrap: break-word;
}
.canvas-menu li {
  cursor: pointer;
}
.canvas-menu li a:hover,
.canvas-menu li a:focus {
  background-color: #333333 !important;
  color: white;
}
.m-b-0 {
  margin-bottom: 0;
}
/*portrait css*/
#canvas.portrait,
#canvas-back.portrait {
  height: 640px;
}
#canvas.portrait .background img.star-image,
#canvas-back.portrait .background img.star-image {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  height: auto !important;
}
#canvas.portrait canvas#cnv,
#canvas-back.portrait canvas#cnv {
  height: 100%;
  width: 100%;
}
#controls.admin-template .text-control.text-style-col {
  width: 210px;
}
.build-edit .middle-column.template-col-wrap {
  margin-top: 20px;
}
@media (max-width: 991px) {
  .left-tools-sidebar {
    margin-top: 40px;
  }
}
.font-size .ui-select-bootstrap > .ui-select-choices {
  width: 66px;
}
.font-size .dropdown-menu {
  min-width: 40px;
}
#js-spinner {
  background-image: url(/assets/images/js-spinner.gif);
  background-repeat: no-repeat;
  background-size: 50px;
  background-position: center;
  position: fixed;
  z-index: 999999;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-color: rgba(255, 255, 255, 0.2);
}
#loading-bar {
  display: none;
}
.font-disable {
  opacity: 0.5;
}
.dropdown-menu.send-end-test {
  top: 35px;
  left: -100px;
}
.dropdown-menu::before {
  position: absolute;
  top: -7px;
  right: 9px;
  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: '';
}
.dropdown-menu::after {
  position: absolute;
  top: -6px;
  right: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  border-left: 6px solid transparent;
  content: '';
}
.dropdown-menu {
  margin-top: 7px;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color: #e3eff9 !important;
  color: #3e5a74;
}
.register-explanation {
  font-size: 12px;
  margin-bottom: 5px;
}
.growl-container {
  z-index: 112000;
}
.tutorial-upon-login-modal label {
  line-height: 35px;
  cursor: pointer;
  float: left;
}
.tutorial-upon-login-modal label input[type="checkbox"] {
  margin-right: 10px;
}
.tutorial-upon-login-modal .not-now-btn {
  margin-right: 10px;
}
.z-index-100 {
  z-index: 100 !important;
}
#promo-code-value {
  text-transform: uppercase;
}
.promo-codes-field .form-control {
  color: #333333;
}
.languages-box,
.socials-box {
  width: 100%;
  float: left;
  text-align: left;
}
.smtp-box {
  width: 88%;
  float: right;
  text-align: left;
}
ul.languages-ul,
ul.socials-ul {
  display: inline-block;
  padding-left: 0;
}
ul.languages-ul li {
  margin-right: 5px;
}
ul.languages-ul li input {
  margin: 0;
  vertical-align: middle;
}
ul.languages-ul li label {
  margin: 0;
  vertical-align: middle;
}
ul.languages-ul li label span {
  margin-left: 3px;
}
ul.smtp-ul {
  display: inline-block;
  padding-left: 0;
  text-transform: uppercase;
}
ul.smtp-ul li {
  display: inline-block;
  margin-left: 10px;
}
ul.smtp-ul li label {
  font-weight: 400;
}
.languages-ul li,
.socials-ul li {
  display: inline-block;
}
.socials-ul li + li {
  margin-left: 5px;
}
.languages-ul label,
.socials-ul label {
  text-transform: none;
  font-weight: 400;
  cursor: pointer;
}
.socials-preview a {
  width: 20%;
  display: inline-block;
  text-align: center;
}
.edit-memo-input {
  width: calc(100% - 37px);
  margin-right: 4px;
  color: #333;
  min-width: 130px;
}
.edit-memo-input-1 {
  width: calc(100% - 38px);
  min-width: 130px;
  margin-right: 4px;
  color: #333;
}
.title-box span.span-edit {
  float: right;
  cursor: pointer;
}
.title-box .fa-check-circle {
  margin-right: 5px;
  color: #b0bc36;
  cursor: pointer;
}
.title-box .fa-close {
  color: red;
  cursor: pointer;
}
.fa-pencil.edit-name {
  color: #333;
}
.store-projects-table th:nth-child(3),
.store-projects-table th:nth-child(4) {
  width: auto;
}
.store-projects-table th:last-child,
.store-projects-table th:nth-last-child(2) {
  width: 80px;
}
.build-existing .certificates .fa-check-circle {
  color: #b0bc36;
}
#canvas div,
#canvas-back div {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#canvas div.selected,
#canvas div.selected div,
#canvas-back div.selected,
#canvas-back div.selected div {
  -webkit-touch-callout: initial;
  -webkit-user-select: initial;
  -khtml-user-select: initial;
  -moz-user-select: initial;
  -ms-user-select: initial;
  user-select: initial;
}
.send-import .send-import-map .cert-drag-title {
  width: auto !important;
}
.delete-icon-box {
  font-size: 20px;
  color: red;
  display: block;
  cursor: pointer;
}
.delete-icon-box .fa {
  vertical-align: bottom;
}
.delete-icon-box img {
  width: 30px;
}
.format-a4 {
  width: 640px !important;
  height: 452px !important;
}
.format-a4.rotate_bg .background img {
  width: 452px !important;
  height: 640px !important;
}
.format-letter {
  width: 640px !important;
  height: 494px !important;
}
.format-letter.rotate_bg .background img {
  width: 494px !important;
  height: 640px !important;
}
.format-legal {
  width: 640px !important;
  height: 388px !important;
}
.format-legal.rotate_bg .background img {
  width: 388px !important;
  height: 640px !important;
}
.format-a4.portrait {
  width: 638px !important;
  height: 902px !important;
}
.format-a4.portrait.rotate_bg .background img {
  width: 902px !important;
  height: 638px !important;
}
.format-letter.portrait {
  width: 638px !important;
  height: 825px !important;
}
.format-letter.portrait.rotate_bg .background img {
  width: 825px !important;
  height: 638px !important;
}
.format-legal.portrait {
  width: 638px !important;
  height: 1050px !important;
}
.format-legal.portrait.rotate_bg .background img {
  width: 1050px !important;
  height: 638px !important;
}
#canvas.rotate_bg.format-legal .background img,
#canvas-back.rotate_bg.format-legal .background img {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-transform-origin: 131px 256px;
  -moz-transform-origin: 131px 256px;
  -ms-transform-origin: 131px 256px;
  -o-transform-origin: 131px 256px;
  transform-origin: 131px 256px;
}
#canvas.rotate_bg.format-a4 .background img,
#canvas-back.rotate_bg.format-a4 .background img {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-transform-origin: 179px 273px;
  -moz-transform-origin: 179px 273px;
  -ms-transform-origin: 179px 273px;
  -o-transform-origin: 179px 273px;
  transform-origin: 179px 273px;
}
#canvas.rotate_bg.format-letter .background img,
#canvas-back.rotate_bg.format-letter .background img {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-transform-origin: 211px 283px;
  -moz-transform-origin: 211px 283px;
  -ms-transform-origin: 211px 283px;
  -o-transform-origin: 211px 283px;
  transform-origin: 211px 283px;
}
#canvas.rotate_bg.portrait.format-legal .background img,
#canvas-back.rotate_bg.portrait.format-legal .background img {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-transform-origin: 525px 525px;
  -moz-transform-origin: 525px 525px;
  -ms-transform-origin: 525px 525px;
  -o-transform-origin: 525px 525px;
  transform-origin: 525px 525px;
}
#canvas.rotate_bg.portrait.format-a4 .background img,
#canvas-back.rotate_bg.portrait.format-a4 .background img {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-transform-origin: 451px 451px;
  -moz-transform-origin: 451px 451px;
  -ms-transform-origin: 451px 451px;
  -o-transform-origin: 451px 451px;
  transform-origin: 451px 451px;
}
#canvas.rotate_bg.portrait.format-letter .background img,
#canvas-back.rotate_bg.portrait.format-letter .background img {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-transform-origin: 412px 412px;
  -moz-transform-origin: 412px 412px;
  -ms-transform-origin: 412px 412px;
  -o-transform-origin: 412px 412px;
  transform-origin: 412px 412px;
}
#canvas.rotate_bg .background img,
#canvas-back.rotate_bg .background img {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-transform-origin: 209px 282px;
  -moz-transform-origin: 209px 282px;
  -ms-transform-origin: 209px 282px;
  -o-transform-origin: 209px 282px;
  transform-origin: 209px 282px;
}
.do-not-copy-me {
  user-select: none;
}
.modal-test-certificate .modal-body .btn-select {
  padding: 20px 0px;
  margin-bottom: 30px;
  width: 500px;
}
.text-wrap {
  overflow-wrap: break-word;
}
textarea.clipboard {
  width: 860px;
  height: 300px;
  padding-left: 380px;
  padding-top: 130px;
  font-size: 30px;
}
.clipboard-table-wrapper {
  border: 1px solid #333;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  padding: 10px;
}
.btn-file {
  position: relative;
  overflow: hidden;
}
.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}
.wrapper-image-button {
  margin-top: 10px;
}
.imageupload h3.panel-title {
  margin-top: 10px;
}
.imageupload img.thumbnail {
  padding: 4px;
  max-width: 250px;
  max-height: 250px;
  border: 1px solid #ddd;
}
.pagination .disabled a.page,
.pagination .disabled a.page:hover {
  background-color: #cbeefa !important;
}
.pagination li.active a:focus,
.pagination li.active a:hover {
  background-color: #337ab7 !important;
  cursor: not-allowed;
}
.center-modal {
  text-align: center;
  padding: 0!important;
}
.center-modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}
.center-modal .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.modal-system-upgrade .modal-footer.one-button {
  text-align: center;
}
.modal-system-upgrade .title {
  color: black;
}
.modal-system-upgrade .logo {
  float: none;
  width: 160px;
}
.modal-system-upgrade .message-content {
  padding: 20px;
  text-align: justify;
}
.download-template {
  display: flex;
  flex-direction: column;
}
.download-template .download-template-warning p {
  font-size: 12px;
}
.d-flex {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.justify-content-space-between {
  justify-content: space-between;
}
.recipient_portal_link_option {
  display: inline-block;
  float: right;
}
.recipient_portal_link_option label {
  text-transform: none;
  font-size: 14px;
  font-weight: normal;
}
.file-dropzone {
  position: relative;
  cursor: pointer;
}
.file-dropzone input {
  width: 0;
  height: 0;
  opacity: 0!important;
}
.file-dropzone--label {
  border: 2px dashed #a1a1a1;
  cursor: pointer;
  padding: 15px;
  text-transform: none;
  text-align: center;
  opacity: 0.8;
}
.file-dropzone--label:hover + input:hover {
  opacity: 1;
}
.file-dropzone--label--caption {
  display: block;
  margin-bottom: 15px;
  font-weight: 100;
  font-size: 16px;
}
.file-dropzone--label--button {
  display: inline-block;
  margin: 0 auto;
  background: #3e5a74;
  color: #fff;
  padding: 5px 10px;
  border-radius: 3px;
  font-weight: 400;
}
.ml-10 {
  margin-left: 10px;
}
.mt-10 {
  margin-top: 10px;
}
.modal-add-font .alignment {
  display: flex;
}
.account-subscription,
.billing-subscriptions {
  margin-top: 20px;
}
.account-subscription .thumbnail,
.billing-subscriptions .thumbnail {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
  transition: 0.3s;
  min-width: 40%;
  border: none;
  border-radius: 5px;
  padding: 0;
}
.account-subscription .thumbnail-description,
.billing-subscriptions .thumbnail-description {
  min-height: 40px;
}
.account-subscription .thumbnail:hover,
.billing-subscriptions .thumbnail:hover {
  cursor: pointer;
  box-shadow: 0 8px 16px 0 #000000;
}
.account-subscription .card-head,
.billing-subscriptions .card-head {
  display: flex;
  justify-content: center;
  color: white;
  font-size: 20px;
  background: #b0bc36;
  padding-top: 15px;
  padding-bottom: 15px;
  text-transform: uppercase;
}
.account-subscription .card-text,
.billing-subscriptions .card-text {
  display: flex;
  flex-direction: column;
  justify-content: start;
  padding: 0 5px 5px;
  min-height: 300px;
}
.account-subscription .card-text .subscription_price,
.billing-subscriptions .card-text .subscription_price {
  padding: 20px 0;
  color: #B0BC36;
  font-size: 16px;
  font-weight: bold;
}
.account-subscription .card-text.info,
.billing-subscriptions .card-text.info {
  background: #E3EFF9;
}
.account-subscription .card-text ul,
.billing-subscriptions .card-text ul {
  list-style: none;
  padding: 0;
  margin: 0;
  min-height: 100px;
}
.account-subscription .card-text ul li,
.billing-subscriptions .card-text ul li {
  margin-bottom: 5px;
}
.account-subscription .card-text ul li .fa-check,
.billing-subscriptions .card-text ul li .fa-check {
  color: green;
  margin-right: 5px;
}
.account-subscription .cancel,
.billing-subscriptions .cancel {
  margin: 75px auto 0;
}
.account-subscription .plan-button,
.billing-subscriptions .plan-button {
  width: 75%;
  margin: 75px auto 0;
  border: 2px solid #b0bc36;
  background: transparent;
  color: #3d5973;
  font-weight: 700;
}
.account-subscription .plan-button:hover,
.billing-subscriptions .plan-button:hover {
  background: #b0bc36 !important;
}
.account-subscription .purchase-option,
.billing-subscriptions .purchase-option {
  margin: 0 0 30px;
}
.account-subscription .purchase-option .subscription-option,
.billing-subscriptions .purchase-option .subscription-option {
  color: #fff;
  background: #b0bc36;
  padding: 15px;
  font-size: 20px;
  display: inline-flex;
  align-items: center;
  line-height: 38px;
  width: 375px;
}
.account-subscription .purchase-option .payg-option,
.billing-subscriptions .purchase-option .payg-option {
  color: #fff;
  background: #3e5a74;
  padding: 15px;
  font-size: 20px;
  display: flex;
  align-items: center;
  line-height: 38px;
  width: 375px;
}
.account-subscription .purchase-option i,
.billing-subscriptions .purchase-option i {
  font-size: 32px;
  margin-right: 15px;
}
.email-text-body {
  margin-top: 20px;
}
.btn-info {
  background-color: #658caf;
  border-color: #658caf;
}
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #3e5a74;
  border-color: #3e5a74;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #91c1e9;
  border-color: #91c1e9;
}
.sp-container .sp-choose {
  background: #b0bc36 !important;
  border-color: #b0bc36;
  color: #fff;
}
.certificate-side-navigation {
  margin: 20px 0;
}
.certificate-side-navigation #toggle-side-buttons label {
  margin: 0;
  padding: 11px 0;
}
.store-projects-preview-edit {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  max-width: 100%;
}
.store-projects-preview-edit .edit-record-form {
  display: flex;
  justify-content: center;
}
.account-edit-modal .actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.account-edit-modal .actions button {
  margin-bottom: 10px;
}
.account-edit-modal .credits-row {
  margin-bottom: 5px;
}
.admin-payg-logs .apply-button {
  margin: 26px 0 0;
}
.form-edit-user .cert-sets {
  margin-bottom: 20px;
  max-height: 230px;
  overflow-x: hidden;
  overflow-y: auto;
}
.form-edit-user .cert-sets .cert.checkbox:first-child {
  margin-top: 0;
}
.form-edit-user.new-user .cert-sets {
  margin-bottom: 20px;
  max-height: 150px;
  overflow-x: hidden;
  overflow-y: auto;
}
.lineColor {
  display: block;
}
.lineColor .sp-replacer {
  padding: 6px;
}
.progress-bar-modal .modal-dialog {
  position: absolute;
  margin: -70px auto 0;
  left: 0;
  right: 0;
  top: 50%;
}
.purchase-incomplete.modal-body a {
  color: #b0bc36;
  text-decoration: underline;
}
.full-height {
  height: 100vh;
}
.body-login,
.body-home {
  padding: 0;
}
.body-login .register,
.body-home .register {
  display: none;
}
.body-login .app-header,
.body-home .app-header,
.body-login .account-navigation,
.body-home .account-navigation,
.body-login .dashboard,
.body-home .dashboard,
.body-login .footer-inner,
.body-home .footer-inner,
.body-login .footer,
.body-home .footer {
  display: none;
}
.body-login.in-app,
.body-home.in-app {
  overflow: auto;
}
.body-login.in-app main.main,
.body-home.in-app main.main {
  background: none;
}
.body-login.in-app main.main .view-wrapper,
.body-home.in-app main.main .view-wrapper {
  width: auto;
  max-width: initial;
  margin: 0;
  border: none;
}
.body-login.in-app main.main .view-wrapper .view,
.body-home.in-app main.main .view-wrapper .view {
  padding: 0;
}
.body-login.in-app main.main .view-wrapper .background-circle,
.body-home.in-app main.main .view-wrapper .background-circle {
  top: initial;
  z-index: initial;
}
.body-login .cogs,
.body-home .cogs {
  display: none;
}
.body-login .header,
.body-home .header {
  display: none;
}
.body-login .form,
.body-home .form {
  padding: 0;
  background: none;
}
.body-login .view-wrapper,
.body-home .view-wrapper {
  width: auto;
  max-width: initial;
  margin: 0;
  border: none;
}
.body-login .view-wrapper .view,
.body-home .view-wrapper .view {
  display: flex;
  width: 100vw;
  height: 100vh;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.body-login .view-wrapper .view .home,
.body-home .view-wrapper .view .home {
  border: none;
  max-width: 1366px;
  max-height: 768px;
  width: 100%;
  height: 100%;
  margin: auto;
  overflow: visible;
}
@media screen and (max-width: 991px) {
  .body-login .view-wrapper .view .home,
  .body-home .view-wrapper .view .home {
    overflow: auto;
  }
}
.body-login .view-wrapper .view .home .row,
.body-home .view-wrapper .view .home .row {
  height: 100%;
  margin: 0;
}
.body-login .view-wrapper .view .home .forms,
.body-home .view-wrapper .view .home .forms {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 30px 0 100px;
}
@media screen and (max-width: 768px) {
  .body-login .view-wrapper .view .home .forms,
  .body-home .view-wrapper .view .home .forms {
    padding: 30px 15px 100px;
  }
}
.body-login .view-wrapper .view .home .home-logo,
.body-home .view-wrapper .view .home .home-logo {
  max-width: 380px;
  width: 100%;
  margin: 0 auto;
}
.body-login .view-wrapper .view .home .login-wrapper,
.body-home .view-wrapper .view .home .login-wrapper {
  max-width: 380px;
  width: 100%;
  margin: 0 auto;
  height: 480px;
}
.body-login .view-wrapper .view .home .login-wrapper .login-register .form-group,
.body-home .view-wrapper .view .home .login-wrapper .login-register .form-group {
  margin-bottom: 20px;
}
.body-login .view-wrapper .view .home .login-wrapper .login-register .login .form-title,
.body-home .view-wrapper .view .home .login-wrapper .login-register .login .form-title {
  font-family: Roboto;
  font-size: 40px;
  line-height: 40px;
  font-weight: 300;
  letter-spacing: 0;
  color: #3C414C;
  margin: 0 0 30px;
}
.body-login .view-wrapper .view .home .login-wrapper .login-register .login input.form-control,
.body-home .view-wrapper .view .home .login-wrapper .login-register .login input.form-control {
  border: 1px solid #97AFC6;
  padding: 12px 20px;
  border-radius: 5px;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0;
  color: #3C414C;
  height: auto;
}
.body-login .view-wrapper .view .home .login-wrapper .login-register .login input.form-control::-webkit-input-placeholder,
.body-home .view-wrapper .view .home .login-wrapper .login-register .login input.form-control::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #3C414C;
}
.body-login .view-wrapper .view .home .login-wrapper .login-register .login input.form-control::-moz-placeholder,
.body-home .view-wrapper .view .home .login-wrapper .login-register .login input.form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: #3C414C;
}
.body-login .view-wrapper .view .home .login-wrapper .login-register .login input.form-control:-ms-input-placeholder,
.body-home .view-wrapper .view .home .login-wrapper .login-register .login input.form-control:-ms-input-placeholder {
  /* IE 10+ */
  color: #3C414C;
}
.body-login .view-wrapper .view .home .login-wrapper .login-register .login input.form-control:-moz-placeholder,
.body-home .view-wrapper .view .home .login-wrapper .login-register .login input.form-control:-moz-placeholder {
  /* Firefox 18- */
  color: #3C414C;
}
.body-login .view-wrapper .view .home .login-wrapper .login-register .login .remember-forgot-row,
.body-home .view-wrapper .view .home .login-wrapper .login-register .login .remember-forgot-row {
  margin: 20px 0;
}
.body-login .view-wrapper .view .home .login-wrapper .login-register .login .remember-me,
.body-home .view-wrapper .view .home .login-wrapper .login-register .login .remember-me,
.body-login .view-wrapper .view .home .login-wrapper .login-register .login .forgot-password,
.body-home .view-wrapper .view .home .login-wrapper .login-register .login .forgot-password {
  font-family: Roboto;
  font-size: 15px;
  font-weight: 500;
  line-height: 15px;
  letter-spacing: 0;
  color: #3F5C77;
  background: transparent;
  outline: none;
  box-shadow: none;
  text-transform: none;
  padding: 0;
}
.body-login .view-wrapper .view .home .login-wrapper .login-register .login .remember-me i,
.body-home .view-wrapper .view .home .login-wrapper .login-register .login .remember-me i,
.body-login .view-wrapper .view .home .login-wrapper .login-register .login .forgot-password i,
.body-home .view-wrapper .view .home .login-wrapper .login-register .login .forgot-password i {
  font-size: 17px;
  margin-right: 5px;
  color: #BFC551;
}
.body-login .view-wrapper .view .home .login-wrapper .login-register .login .no-account,
.body-home .view-wrapper .view .home .login-wrapper .login-register .login .no-account {
  margin: 100px 0 0;
}
.body-login .view-wrapper .view .home .login-wrapper .login-register .login .no-account p,
.body-home .view-wrapper .view .home .login-wrapper .login-register .login .no-account p {
  font-family: Roboto;
  font-size: 20px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 32px;
  color: #3C414C;
  margin: 0;
}
.body-login .view-wrapper .view .home .login-wrapper .login-register .login .no-account a,
.body-home .view-wrapper .view .home .login-wrapper .login-register .login .no-account a {
  color: #BFC551;
  text-transform: none;
}
.body-login .view-wrapper .view .home .login-wrapper .login-register .login.two-fa-form .no-account a,
.body-home .view-wrapper .view .home .login-wrapper .login-register .login.two-fa-form .no-account a {
  width: 100%;
}
.body-login .view-wrapper .view .home .login-wrapper .login-register .submit,
.body-home .view-wrapper .view .home .login-wrapper .login-register .submit {
  background: #BFC551;
  border-radius: 5px;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 900;
  padding: 12px;
  height: auto;
}
.body-login .view-wrapper .view .home .login-wrapper .login-register .submit.dark,
.body-home .view-wrapper .view .home .login-wrapper .login-register .submit.dark {
  background: #000;
}
.body-login .view-wrapper .view .home .identifications,
.body-home .view-wrapper .view .home .identifications {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 30px 0 100px;
}
.body-login .view-wrapper .view .home .identifications .background-circle,
.body-home .view-wrapper .view .home .identifications .background-circle {
  position: absolute;
  width: 1734px;
  height: 1734px;
  background: transparent linear-gradient(144deg, #edeff2 0%, #e7e8ea 100%) 0% 0% no-repeat padding-box;
  border-radius: 50%;
  left: 0;
}
.body-login .view-wrapper .view .home .identifications img,
.body-home .view-wrapper .view .home .identifications img {
  position: relative;
  width: 90px;
}
.body-login .view-wrapper .view .home .identifications p,
.body-home .view-wrapper .view .home .identifications p {
  position: relative;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
  color: #3C414C;
  margin: 13px 0;
}
.body-login .view-wrapper .view .home .identifications i,
.body-home .view-wrapper .view .home .identifications i {
  position: relative;
  font-size: 45px;
  color: #4F708A;
  margin: 40px 0;
}
.body-dashboard .home,
._dashboard .home {
  display: none;
}
.body-confirm,
.body-reset {
  padding: 0;
  background-color: #fff;
}
.body-confirm .cogs,
.body-reset .cogs {
  display: none;
}
.body-confirm .header,
.body-reset .header {
  display: none;
}
.body-confirm .view-wrapper,
.body-reset .view-wrapper {
  margin: 0;
  width: 100%;
  border: none;
}
.body-confirm .view-wrapper .view,
.body-reset .view-wrapper .view {
  padding: 0;
  margin: 0 auto;
  display: flex;
  width: 100vw;
  height: 100vh;
  background-image: url(/assets/images/2.0/register-bg.svg);
  background-position: bottom -338px right -338px;
  background-repeat: no-repeat;
}
.body-confirm .view-wrapper .view .set-password,
.body-reset .view-wrapper .view .set-password {
  max-width: 1366px;
  max-height: 768px;
  width: 100%;
  height: 100%;
  margin: auto;
  padding: 30px 85px 0;
}
.body-confirm .view-wrapper .view .set-password .home-logo,
.body-reset .view-wrapper .view .set-password .home-logo {
  padding-bottom: 100px;
}
.body-confirm .view-wrapper .view .set-password .title,
.body-reset .view-wrapper .view .set-password .title {
  font-family: Roboto;
  font-size: 40px;
  line-height: 40px;
  font-weight: 300;
  letter-spacing: 0;
  color: #3C414C;
  margin: 30px 0;
}
.body-confirm .view-wrapper .view .set-password .btn,
.body-reset .view-wrapper .view .set-password .btn {
  margin-top: 50px;
}
.body-confirm .view-wrapper .view .set-password .form,
.body-reset .view-wrapper .view .set-password .form {
  background: none;
  padding: 0;
  max-width: 100%;
  width: 100%;
}
.body-confirm .view-wrapper .view .set-password .form input,
.body-reset .view-wrapper .view .set-password .form input {
  border: 1px solid #97AFC6;
  padding: 12px 20px;
  border-radius: 5px;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0;
  color: #3C414C;
  height: auto;
}
.body-confirm .view-wrapper .view .set-password .form input::-webkit-input-placeholder,
.body-reset .view-wrapper .view .set-password .form input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #3C414C;
}
.body-confirm .view-wrapper .view .set-password .form input::-moz-placeholder,
.body-reset .view-wrapper .view .set-password .form input::-moz-placeholder {
  /* Firefox 19+ */
  color: #3C414C;
}
.body-confirm .view-wrapper .view .set-password .form input:-ms-input-placeholder,
.body-reset .view-wrapper .view .set-password .form input:-ms-input-placeholder {
  /* IE 10+ */
  color: #3C414C;
}
.body-confirm .view-wrapper .view .set-password .form input:-moz-placeholder,
.body-reset .view-wrapper .view .set-password .form input:-moz-placeholder {
  /* Firefox 18- */
  color: #3C414C;
}
.body-confirm .view-wrapper .view .set-password .form button,
.body-reset .view-wrapper .view .set-password .form button {
  border-radius: 5px;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 900;
  padding: 12px;
  height: auto;
}
.body-portal .login-register {
  margin-top: 0;
}
.body-portal .powered {
  margin: 20px auto;
  float: none;
  text-align: center;
  text-transform: uppercase;
  font-size: 11px;
}
.body-portal .powered .simplecert {
  margin: auto;
}
.body-portal .link a {
  color: #3E5A74;
  font-size: 11px;
  text-decoration: underline;
  position: relative;
  top: 20px;
}
.body-portal .forgot-password a {
  text-transform: uppercase;
  font-size: 10px;
  text-decoration: underline;
}
.body-portal .login {
  background: #E2E7EA;
}
.body-portal .login.no-login {
  height: auto;
  position: static;
  padding-top: 10px;
}
.body-portal .login.no-login .has-error {
  position: static;
  padding-left: 10px;
}
.body-portal .login.no-login .form {
  padding-top: 0px;
}
.body-portal .set-password .title-col {
  margin: 0 auto;
}
.body-portal .branding {
  text-align: center;
  margin: 0 auto;
  float: none;
}
.body-portal .branding .img-responsive {
  display: inline;
}
.body-portal .branding h3 {
  font-family: "Open Sans";
  font-size: 40px;
  line-height: 40px;
  font-weight: bold;
  letter-spacing: 0;
  color: #3C414C;
}
.body-portal .branding .custom_text {
  font-family: Roboto;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
  letter-spacing: 0;
  color: #3C414C;
}
.body-portal .fa-check-circle {
  color: green;
  cursor: pointer;
  margin: 0 10px;
}
.body-portal .fa-close {
  color: red;
  cursor: pointer;
}
.body-portal .fa-pencil {
  margin-left: 10px;
}
.body-portal .header-box .issuer .caption {
  margin-right: 5px;
}
.body-portal .header-box .issuer .value {
  color: #3E5A74;
  font-weight: bold;
}
.body-portal .header-box .header-box-inner {
  display: flex;
}
.body-portal .header-box .header-box-inner .info {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
@media (min-width: 991px) {
  .body-portal.body-login {
    background-color: transparent;
    background-image: url("/assets/images/2.0/register-bg.svg");
    background-position: bottom -338px right -338px;
    background-repeat: no-repeat;
  }
}
.body-portal.body-login .view-wrapper {
  background: transparent;
  margin: 0;
  width: 100%;
}
.body-portal.body-login .view-wrapper .view {
  margin: 0;
  width: 100%;
  padding: 50px 0 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.body-portal.body-login .view-wrapper .view .portal-login-form {
  max-width: 1366px;
  max-height: 768px;
  width: 100%;
  height: 100%;
  margin: auto;
}
.body-portal.body-login .view-wrapper .view .portal-login-form .portal-logo {
  max-width: 200px;
}
.body-portal.body-login .view-wrapper .view .portal-login-form .branding {
  text-align: center;
  margin: 0 auto;
  float: none;
}
.body-portal.body-login .view-wrapper .view .portal-login-form .branding h3 {
  font-family: "Open Sans";
  font-size: 40px;
  line-height: 40px;
  font-weight: bold;
  letter-spacing: 0;
  color: #3C414C;
}
.body-portal.body-login .view-wrapper .view .portal-login-form .branding .custom_text {
  font-family: Roboto;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
  letter-spacing: 0;
  color: #3C414C;
}
.body-portal.body-login .view-wrapper .view .portal-login-form .has-error .help-block {
  background: rgba(253, 238, 238, 0.5);
  padding: 5px;
  font-size: 11px;
  text-align: justify;
  margin: 0 0 5px;
  max-width: 350px;
  width: 100%;
  font-family: 'Roboto';
  font-weight: 500;
  border-radius: 5px;
}
.body-portal.body-login .view-wrapper .view .portal-login-form .portal-login-form-inner {
  float: none;
  margin: 0 auto;
  max-width: 380px;
  min-height: 45px;
}
.body-portal.body-login .view-wrapper .view .portal-login-form .portal-login-form-inner .form {
  background: none;
}
.body-portal.body-login .view-wrapper .view .portal-login-form .portal-login-form-inner h2.title {
  font-family: Roboto;
  font-size: 32px;
  line-height: 32px;
  font-weight: 300;
  letter-spacing: 0;
  color: #3C414C;
  margin: 20px 0 10px;
}
.body-portal.body-login .view-wrapper .view .portal-login-form .portal-login-form-inner .form-group input {
  border: 1px solid #97AFC6;
  padding: 12px 20px;
  border-radius: 5px;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0;
  color: #3C414C;
  height: auto;
}
.body-portal.body-login .view-wrapper .view .portal-login-form .portal-login-form-inner .action-link {
  font-family: Roboto;
  font-size: 15px;
  font-weight: 500;
  line-height: 15px;
  letter-spacing: 0;
  color: #3F5C77;
  background: transparent;
  outline: none;
  box-shadow: none;
  text-transform: none;
  text-decoration: none;
  padding: 0;
}
.body-portal.body-login .view-wrapper .view .portal-login-form .portal-login-form-inner .button-submit {
  background: #BFC551;
  border-radius: 5px;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 900;
  padding: 12px;
  height: auto;
}
.body-portal.body-login .view-wrapper .view .portal-login-form .portal-login-form-inner .button-cancel {
  color: #000;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: 0.8px;
  line-height: 20px;
  padding: 12px;
  border: 1px solid #000;
  border-radius: 5px;
  width: 202px;
  text-align: center;
  text-decoration: none;
  margin-right: 20px;
}
.body-portal.body-login .view-wrapper .view .portal-login-form .portal-login-form-inner .social-login-title {
  display: flex;
  color: #3F5C77;
  padding: 10px 0 10px;
  align-items: center;
  font-size: 10px;
}
.body-portal.body-login .view-wrapper .view .portal-login-form .portal-login-form-inner .social-login-title hr {
  margin: 0;
  width: 120px;
}
.body-portal.body-login .view-wrapper .view .portal-login-form .portal-login-form-inner .social-login-title span {
  margin: 0 15px;
}
.body-portal.body-login .view-wrapper .view .portal-login-form .portal-login-form-inner .social-login-wrapper {
  padding: 10px 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.body-portal.body-login .view-wrapper .view .portal-login-form .portal-login-form-inner .social-login-wrapper .social-login-button {
  border: 1px solid #97AFC6;
  display: flex;
  width: 110px;
  align-items: center;
  justify-content: center;
  height: 40px;
  cursor: pointer;
  border-radius: 5px;
}
.body-portal.body-login .view-wrapper .view .portal-login-form .portal-login-form-inner .social-login-wrapper .social-login-button:hover {
  text-decoration: none;
}
.body-portal.body-login .view-wrapper .view .portal-login-form .portal-login-form-inner .social-login-wrapper .social-login-button img {
  width: 25px;
  margin-right: 5px;
}
.body-portal.body-login .view-wrapper .view .portal-login-form .portal-login-form-inner .social-login-wrapper .gsi-material-button {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-appearance: none;
  background-color: WHITE;
  background-image: none;
  border: 1px solid #747775;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #1f1f1f;
  cursor: pointer;
  font-family: 'Roboto', arial, sans-serif;
  font-size: 14px;
  height: 41px;
  letter-spacing: 0.25px;
  outline: none;
  overflow: hidden;
  padding: 0 12px;
  position: relative;
  text-align: center;
  -webkit-transition: background-color 0.218s, border-color 0.218s, box-shadow 0.218s;
  transition: background-color 0.218s, border-color 0.218s, box-shadow 0.218s;
  vertical-align: middle;
  white-space: nowrap;
  width: auto;
  max-width: 400px;
  min-width: min-content;
}
.body-portal.body-login .view-wrapper .view .portal-login-form .portal-login-form-inner .social-login-wrapper .gsi-material-button .gsi-material-button-icon {
  height: 20px;
  margin-right: 12px;
  min-width: 20px;
  width: 20px;
}
.body-portal.body-login .view-wrapper .view .portal-login-form .portal-login-form-inner .social-login-wrapper .gsi-material-button .gsi-material-button-content-wrapper {
  -webkit-align-items: center;
  align-items: center;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: space-between;
  position: relative;
  width: 100%;
}
.body-portal.body-login .view-wrapper .view .portal-login-form .portal-login-form-inner .social-login-wrapper .gsi-material-button .gsi-material-button-contents {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  font-family: 'Roboto', arial, sans-serif;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.body-portal.body-login .view-wrapper .view .portal-login-form .portal-login-form-inner .social-login-wrapper .gsi-material-button .gsi-material-button-state {
  -webkit-transition: opacity 0.218s;
  transition: opacity 0.218s;
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.body-portal.body-login .view-wrapper .view .portal-login-form .portal-login-form-inner .social-login-wrapper .gsi-material-button:disabled {
  cursor: default;
  background-color: #ffffff61;
  border-color: #1f1f1f1f;
}
.body-portal.body-login .view-wrapper .view .portal-login-form .portal-login-form-inner .social-login-wrapper .gsi-material-button:disabled .gsi-material-button-contents {
  opacity: 38%;
}
.body-portal.body-login .view-wrapper .view .portal-login-form .portal-login-form-inner .social-login-wrapper .gsi-material-button:disabled .gsi-material-button-icon {
  opacity: 38%;
}
.body-portal.body-login .view-wrapper .view .portal-login-form .portal-login-form-inner .social-login-wrapper .gsi-material-button:not(:disabled):active .gsi-material-button-state,
.body-portal.body-login .view-wrapper .view .portal-login-form .portal-login-form-inner .social-login-wrapper .gsi-material-button:not(:disabled):focus .gsi-material-button-state {
  background-color: #303030;
  opacity: 12%;
}
.body-portal.body-login .view-wrapper .view .portal-login-form .portal-login-form-inner .social-login-wrapper .gsi-material-button:not(:disabled):hover {
  color: #fff;
  background: #000;
}
.body-portal.body-login .view-wrapper .view .portal-login-form .portal-login-form-inner .social-login-wrapper .gsi-material-button:not(:disabled):hover .gsi-material-button-state {
  background-color: #303030;
  opacity: 8%;
}
.body-credentials .login-register {
  margin-top: 0;
}
.body-credentials .powered {
  margin: 20px auto;
  float: none;
  text-align: center;
  text-transform: uppercase;
  font-size: 11px;
}
.body-credentials .powered .simplecert {
  margin: auto;
}
.body-credentials .link a {
  color: #3E5A74;
  font-size: 11px;
  text-decoration: underline;
  position: relative;
  top: 20px;
}
.body-credentials .forgot-password a {
  text-transform: uppercase;
  font-size: 10px;
  text-decoration: underline;
}
.body-credentials .login {
  background: #E2E7EA;
}
.body-credentials .login.no-login {
  height: auto;
  position: static;
  padding-top: 10px;
}
.body-credentials .login.no-login .has-error {
  position: static;
  padding-left: 10px;
}
.body-credentials .login.no-login .form {
  padding-top: 0px;
}
.body-credentials .set-password .title-col {
  margin: 0 auto;
}
.body-credentials .branding {
  text-align: center;
  margin: 0 auto;
  float: none;
}
.body-credentials .branding .img-responsive {
  display: inline;
}
.body-credentials .branding h3 {
  font-family: "Open Sans";
  font-size: 40px;
  line-height: 40px;
  font-weight: bold;
  letter-spacing: 0;
  color: #3C414C;
}
.body-credentials .branding .custom_text {
  font-family: Roboto;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
  letter-spacing: 0;
  color: #3C414C;
}
.body-credentials .fa-check-circle {
  color: green;
  cursor: pointer;
  margin: 0 10px;
}
.body-credentials .fa-close {
  color: red;
  cursor: pointer;
}
.body-credentials .fa-pencil {
  margin-left: 10px;
}
.body-credentials .header-box .header-box-inner {
  display: flex;
}
.body-credentials .header-box .header-box-inner .info {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
@media (min-width: 991px) {
  .body-credentials.body-login {
    background-color: transparent;
    background-image: url("/assets/images/2.0/register-bg.svg");
    background-position: bottom -338px right -338px;
    background-repeat: no-repeat;
  }
}
.body-credentials.body-login .view-wrapper {
  background: transparent;
  margin: 0;
  width: 100%;
}
.body-credentials.body-login .view-wrapper .view {
  margin: 0;
  width: 100%;
  padding: 50px 0 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.body-credentials.body-login .view-wrapper .view .portal-login-form {
  max-width: 1366px;
  max-height: 768px;
  width: 100%;
  height: 100%;
  margin: auto;
}
.body-credentials.body-login .view-wrapper .view .portal-login-form .portal-logo {
  max-width: 200px;
}
.body-credentials.body-login .view-wrapper .view .portal-login-form .branding {
  text-align: center;
  margin: 0 auto;
  float: none;
}
.body-credentials.body-login .view-wrapper .view .portal-login-form .branding h3 {
  font-family: "Open Sans";
  font-size: 40px;
  line-height: 40px;
  font-weight: bold;
  letter-spacing: 0;
  color: #3C414C;
}
.body-credentials.body-login .view-wrapper .view .portal-login-form .branding .custom_text {
  font-family: Roboto;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
  letter-spacing: 0;
  color: #3C414C;
}
.body-credentials.body-login .view-wrapper .view .portal-login-form .has-error .help-block {
  background: rgba(253, 238, 238, 0.5);
  padding: 5px;
  font-size: 11px;
  text-align: justify;
  margin: 0 0 5px;
  max-width: 350px;
  width: 100%;
  font-family: 'Roboto';
  font-weight: 500;
  border-radius: 5px;
}
.body-credentials.body-login .view-wrapper .view .portal-login-form .portal-login-form-inner {
  float: none;
  margin: 0 auto;
  max-width: 380px;
  min-height: 45px;
}
.body-credentials.body-login .view-wrapper .view .portal-login-form .portal-login-form-inner .form {
  background: none;
}
.body-credentials.body-login .view-wrapper .view .portal-login-form .portal-login-form-inner h2.title {
  font-family: Roboto;
  font-size: 32px;
  line-height: 32px;
  font-weight: 300;
  letter-spacing: 0;
  color: #3C414C;
  margin: 20px 0 10px;
}
.body-credentials.body-login .view-wrapper .view .portal-login-form .portal-login-form-inner .form-group input {
  border: 1px solid #97AFC6;
  padding: 12px 20px;
  border-radius: 5px;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0;
  color: #3C414C;
  height: auto;
}
.body-credentials.body-login .view-wrapper .view .portal-login-form .portal-login-form-inner .action-link {
  font-family: Roboto;
  font-size: 15px;
  font-weight: 500;
  line-height: 15px;
  letter-spacing: 0;
  color: #3F5C77;
  background: transparent;
  outline: none;
  box-shadow: none;
  text-transform: none;
  text-decoration: none;
  padding: 0;
}
.body-credentials.body-login .view-wrapper .view .portal-login-form .portal-login-form-inner .button-submit {
  background: #BFC551;
  border-radius: 5px;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 900;
  padding: 12px;
  height: auto;
}
.body-credentials.body-login .view-wrapper .view .portal-login-form .portal-login-form-inner .button-cancel {
  color: #000;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: 0.8px;
  line-height: 20px;
  padding: 12px;
  border: 1px solid #000;
  border-radius: 5px;
  width: 202px;
  text-align: center;
  text-decoration: none;
  margin-right: 20px;
}
.body-credentials.body-login .view-wrapper .view .portal-login-form .portal-login-form-inner .social-login-title {
  display: flex;
  color: #3F5C77;
  padding: 10px 0 10px;
  align-items: center;
  font-size: 10px;
}
.body-credentials.body-login .view-wrapper .view .portal-login-form .portal-login-form-inner .social-login-title hr {
  margin: 0;
  width: 120px;
}
.body-credentials.body-login .view-wrapper .view .portal-login-form .portal-login-form-inner .social-login-title span {
  margin: 0 15px;
}
.body-credentials.body-login .view-wrapper .view .portal-login-form .portal-login-form-inner .social-login-wrapper {
  padding: 10px 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.body-credentials.body-login .view-wrapper .view .portal-login-form .portal-login-form-inner .social-login-wrapper .social-login-button {
  border: 1px solid #97AFC6;
  display: flex;
  width: 110px;
  align-items: center;
  justify-content: center;
  height: 40px;
  cursor: pointer;
  border-radius: 5px;
}
.body-credentials.body-login .view-wrapper .view .portal-login-form .portal-login-form-inner .social-login-wrapper .social-login-button:hover {
  text-decoration: none;
}
.body-credentials.body-login .view-wrapper .view .portal-login-form .portal-login-form-inner .social-login-wrapper .social-login-button img {
  width: 25px;
  margin-right: 5px;
}
.body-credentials.body-login .view-wrapper .view .portal-login-form .portal-login-form-inner .social-login-wrapper .gsi-material-button {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-appearance: none;
  background-color: WHITE;
  background-image: none;
  border: 1px solid #747775;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #1f1f1f;
  cursor: pointer;
  font-family: 'Roboto', arial, sans-serif;
  font-size: 14px;
  height: 41px;
  letter-spacing: 0.25px;
  outline: none;
  overflow: hidden;
  padding: 0 12px;
  position: relative;
  text-align: center;
  -webkit-transition: background-color 0.218s, border-color 0.218s, box-shadow 0.218s;
  transition: background-color 0.218s, border-color 0.218s, box-shadow 0.218s;
  vertical-align: middle;
  white-space: nowrap;
  width: auto;
  max-width: 400px;
  min-width: min-content;
}
.body-credentials.body-login .view-wrapper .view .portal-login-form .portal-login-form-inner .social-login-wrapper .gsi-material-button .gsi-material-button-icon {
  height: 20px;
  margin-right: 12px;
  min-width: 20px;
  width: 20px;
}
.body-credentials.body-login .view-wrapper .view .portal-login-form .portal-login-form-inner .social-login-wrapper .gsi-material-button .gsi-material-button-content-wrapper {
  -webkit-align-items: center;
  align-items: center;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: space-between;
  position: relative;
  width: 100%;
}
.body-credentials.body-login .view-wrapper .view .portal-login-form .portal-login-form-inner .social-login-wrapper .gsi-material-button .gsi-material-button-contents {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  font-family: 'Roboto', arial, sans-serif;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.body-credentials.body-login .view-wrapper .view .portal-login-form .portal-login-form-inner .social-login-wrapper .gsi-material-button .gsi-material-button-state {
  -webkit-transition: opacity 0.218s;
  transition: opacity 0.218s;
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.body-credentials.body-login .view-wrapper .view .portal-login-form .portal-login-form-inner .social-login-wrapper .gsi-material-button:disabled {
  cursor: default;
  background-color: #ffffff61;
  border-color: #1f1f1f1f;
}
.body-credentials.body-login .view-wrapper .view .portal-login-form .portal-login-form-inner .social-login-wrapper .gsi-material-button:disabled .gsi-material-button-contents {
  opacity: 38%;
}
.body-credentials.body-login .view-wrapper .view .portal-login-form .portal-login-form-inner .social-login-wrapper .gsi-material-button:disabled .gsi-material-button-icon {
  opacity: 38%;
}
.body-credentials.body-login .view-wrapper .view .portal-login-form .portal-login-form-inner .social-login-wrapper .gsi-material-button:not(:disabled):active .gsi-material-button-state,
.body-credentials.body-login .view-wrapper .view .portal-login-form .portal-login-form-inner .social-login-wrapper .gsi-material-button:not(:disabled):focus .gsi-material-button-state {
  background-color: #303030;
  opacity: 12%;
}
.body-credentials.body-login .view-wrapper .view .portal-login-form .portal-login-form-inner .social-login-wrapper .gsi-material-button:not(:disabled):hover {
  color: #fff;
  background: #000;
}
.body-credentials.body-login .view-wrapper .view .portal-login-form .portal-login-form-inner .social-login-wrapper .gsi-material-button:not(:disabled):hover .gsi-material-button-state {
  background-color: #303030;
  opacity: 8%;
}
.admin-portal-settings .inner .settings-wrapper {
  position: relative;
}
.admin-portal-settings .inner .overflow {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.4);
  z-index: 100;
}
.admin-portal-settings .background-color .sp-replacer {
  border: dashed 2px #a1a1a1;
  width: 150px;
  height: 50px;
}
.admin-portal-settings .background-color .sp-replacer .sp-preview {
  width: 120px;
  height: 38px;
  vertical-align: middle;
  float: none;
  display: inline-block;
}
.admin-portal-settings .background-color .sp-replacer .sp-dd {
  display: inline-block;
  float: none;
  height: 22px;
}
.admin-portal-settings .background-image .background-preview {
  position: relative;
}
.admin-portal-settings .background-image .background-preview img {
  max-width: 100%;
  width: 100%;
  height: auto;
}
.admin-portal-settings .background-image .background-preview .remove {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 20px;
  color: #B12C2E;
  cursor: pointer;
}
.admin-portal-settings .input-group-addon {
  min-width: 38px;
  max-width: 38px;
}
.admin-portal-settings .check-option {
  display: inline-block;
  margin-left: 5px;
  font-size: 16px;
  cursor: pointer;
}
.admin-portal-settings .check-option .fa-square-o {
  font-size: 17px;
  line-height: 18px;
  color: #A1A1A1;
}
.admin-portal-settings .check-option .fa-check-square {
  line-height: 18px;
  color: #B0BC36;
}
.admin-portal-settings .check-option.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.admin-portal-settings .btn-view-pdf {
  line-height: 20px;
  padding: 7px 15px;
}
.admin-portal-settings .btn-view-pdf:hover,
.admin-portal-settings .btn-view-pdf:active,
.admin-portal-settings .btn-view-pdf:visited,
.admin-portal-settings .btn-view-pdf:focus {
  background-color: #91c1e9 !important;
}
.admin-portal-settings .login-button .preview-button {
  width: 350px;
  border: none;
  border-radius: 5px;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 900;
  padding: 12px;
}
.imageupload.panel {
  background-color: white;
  border-color: white;
  color: black;
}
.imageupload.panel .no-active {
  background-color: white !important;
}
.password-wrapper {
  position: relative;
}
.password-wrapper i {
  position: absolute;
  right: 20px;
  top: 12px;
  font-size: 21px;
  color: #A1A1A1;
  cursor: pointer;
}
.password-wrapper i.fa-eye-slash {
  right: 19px;
}
.portal.set-password h2.title {
  max-width: 660px;
  padding: 30px;
  margin: 0 auto;
}
.portal.set-password h2.title.warning {
  color: #a94442;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
}
.application-updates {
  text-align: center;
}
.application-updates .divider {
  margin: 30px 0;
  border: 1px solid #F7F7F7;
}
.application-updates .inner {
  display: flex;
}
.application-updates .inner .updates-wrapper {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.modal-show-tutorial {
  padding: 0 30px 30px;
  position: relative;
}
.modal-show-tutorial .modal-header {
  padding: 0;
}
.modal-show-tutorial .modal-header .close {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 22px;
  z-index: 100;
}
.modal-show-tutorial .title {
  color: #4F708A;
  font-family: Roboto;
  font-size: 30px;
  letter-spacing: 0.75px;
  text-transform: uppercase;
  margin-bottom: 25px;
}
.modal-show-tutorial .title img {
  height: 66px;
}
.modal-show-tutorial .title .type {
  font-weight: 900;
  margin-left: 10px;
  margin-right: 10px;
}
.modal-show-tutorial .modal-body {
  padding: 0;
}
.modal-show-tutorial .modal-body .tutorials {
  margin-bottom: 25px;
}
.modal-show-tutorial .modal-body .tutorials button {
  box-shadow: none;
  margin-right: 20px;
  font-size: 14px;
  font-weight: bold;
}
.modal-show-tutorial .modal-body .tutorials button:focus {
  outline: none;
}
.modal-show-tutorial .modal-body .tutorials button.viewed {
  background-color: #C4C4C4 !important;
  border-color: #C4C4C4;
}
.modal-show-tutorial .modal-body .tutorials button.active {
  background-color: #b0bc36 !important;
  border-color: #b0bc36;
}
.modal-show-tutorial .modal-body .video-block {
  height: 471px;
  position: relative;
}
.modal-show-tutorial .modal-body .video-block .video-placeholder {
  position: absolute;
  z-index: 101;
  top: 0;
  left: 0;
  background: #ADAAAA;
  width: 100%;
  height: 100%;
  display: flex;
}
.modal-show-tutorial .modal-body .video-block .video-placeholder i {
  font-size: 180px;
  margin: auto;
  color: #FFF;
}
.modal-show-tutorial .modal-body .video-block iframe {
  position: relative;
  z-index: 102;
}
.countable {
  position: relative;
}
.countable .char-counter {
  position: absolute;
  right: 0px;
  bottom: -15px;
  font-size: 10px;
  color: #A1A1A1;
}
.store-search-select-fields .columns {
  max-height: 550px;
  overflow-y: auto;
}
.ng-table th.sortable .sort-indicator {
  width: 100%;
  display: inline-block;
}
.ng-table th.sortable .sort-indicator:after,
.ng-table th.sortable .sort-indicator:before {
  top: 8px;
}
.modal-organization-id-help h3.title {
  font-size: 22px;
}
.modal-organization-id-help h4 {
  color: #333;
  text-transform: uppercase;
  font-size: 14px;
}
.modal-organization-id-help img {
  width: 100%;
  max-width: 100%;
}
.api-integration .api-key {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.api-integration .api-key .copy-api-key {
  width: 100%;
}
.account-manage-users .actions {
  display: flex;
  justify-content: flex-end;
}
.account-manage-users .actions button {
  margin-right: 3px;
}
.modal-recipient-events .recipient-events {
  max-height: 600px;
  overflow-y: scroll;
}
.modal-recipient-events .recipient-events h5 span {
  color: #000;
  margin-left: 5px;
}
.modal-recipient-events .recipient-events hr.bold {
  border-top: 2px solid #000;
}
.modal-recipient-events .delivery-events {
  padding-left: 15px;
  font-size: 12px;
}
.modal-recipient-events .delivery-events .delivery-event p span {
  margin-left: 5px;
}
.btn-delete {
  background-color: #fff;
  color: red;
  border-color: red;
  text-transform: none;
}
.btn-delete:hover {
  background-color: #fff;
  color: red;
  border-color: red;
}
.billing-subscriptions .info-row .info-label {
  font-weight: bold;
  width: 150px;
  display: inline-block;
}
.body-credentials .portal {
  margin: 40px 20px 25px 20px;
}
.body-credentials .portal .header-box .issuer .caption {
  margin-right: 5px;
}
.body-credentials .portal .header-box .issuer .value {
  color: #3E5A74;
  font-weight: bold;
}
.body-credentials .portal .show-type-buttons {
  margin: 20px 0 30px;
}
.body-credentials .portal .project {
  margin-bottom: 20px;
}
.body-credentials .portal .project .project-inner {
  padding: 15px;
  background: #F7F7F7;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.body-credentials .portal .project .project-inner img {
  margin-bottom: 15px;
}
.body-credentials .portal .project .key {
  font-size: 12px;
  font-family: "Open Sans Bold", "Open Sans", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}
.body-credentials .portal .project .title {
  font-size: 12px;
}
.body-credentials .portal .project .title .title {
  padding-left: 5px;
  font-family: "Open Sans Bold", "Open Sans", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  color: #3E5A74;
}
.body-credentials .portal .project .btn {
  margin-bottom: 10px;
}
.body-credentials .portal .project .btn-view-pdf {
  border: 1px solid #797979;
  text-align: center;
}
.body-credentials .portal .credentials-selector {
  display: flex;
  align-items: center;
}
.body-credentials .portal .credentials-selector label {
  width: 80px;
  margin: 0;
}
.credentials-login .portal-login-form #portal-form .has-error .help-block {
  background: none;
  font-size: 14px;
  font-family: 'Open Sans';
  font-weight: 400;
}