/***************************************************
**********  Login Form
***************************************************/
.hide {
  display: none !important;
}
.o-container {
    background-color: #00a9e0;
    padding-top: 110px;
    padding-bottom: 110px;
}
.c-login__container {
    overflow: hidden;
    width: 355px;
    min-height: 290px;
    margin: 0 auto;
    border-radius: 5px;
}

/* line 17, ../../app/styles/_components.login.scss */

.c-login__heading {
    display: block;
    height: 4.6875rem;
    background-color: #222222;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50%;
    color: white;
    text-align: center;
    font-size: 20px;
    padding-top: 10px;
}

/* line 30, ../../app/styles/_components.login.scss */

.c-login__content {
    margin-bottom: 15px;
    padding-top: 15px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    background-color: white;
}

/* line 39, ../../app/styles/_components.login.scss */

.c-login__title {
    font-size: 18px;
    font-weight: 400;
    margin: 0;
    margin-bottom: 8px;
    text-align: center;
}

/* line 49, ../../app/styles/_components.login.scss */

.c-login__message {
    font-size: 14px;
    font-weight: 300;
    margin: 0;
    padding: 8px 45px;
    text-align: center;
}

/* line 59, ../../app/styles/_components.login.scss */

.c-login__form {
    padding: 15px 45px;
    padding-top: 8px;
}

/* line 64, ../../app/styles/_components.login.scss */

.c-login__field {
/* 	margin-top: 35px; */
    margin-bottom: 15px;
}

/* line 78, ../../app/styles/_components.login.scss */

.c-login__button {
    color: #F1F1F1;
    background-color: #000000;
    border-color: #2E91B1;
    margin-top: 35px;
}

/* line 11, ../../app/styles/_tools.buttons.scss */

.c-login__button:focus, .c-login__button.focus {
    color: #F1F1F1;
    background-color: #000000;
    border-color: #143e4c;
}

/* line 17, ../../app/styles/_tools.buttons.scss */

.c-login__button:hover {
    color: #F1F1F1;
    background-color: #000000;
    border-color: #216980;
}

/* line 22, ../../app/styles/_tools.buttons.scss */

.c-login__button:active, .c-login__button.active, .open> .c-login__button.dropdown-toggle {
    color: #F1F1F1;
    background-color: #000000;
    border-color: #216980;
}

/* line 29, ../../app/styles/_tools.buttons.scss */

.c-login__button:active:hover, .c-login__button:active:focus, .c-login__button:active.focus, .c-login__button.active:hover, .c-login__button.active:focus, .c-login__button.active.focus, .open> .c-login__button.dropdown-toggle:hover, .open> .c-login__button.dropdown-toggle:focus, .open> .c-login__button.dropdown-toggle.focus {
    color: #F1F1F1;
    background-color: #000000;
    border-color: #143e4c;
}

/* line 37, ../../app/styles/_tools.buttons.scss */

.c-login__button:active, .c-login__button.active, .open> .c-login__button.dropdown-toggle {
    background-image: none;
}

/* line 45, ../../app/styles/_tools.buttons.scss */

.c-login__button.disabled, .c-login__button.disabled:hover, .c-login__button.disabled:focus, .c-login__button.disabled.focus, .c-login__button.disabled:active, .c-login__button.disabled.active, .c-login__button[disabled], .c-login__button[disabled]:hover, .c-login__button[disabled]:focus, .c-login__button[disabled].focus, .c-login__button[disabled]:active, .c-login__button[disabled].active, fieldset[disabled] .c-login__button, fieldset[disabled] .c-login__button:hover, fieldset[disabled] .c-login__button:focus, fieldset[disabled] .c-login__button.focus, fieldset[disabled] .c-login__button:active, fieldset[disabled] .c-login__button.active {
    background-color: #3DB8DE;
    border-color: #2E91B1;
}

/* line 56, ../../app/styles/_tools.buttons.scss */

.c-login__button .badge {
    color: #3DB8DE;
    background-color: #F1F1F1;
}

/* line 82, ../../app/styles/_components.login.scss */

.c-login__off {
    font-weight: 300;
    color: white;
}

/* line 88, ../../app/styles/_components.login.scss */

.c-login__link {
    text-decoration: none;
    color: #E9474E;
}

/* line 92, ../../app/styles/_components.login.scss */

.c-login__link:hover {
    color: #B7424B;
}

/* line 97, ../../app/styles/_components.login.scss */

.c-login__recover--success {
    display: block;
    margin: 0 auto;
    padding-bottom: 85px;
}

/* line 104, ../../app/styles/_components.login.scss */

.c-login__links {
    font-size: 12px;
    display: inline-block;
    margin-top: 16px;
    color: #D4D4D4;
}
#logoff-page {
    background-color: #00a9e0;;
    font-size: 3em;
    color: white;
    padding-top: 250px;
    padding-bottom: 250px;
}

/***************************************************
**********  Iframe of thankyou and error controller
***************************************************/

#join-iframe {
    width: 500px;
    height: 700px;
    background: white;
    /*    padding: 10px;*/
}
iframe .nav {
    display: none !important;
}
iframe #footer {
    display: none !important;
}

/***************************************************
**********              OPT            *************
***************************************************/

.ngdialog-content {
    padding: 0 !important;
}
.OptDialog {
    border-radius: 5px !important;
    overflow: hidden;
}
.OptDialog .title {
    background: black;
    color: white;
    padding: 10px;
    padding-left: 2em;
}
.OptDialog .content {
    /*    height: 160px;*/
    padding: 25px 35px;
    background: white;
}
.ngdialog.ngdialog-theme-default .ngdialog-content {
    width: 420px !important;
}
.opt-info {
/*     background-color: #d9edf7; */
    color: #000000;
    padding: 15px;
/*     border-left: 15px solid #58A1C6; */
    margin-bottom: 20px;
}
.validation-status-ko-info-icon {
    color: #337ab7;
}

.validation-status-ko-info-icon:hover .validation-status-ko-info-icon-tooltip {
    display: initial;
}

.validation-status-ko-info-icon-tooltip {
    padding: 1em;
    position: absolute;
    display: none;
    top: -45px;
    right: -120px;
    background-color: #337ab7;
    font-family: 'Helvetica',sans-serif;
    width: 20em;
    color: white;
    font-weight: bold;
}

.pisp-subscription-records {
    padding-left: 0.5em;
}

.pisp-subscription-records .col-md-1.pisp-record-action-btn {
    padding-right: 0;
}

.pisp-subscription-records .col-md-3:not(.col-md-offset-9), .pisp-subscription-records .col-md-1:not(.pisp-record-action-btn), .pisp-subscription-records .col-md-2 {
    padding-right: .5em;
}

.pisp-subscription-records .col-md-3:not(.col-md-offset-9), .pisp-subscription-records .col-md-1, .pisp-subscription-records .col-md-2 {
    padding-left: .5em;
}

.opt-error {
    color: #a94442;
    background-color: #f2dede;
    padding: 15px;
    border-left: 15px solid #CC7C7B;
    margin-bottom: 20px;
}
#sandboxipwl .has-feedback .form-control {
    padding-right: 10px;
}
.api-list {
    height: 300px;
    /*height: calc(100% - 120px);*/
    overflow-y: auto;
    /*border-top: 1px solid #ddd;*/
    border-bottom: 1px solid #ddd;
    border-radius: 4px;
    padding-right: 0;
}
.api-list-selection {
    margin-bottom: 1em;
}
.chart-form {
    padding: 0;
    margin-bottom: 1em;
}
.chart-form .input-group {
    margin-bottom: 0.5em;
}
.apistatistics {
    padding-top: 20px;
}
.apistatistics .btn-group {
    width: 100%;
    display: inline-block;
}
.apistatistics .btn-group .btn {
    background: white;
    border-radius: 3px;
    border: 1px solid #bbb;
}
.apistatistics .api-list .list-group-item.active {
    background: none;
    color: black;
    border: 1px solid #ddd;
    border-right: 7px solid #f0ad4e;
}

.statistics-tab-set .nav-tabs {
    border-bottom: 0px solid #ddd;
}

.request-body {
	overflow: hidden;
    width: 355px;
    min-height: 290px;
    margin: 0 auto;
    border-radius: 5px;
}


#docs-api .PUT {
  background-color: #1f2041;
}

#docs-api .GET {
  background-color: #083d77;
}

#docs-api .DELETE {
  background-color: #313e50;
}

#docs-api .version {
    background-color: #0046ad;
}

#docs-tutorials .docs-btn {    
    background-color: #0046ad;
    border: 0px;
    font-size: 12px;
    font-weight: 700;
    color: #ffffff;
    padding: 6px 12px;
}

#docs-api .example-title {
    font-style: italic;
    font-size: 12px;
    padding-top: 25px;
    padding-bottom: 10px;
}

#docs-api .values-container {
    margin-left: 15px;
}

#docs-api .value-row {
    
}

#docs-api .value-key {
    
}

#docs-api .value-label {
    padding-left: 10px;
}

#docs-api .padded-true {
    margin-left: 25px;
}

#docs-api .padded-true-2 {
    margin-left: 50px;
}

#docs-api .padded-true-3 {
    margin-left: 75px;
}


#docs-api .legenda-img {
    display:inline;
}

#docs-api .legenda-label {
    display: inline;
    font-size: 12px;
    font-weight: 500;
    color: #f8f8f8;
}

#docs-api .version-label {
    display: inline-block;
    font-size: 12px;
    width: 35px;
    vertical-align: middle;
    color: white;
    text-align: center;
    border-radius: 3px;
}


/* FAQS */

#docs-tutorials .faqs-question {
    padding-bottom: 45px;
}

#docs-tutorials .faq-title {
    font-weight: 700;
    font-size: 18px;
    padding-bottom: 10px;
    color: #00a9e0;
}

#docs-tutorials .faq-body {
    font-weight: 500;
}

/* home image */
#home-jumbotron .home-image {
    height: 700px; 
    background-image: url('../img/home-background-fabrick_flipped.svg'); 
    background-repeat: no-repeat; 
    background-size: cover;
}

@media (max-width: 500px) {
    #home-jumbotron .home-image {
        display: none; 
    }    
}

#home-cocreate .btn-goto {
  color: #ffffff;
  font-weight: 700;
  border: 0px;
  background-color: #0046ad;
}
#home-cocreate .btn-goto:hover {
  background-color: #00a9e0;
}

#docs-api .api-contents .api-content .api-declaration .parameter-opt {
  color: #428bca;
}

/* width */
::-webkit-scrollbar {
    width: 10px;
    height: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}