/* fnt face font family*/
[ng-cloak] {
  display: none;
}
.page-error .request-id {
  margin-left: 20px;
  font-size: 80%;
  font-weight: bold;
}
.page-error .request-id span {
  font-weight: normal;
}
.page-login .list-unstyled {
  margin-left: 25px;
}
.page-login .list-unstyled li {
  margin-bottom: 10px;
}
.page-login .login-remember {
  padding-left: 16px;
}
.page-login .login-remember input {
  margin-right: 5px;
}
.page-login .external-providers li:first-child {
  padding-left: 5px;
}
.page-login .external-providers li {
  padding-top: 5px;
  padding-bottom: 5px;
}
.page-loggedOut iframe.signout {
  display: none;
}
.page-consent .client-logo {
  float: left;
}
.page-consent .client-logo img {
  width: 80px;
  height: 80px;
}
.page-consent .consent-buttons {
  margin-top: 25px;
}
.page-consent .consent-form .consent-scopecheck {
  display: inline-block;
  margin-right: 5px;
}
.page-consent .consent-form .consent-description {
  margin-left: 25px;
}
.page-consent .consent-form .consent-description label {
  font-weight: normal;
}
.page-consent .consent-form .consent-remember {
  padding-left: 16px;
}
.page-permissions .page-header {
  margin-bottom: 10px;
}
.page-permissions .permissions .permission {
  margin-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid lightgray;
}
.page-permissions .permissions .permission img {
  width: 100px;
  height: 100px;
}
.page-permissions .permissions .permission .permission-clientname {
  font-size: 140%;
  font-weight: bold;
}
.page-permissions .permissions .permission .permission-type {
  font-size: 120%;
  font-weight: bold;
}
.page-permissions .permissions .permission li {
  list-style-type: none;
  display: inline;
}
.page-permissions .permissions .permission li:after {
  content: ', ';
}
.page-permissions .permissions .permission li:last-child:after {
  content: '';
}

/*form related*/ 
.btn-file {
  overflow: hidden;
  position: relative;
  vertical-align: middle;
}
.btn-file > input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  font-size: 23px;
  height: 100%;
  width: 100%;
  direction: ltr;
  cursor: pointer;
}
.fileinput {
  margin-bottom: 9px;
  display: inline-block;
}
.fileinput .form-control {
  padding-top: 7px;
  padding-bottom: 5px;
  display: inline-block;
  margin-bottom: 0px;
  vertical-align: middle;
  cursor: text;
}
.fileinput .thumbnail {
  overflow: hidden;
  display: inline-block;
  margin-bottom: 5px;
  vertical-align: middle;
  text-align: center;
}
.fileinput .thumbnail > img {
  max-height: 100%;
}
.fileinput .btn {
  vertical-align: middle;
}
.fileinput-exists .fileinput-new,
.fileinput-new .fileinput-exists {
  display: none;
}
.fileinput-inline .fileinput-controls {
  display: inline;
}
.fileinput-filename {
  vertical-align: middle;
  display: inline-block;
  overflow: hidden;
}
.form-control .fileinput-filename {
  vertical-align: bottom;
}
.fileinput.input-group {
  display: table;
}
.fileinput.input-group > * {
  position: relative;
  z-index: 2;
}
.fileinput.input-group > .btn-file {
  z-index: 1;
}
.fileinput-new.input-group .btn-file,
.fileinput-new .input-group .btn-file {
  border-radius: 0 2px 2px 0;
}
.fileinput-new.input-group .btn-file.btn-xs,
.fileinput-new .input-group .btn-file.btn-xs,
.fileinput-new.input-group .btn-file.btn-sm,
.fileinput-new .input-group .btn-file.btn-sm {
  border-radius: 0 2px 2px 0;
}
.fileinput-new.input-group .btn-file.btn-lg,
.fileinput-new .input-group .btn-file.btn-lg {
  border-radius: 0 2px 2px 0;
}
.form-group.has-warning .fileinput .fileinput-preview {
  color: #ffa829;
}
.form-group.has-warning .fileinput .thumbnail {
  border-color: #ff760f;
}
.has-error .fileinput .fileinput-preview {
  color: #f6675d;
}
.has-error .fileinput .thumbnail {
  border-color: #f54556;
}
.has-error .form-control,
.has-error .chosen-single,
.has-error .chosen-choices {
  border-color: #f54556 !important;
}
.has-error .help-block {
  color: #f54556;
}
.has-error .control-label {
  color: inherit;
}
.has-error .input-group-addon {
  color: inherit;
  border-color: #f6675d;
  background-color: inherit;
}
.form-group.has-success .fileinput .fileinput-preview {
  color: #67bd6a;
}
.form-group.has-success .fileinput .thumbnail {
  border-color: #61b555;
}
.input-group-addon:not(:first-child) {
  border-left: 0;
}
/*
* Reset Focus and Active shadows
*/
input:active,
input:focus {
  outline: 0;
  box-shadow: none !important;
}
.form-control {
  box-shadow: none !important;
  resize: none;
}
.form-control:active,
.form-control:focus {
  box-shadow: none;
}
.form-control:not(.fc-alt) {
  border-left: 0;
  border-right: 0;
  border-top: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
}
.form-control:not(.fc-alt).auto-size {
  padding-top: 6px;
}
/*
* Checkbox and Radio
*/
.checkbox label,
.radio label {
  padding-left: 30px;
  position: relative;
}
.checkbox input,
.radio input {
  top: 0;
  left: 0;
  margin-left: 0 !important;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
  margin-top: 0;
}
.checkbox .input-helper:before,
.radio .input-helper:before,
.checkbox .input-helper:after,
.radio .input-helper:after {
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  content: "";
}
.checkbox .input-helper:before,
.radio .input-helper:before {
  left: 0;
  border: solid 1px #9696a8;
  background: transparent;
}
.checkbox.disabled,
.radio.disabled {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.checkbox input {
  width: 16px;
  height: 16px;
}
.checkbox input:checked + .input-helper:before {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.checkbox input:checked + .input-helper:after {
  -webkit-transform: scale(1) rotate(0deg);
  -ms-transform: scale(1) rotate(0deg);
  -o-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
  opacity: 1;
  filter: alpha(opacity=100);
}
.checkbox .input-helper:before {
  top: 2px;
  width: 18px;
  height: 18px;
  border-radius:2px;
   font-size: 14px;
   font-weight: bold;
}
.checkbox .input-helper:after {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale(0) rotate(0deg);
  -ms-transform: scale(0) rotate(0deg);
  -o-transform: scale(0) rotate(0deg);
  transform: scale(0) rotate(0deg);
  
}
.radio input {
  width: 16px;
  height: 16px;
}
.radio input:checked + .input-helper:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.radio .input-helper:before {
  top: -1px;
  width: 19px;
  height: 19px;
  border-radius: 50%;
}
.radio .input-helper:after {
  width: 11px;
  height: 11px;
  background: #009688;
  border-radius: 50%;
  top: 3px;
  left: 4px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.checkbox-inline,
.radio-inline {
  vertical-align: top;
  margin-top: 0;
  padding-left: 25px;
}
/*
* Select
*/
html:not(.ie9) .select {
  position: relative;
}
html:not(.ie9) .select:before {
  position: absolute;
  top: 6px;
  height: calc(99%);
  width: 12px;
  content: "\f2f9";
  font-family: 'Material-Design-Iconic-Font';
  pointer-events: none;
  z-index: 5;
  font-size: 16px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  html:not(.ie9) .select:before {
    background-image: url("../images/select@2x.png");
    background-size: 12px 12px;
  }
}
html:not(.ie9) .select:not(.fg-line):before {
  right: 0;
}
html:not(.ie9) .select.fg-line:before {
  right: 10px;
}
/*
* Input Group Addon
*/
.input-group:not(.input-group-lg):not(.input-group-sm) .input-group-addon {
  font-size: 15px;
}

@-webkit-keyframes autofill {
    to {
        color: #666;
        background: transparent;
    }
}

input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}

.input-group-addon {
  border-width: 0px 0px 2px 0px;
  min-width: 42px;
}
.input-group-addon > .zmdi {
  position: relative;
  top: 3px;
}
/*
* Input Feilds
*/
.fg-line {
  position: relative;
  vertical-align: top;
}
.fg-line:not(.form-group) {
  display: inline-block;
  width: 100%;
}
.fg-line .form-control:disabled {
  color: #9d9d9d;
  background: transparent;
}
.fg-line:not(.disabled):after,
.fg-line:not(.readonly):after {
  position: absolute;
  z-index: 3;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 0;
  content: "";
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}
.fg-line:not([class*=has-]):after {
  background: #2196f3;
}
.has-error .fg-line:not([class*=has-]):after {
  background: #f54556 !important;
}
.fg-line.readonly .form-control {
  color: #9d9d9d;
  background: transparent;
}
.fg-line.fg-toggled:after {
  width: 100%;
}
.fg-float .form-control::-moz-placeholder {
  color: #ffffff;
  opacity: 1;
}
.fg-float .form-control:-ms-input-placeholder {
  color: #ffffff;
}
.fg-float .form-control::-webkit-input-placeholder {
  color: #ffffff;
}
.fg-float .fg-label {
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
  position: absolute;
  top: 5px;
  font-weight: 100;
  color: #9696a8;
  pointer-events: none;
  z-index: 0;
  left: 0;
  white-space: nowrap;
  font-size:18px;
  letter-spacing:0.3px;
}
.fg-float .fg-toggled .fg-label {
  color:#959595;
}
.control-label {
  font-weight: normal;
}
/*
* IE 9 Placeholder
*/

input::-webkit-input-placeholder  { /* Chrome/Opera/Safari */
    font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0.3px;
  text-align: left;
  color: #9696a8 !important;
}
:-moz-placeholder {
      font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0.3px;
  text-align: left;
  color: #9696a8 !important;
}
::-moz-placeholder {
      font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0.3px;
  text-align: left;
  color: #9696a8 !important;
}
:-ms-input-placeholder {
      font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0.3px;
  text-align: left;
  color: #9696a8 !important;
}

.ie9-placeholder {
  color: #888 !important;
  font-weight: normal;
}

.styleLogout{min-height:400px;
}
.styleLogout p{padding-top:180px;
}
.logOutTxt {margin:110px 0 20px 0;
}     
.checkbox .input-helper:after {
    content: "\f26b";
    font-family: Material-Design-Iconic-Font;
    padding-left: 3px;
}

.input_section input {
            max-width: 100%;
            box-shadow: none;
            border-width: 0;
            border-bottom: solid 1px #cdcdcf;
            border-radius: 0;
            padding-left: 2.5rem !important;
            background:transparent;
}
.input_section .icons {
            position: absolute;
            top: 10px;
            left: 15px;
            color:#2eaeff;
            }
#pwindicator {margin-top: 0;}
#pwindicator .label {
                position: absolute;
                top: 12px;
                right: 10px;
                font-size: 100%;
                font-weight: normal;
            }
#pwindicator .pw-strong .bar {background: #22c75b;}
#pwindicator .pw-strong .label  {color: #22c75b;}

.input_section .form-control:focus {
    border-bottom:solid 1px #cdcdcf;
}


.tn_checkout_textarea {
height:100% !important;
padding-bottom:20px;

}

.eulaAcceptHeader, .announcementHeader {
    line-height: 12px;
}
.eulaMainPage, .announcementMainPage {
	width: 50% !important;
}
.eulaMainAgreement, .announcementMainBody {
    max-height: 50vh;
}
.announcementBody {
    border-bottom: 1px solid #9d9d9d;
    padding-top: 20px;
    padding-bottom: 20px;
    clear: both;
}
.announcementBody::after {
    content: "";
    clear: both;
    display: table;
}