/*
 * Copyright (c) 2018, Okta, Inc. and/or its affiliates. All rights reserved.
 * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
 *
 * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *
 * See the License for the specific language governing permissions and limitations under the License.
 */

/* General ********************************************************************/

html, body {
  height: 100%;
}

a:link, a:visited, a:active {
  color: #4183C4;
}

#samples, #samples .ui.menu, #samples .ui.table {
  font-size: 15px;
}

#samples .ui.header {
  margin-top: 30px;
}

#samples form {
  max-width: 400px;
}

#samples .okta-sign-in-form {
  padding-left: 15rem;
  padding-top: 0;
}

/* Menu ***********************************************************************/

.menu button {
  cursor: pointer;
  border: none;
}

.menu button:hover {
  color: #fff !important;
}
/* Getting Started ************************************************************/

#getting-started {
  margin-bottom: 70px;
  font-weight: bold;
  color:#000 !important;
  padding-top: 12px;
  padding-bottom: 14px;
}

#getting-started a:link,
#getting-started a:visited,
#getting-started a:active {
  color: #000;
  text-decoration: underline;
}

#getting-started h3 {
  display: inline;
  font-size: 1.18rem;
  position: relative;
  top: 3px;
}

/* Documentation **************************************************************/

#content {
  padding-left: 15rem;
  padding-top: 0;
  height: 100%;
}

#doc {
  padding-left: 42px;
  padding-top: 29px;
}

#default-app-text {
  text-align: center;
  font-size: 20px;
  font-family: monospace;
}

.hljs {
  padding: 0;
}

.ui.segment {
  box-shadow: none;
  border-radius: 0;
  border-width: 1px 0;
}

.example h3 {
  margin-bottom: 0.5rem;
}

.example .segment {
  margin-top: 0.5rem;
}

.ui.table thead th {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

ol.ui.list li {
  padding-bottom: 19px;
}

.ui.mini.loader {
  height: 0.8rem;
  font-size: 1em;
  top: -2px;
}

.ui.orange.labels {
  padding: 20px 0 40px 0;
  text-align: center;
}

.ui.orange.labels .ui.label {
  text-transform: capitalize;
}

.sample-col {
  border-left: 3px solid #000;
  color: #F0EBD8;
}

.sample-col .ui.header {
  color: #F0EBD8;
}

.ui.grid>.sample-col.column,
.ui.grid>.sample-col.row,
.ui.grid>.row>.sample-col.column {
  background-color: #312F2F;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

/* Profile Page ***************************************************************/

.profile {
  text-align: center;
}

.profile .ui.table {
  margin: 30px auto;
}

.profile .ui.table th {
  text-align: center;
}


/* Login page */

#widget-body{
    background-color: #FDFAF9 !important;
    font-family: Inter, montserrat-okta, Arial, Helvetica, sans-serif;
}

#widget-body #widget-wrapper{
    width: 500px;
    margin: auto;
}

#widget-body #widget-container{
    background-color: #fff;
    padding: 2rem 3.5rem;
    border-bottom: 1px solid;
    border-color: #DDE4EA !important;
    padding-top: 3.5rem;
    color: #010c66;
}

#widget-container #okta-sign-in div.okta-sign-in-header.auth-header{
    display: none;
}

#widget-container #okta-sign-in div.o-form-content.o-form-theme h2{
    display: none;
}

#widget-container #okta-sign-in .auth-content .siw-main-header{
    display: none;
}

#widget-container #okta-sign-in.auth-container{
    width: 100%;
}

#widget-container #okta-sign-in.auth-container.main-container{
    border: none;
    box-shadow: none;
    margin-top: 0px;
}

#widget-container #okta-sign-in .auth-content{
    padding: 0px;
}

#widget-container #okta-sign-in .siw-main-footer .auth-footer .link{
    //display: none;
}

#widget-container #okta-sign-in div.o-form-content div.okta-form-label.o-form-label label{
    color: #121212;
    font-weight: 700;
    font-size: 15px;

}

#widget-container #okta-sign-in div.o-form-content div.okta-form-label.o-form-label{
    margin-bottom: 0.5rem;
}

#widget-container #okta-sign-in.auth-container .button-primary{
    background: #010c66;
    border-color: #010c66;
    color: #f7f1ea;
    border-radius: 64px;
    font-size: 1rem;
}

#widget-container h1{
    font-family: Help Type Text Web, Helvetica, Arial;
    font-weight: 500;
    color: #010c66;
    margin-bottom: 1.5rem !important;
    font-size: 2rem;
    line-height: 1.3;
}

#widget-container p.header_text{
    font-weight: 400px;
    color: #010c66;
    font-size: 14px;
}

#widget-body .header_logo {
    margin: auto;
    width: 200px;
    margin-top: 40px;
    margin-bottom: 40px;
}

#widget-body #widget-wrapper{
    color: #010c66;
}

#widget-body #widget-wrapper .back-link{
    color: #010c66;
    text-decoration: underline;
    font-family: Help Type Text Web, Helvetica, Arial;
}


#widget-body #widget-wrapper .legacy .u-mar-b--6 {
    margin-bottom: 1.5rem !important;
}

#widget-body #widget-wrapper .legacy p {
    margin: 0 0 1rem;
}

#widget-body #widget-wrapper .legacy c-link,#widget-body #widget-wrapper .legacy .c-icon, #widget-body #widget-wrapper a{
    color: #010c66 !important;
}

#widget-body #widget-wrapper #widget-container .infobox-error{
    background-color: #ffebeb;
    border: 0px;
    border-radius: 0px;
    font-size: 1rem;
    color: #010c66;
    padding: 10px 20px !important;
    font-weight: 500;

}

#widget-body #widget-wrapper #widget-container .infobox-error:before{
    display: none;
}

#widget-body #widget-wrapper #widget-container .infobox-error span{
    display: none;
}

#widget-container #okta-sign-in.auth-container .button-primary{
    color: #fff !important;
}

/*#okta-signin-widget-container{
    border: 1px solid #000;
}*/