/* Color palette */
a {
  color: #006881;
}
a:hover {
  color: #00bae7;
}

/* image handling */
.grayscale {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: grayscale(100%);
}

/* Typography */
/*@import url(https://fonts.googleapis.com/css?family=Lato:400,400italic,700);*/
p {
  font-size: 1em;
}

h1, .h1 {
  font-size: 2.6180340252em;
}
@media screen and (min-width: 1024px) {
  h1, .h1 {
    font-size: 2.6180340252em;
  }
}

h2, .h2 {
  font-size: 1.618034em;
}
@media screen and (min-width: 1024px) {
  h2, .h2 {
    font-size: 1.618034em;
  }
}

h3, .h3 {
  font-size: 1em;
}
@media screen and (min-width: 1024px) {
  h3, .h3 {
    font-size: 1.618034em;
  }
}

h4, .h4 {
  font-size: 1em;
}
@media screen and (min-width: 480px) {
  h4, .h4 {
    font-size: 1em;
  }
}
@media screen and (min-width: 640px) {
  h4, .h4 {
    font-size: 1.618034em;
  }
}
@media screen and (min-width: 1024px) {
  h4, .h4 {
    font-size: 1.618034em;
  }
}

/* generic bootstrap helpers */
.no-gutter > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

a,
a:hover {
  cursor: pointer;
  cursor: hand;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
body .home {
  background: url("/modules/core/client/img/brand/conftool-login-bg.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
body > .container {
  padding: 60px 15px 0;
}

.navbar-inverse {
  background-color: #006881;
  background-image: none !important;
  border-bottom-width: 2px;
}

.welcomeContainer {
  background: white;
  padding: 2em;
}

.content {
  margin-top: 60px;
}

.undecorated-link:hover {
  text-decoration: none;
}

.regularPadding {
  padding: 1em;
}

.ngdialog-overlay {
  background: #333;
  background: rgba(0, 0, 0, 0.8);
}

.userBox.transparentBorderWrapper,
.home.anonymous .transparentBorderWrapper,
.home.anonymous .accordion {
  background: white;
  padding: 0;
  border-color: white;
  border: 8px solid white;
  border: 8px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  -webkit-background-clip: content;
  background-clip: content-box;
  float: left;
}
.userBox.transparentBorderWrapper .internalWrapper,
.home.anonymous .transparentBorderWrapper .internalWrapper,
.home.anonymous .accordion .internalWrapper {
  padding: 0 2em 1em;
  float: left;
}

.home.anonymous .transparentBorderWrapper {
  margin-top: 2em;
}

.home.anonymous .accordion {
  margin: 2em 0 1em 0;
}

.home.anonymous .transparentBorderWrapper {
  margin: 2em 0 0 -2px;
}

.home.anonymous .panel-group .panel,
.home.anonymous .panel-group,
.home.anonymous .panel-heading {
  margin: 0;
  padding: 0;
}

.anonymous h1 {
  font-size: 1.8em;
}

.anonymous h4.panel-title {
  font-size: 1.4em;
}

.anonymous h1,
.home.loggedin h1,
.anonymous h4.panel-title,
.home.loggedin h4.panel-title {
  color: #666;
  padding: 1em;
  margin: 0 0 0.5em;
  background: #efefef;
  border-bottom: 1px solid #ccc;
}

.loggedin .dashboardintro h1 {
  font-size: 1.8em !important;
}

.transparentBorderWrapper {
  -webkit-transform: translate3d(0, 0, 0);
  background: white;
}
.transparentBorderWrapper h3 {
  margin: 1em 0;
}

.ngdialog.dialogwidth100 .ngdialog-content {
  width: 100px;
}

.ngdialog.dialogwidth200 .ngdialog-content {
  width: 200px;
}

.ngdialog.dialogwidth300 .ngdialog-content {
  width: 300px;
}

.ngdialog.dialogwidth400 .ngdialog-content {
  width: 400px;
}

.ngdialog.dialogwidth500 .ngdialog-content {
  width: 500px;
}

.ngdialog.dialogwidth600 .ngdialog-content {
  width: 600px;
}

.ngdialog.dialogwidth700 .ngdialog-content {
  width: 700px;
}

.ngdialog.dialogwidth800 .ngdialog-content {
  width: 800px;
}

.ngdialog.dialogwidth900 .ngdialog-content {
  width: 900px;
}

.ngdialog.dialogwidthFull .ngdialog-content {
  width: 100%;
}

input, textarea, span.btn {
  font-family: Arial, FontAwesome;
}

div[role=alert],
div.error.text-danger {
  background: #f9f1f1;
  padding: 0 0 0 0.8em;
}

.errorBox {
  margin: 1em 0 1em 0;
  border: 2px dashed #efefef;
  padding: 0 1em;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #080808;
}
.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

.container .text-muted {
  margin: 10px 0;
}

.btn-primary {
  background: #006881;
}

.list-group {
  padding: 0;
  box-shadow: none;
}

.content {
  margin-bottom: 8em;
}

/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
  .footer {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    margin-top: 2em;
    height: auto;
  }
}
/* Set the fixed height of the footer here */
[ng\:cloak],
[ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
}

.header-profile-image {
  opacity: 0.8;
  height: 28px;
  width: 28px;
  border-radius: 50%;
  margin-right: 5px;
}

.open .header-profile-image,
a:hover .header-profile-image {
  opacity: 1;
}

.error-text {
  display: none;
}

.has-error .help-block.error-text {
  display: block;
}
.has-error .help-inline.error-text {
  display: inline;
}

.navbar-brand {
  padding: 4px 0 0 14px;
}

.uib-datepicker-popup .btn {
  background: none;
  border: none;
  border-radius: 0;
}
.uib-datepicker-popup .active {
  color: black;
  border: none;
  border-radius: 0;
  background: #cdcdcd;
}
.uib-datepicker-popup .uib-datepicker-current {
  background: #006881;
}
.uib-datepicker-popup .uib-clear, .uib-datepicker-popup .uib-close {
  background: #cccccc;
}
.uib-datepicker-popup .text-info {
  color: #006881;
  font-weight: bold;
}

.panel > .panel-heading {
  background-color: #F8F8F8;
  background-image: none;
}
.panel > .panel-heading i {
  color: #ccc;
}

.panel-group .panel {
  margin: 2em 0;
  border-radius: 0;
  box-shadow: none;
}

.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 0 solid #ddd;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  color: white;
  background-color: #0082A0;
}

.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a {
  text-shadow: none !important;
  color: white;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error label {
  color: #a94442;
  background: #f2dede;
  padding: 0 1em;
  font-style: italic;
}

.clockdiv {
  font-family: sans-serif;
  color: white;
  display: inline-block;
  font-weight: 100;
  text-align: center;
  font-size: 30px;
}

.clockdiv > div {
  padding: 10px;
  border-radius: 3px;
  background: #00BF96;
  display: inline-block;
}

.clockdiv div > span {
  padding: 15px;
  border-radius: 3px;
  background: #00816A;
  display: inline-block;
}

.smalltext {
  padding-top: 5px;
  font-size: 16px;
}

.ngdialog.ngdialog-theme-default .ngdialog-content {
  padding: 0;
}

.languageSwitcher li > a {
  padding: 1em 0.5em;
}
.languageSwitcher .currentLang img {
  box-shadow: 0 0 8px #aaa;
}

/* generic image wrapper TODO: think about a mixin or something better */
.imageWrapper {
  border: 1px solid #e5e5e5;
  width: 100%;
  height: 160px;
  position: relative;
  background: #fff;
}
.imageWrapper img {
  max-width: 100px;
  height: auto;
  width: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-height: 100%;
}

.no-padding {
  padding: 0;
}

.breadcrumb {
  margin: 0;
}

.btn {
  border-radius: 0;
  background-image: none;
}

.navbar-right {
  margin-right: 0;
}

h3 {
  color: #8c8c8c;
}

.nav-tabs i {
  color: #333;
  padding: 0 0.5em 0 0;
}

.timepicker {
  margin-top: -68px;
}
@media screen and (max-width: 500px) {
  .timepicker {
    margin-top: 0;
  }
}

/* The starting CSS styles for the enter animation */
.fadein.ng-enter {
  transition: 0.5s linear all;
  opacity: 0;
}

/* The finishing CSS styles for the enter animation */
.fadein.ng-enter.ng-enter-active {
  opacity: 1;
}

.fadeout.ng-leave {
  transition: 0.5s linear all;
  opacity: 1;
}

.fade.ng-leave.ng-leave-active {
  opacity: 0;
}

.list-group {
  margin-bottom: 0;
}

.list-group-item {
  padding: 1em;
}

.radioContainer {
  margin: 0 0 1em 0;
}
.radioContainer .nicecolor {
  color: #7AA3CC;
}
.radioContainer label.btn span {
  display: block;
}
.radioContainer .btn:focus, .radioContainer .btn:active:focus, .radioContainer .btn.active:focus, .radioContainer .btn.focus, .radioContainer .btn:active.focus, .radioContainer .btn.active.focus {
  background-color: transparent;
  outline: 0 !important;
}
.radioContainer label input[type=radio] ~ i.fa.fa-circle-o {
  color: #c8c8c8;
  display: inline;
}
.radioContainer label input[type=radio] ~ i.fa.fa-check-circle-o {
  display: none;
}
.radioContainer label input[type=radio]:checked ~ i.fa.fa-circle-o {
  display: none;
}
.radioContainer label input[type=radio]:checked ~ i.fa.fa-check-circle-o {
  color: #7AA3CC;
  display: inline;
}
.radioContainer label:hover input[type=radio] ~ i.fa {
  color: #7AA3CC;
}
.radioContainer label input[type=checkbox] ~ i.fa.fa-square-o {
  color: #c8c8c8;
  display: inline;
}
.radioContainer label input[type=checkbox] ~ i.fa.fa-check-square-o {
  display: none;
}
.radioContainer label input[type=checkbox]:checked ~ i.fa.fa-square-o {
  display: none;
}
.radioContainer label input[type=checkbox]:checked ~ i.fa.fa-check-square-o {
  color: #7AA3CC;
  display: inline;
}
.radioContainer label:hover input[type=checkbox] ~ i.fa {
  color: #7AA3CC;
}
.radioContainer div[data-toggle=buttons] label.active {
  color: #7AA3CC;
}
.radioContainer div[data-toggle=buttons] label {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 2em;
  text-align: center;
  white-space: nowrap;
  vertical-align: top;
  cursor: pointer;
  cursor: hand;
  background-color: transparent;
  border: 0 solid #c8c8c8;
  border-radius: 3px;
  color: #c8c8c8;
  user-select: none;
}
.radioContainer div[data-toggle=buttons] label:hover {
  color: #7AA3CC;
}
.radioContainer div[data-toggle=buttons] label:active, .radioContainer div[data-toggle=buttons] label.active {
  box-shadow: none;
}

.conditionalSelect {
  margin: 0 0 2em 0;
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
  max-height: none;
}

.myTalksList span, .mySpeakerList span {
  color: #c8c8c8;
  font-size: 0.9em;
}
.myTalksList .list-group-item-heading, .mySpeakerList .list-group-item-heading {
  margin: 0 0 1em 0;
}

.abTable td {
  vertical-align: middle !important;
}
.abTable .ratingColumn,
.abTable .abActionsColumn {
  width: 105px;
}

.dashboardintro {
  font-size: 1.2em;
}
.dashboardintro img {
  width: 100%;
}

.introImage img {
  float: left;
  width: 90px;
  margin: 0 2em 0 0;
}

.speakersInTalkRecap {
  margin: 1em;
}
.speakersInTalkRecap h4 {
  color: #c8c8c8;
}

.verticalwftstate label {
  float: left;
  width: 100%;
}
.verticalwftstate .editable-buttons {
  float: left;
}

.addBrand select {
  width: 100%;
}
.addBrand .orderNumber {
  background: #fff;
  padding: 0.2em 0.5em;
  color: #ccc;
  margin: 0 0.2em 0 0;
  border-radius: 20px;
}
.addBrand .app {
  margin: 0 0.4em 0.4em 0;
  padding: 0.4em;
  background: #efefef;
}

.btn-primary:disabled {
  background: #efefef !important;
  border: none !important;
}

.wfStateFilter .input-group {
  max-width: 300px;
  margin: 10px 20px 0 0;
}
.wfStateFilter label {
  font-weight: normal;
  color: #777;
  padding: 15px 0 0 0;
  margin: 0 10px 0 0;
}

.sendMailIcon {
  padding: 0.3em;
}

.sendMailIcon {
  background: white !important;
  color: #006881 !important;
}

.speakerNotificationIcon {
  cursor: pointer;
  cursor: hand;
}

i.fa.fa-square-o,
i.fa.fa-check-square-o,
i.fa.text-success.fa-check-square-o {
  cursor: default !important;
}

.smallspacingaccordion .panel-group .panel {
  margin: 0.2em 0;
}

.amountofcomments {
  min-width: 50px;
}

.adminTable ul {
  padding-left: 20px;
}
.adminTable .createdTD {
  width: 100px;
}
.adminTable .ratingColumn {
  width: 118px;
}
.adminTable .actionLinks {
  width: 125px !important;
}
.adminTable .btn {
  padding: 6px 6px !important;
}

.abTable .abActionsColumn .btn {
  padding: 0px;
}

.abTable .abActionsColumn .btn {
  padding: 0px;
}

.less-padding {
  padding-left: 0px;
}

.less-padding ul {
  padding-left: 20px;
  padding-right: 20px;
}

.nav-bar-icon {
  position: relative;
  top: 15px;
  right: 5px;
}

/* UX enhancement Q2 / 2020 */
.text-white {
  color: #ffffff;
}

.app-sidebar-collapsible-block {
  width: 300px;
  background-color: #dcebf1;
  min-height: 100vh;
  padding: 0 12px 12px;
  color: #fff !important;
  box-shadow: 4px 2px 12px #666;
  border: 2px solid #026781;
  border-radius: 0 6px 6px 0;
  margin-left: 25px;
}

.app-sidebar-collapsible-arrow {
  height: 100vh;
  padding: 6px;
  background: #026781;
  position: fixed;
  color: #fff;
}

.display-inline-block {
  display: inline-block;
}

.center-element-max-800 {
  max-width: 800px;
  margin-left: auto !important;
  margin-right: auto !important;
}

/*# sourceMappingURL=core.css.map */