* {
    -moz-box-sizing: border-box; box-sizing: border-box;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Arial,sans-serif
}

.container{
    min-height:750px;
}

h1{
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
    font-size:28px;
    font-weight: 700;
    color: #FA503A;
}

#documentation h2, #documentation h3, #documentation h4, #documentation h5{
    margin-top: 40px;
    margin-bottom: 20px;
    border-left: 4px solid #FA503A;
    padding-left:13px;
}

h2{font-size:23px;/*padding-left: 25px*/}
h3{font-size:20px;/*padding-left: 50px*/}
h4{font-size:18px;/*padding-left: 70px*/}
h5{font-size:17px;font-weight:300;font-style:italic;/*padding-left: 50px;*/ color: #FA503A}

li,p{text-align:justify;}
p{
    text-align:justify;
}

a{
    color: #FA503A;
}

a:hover{
    color: #e44d38;
}

#input-search{
    width:500px;
}
#input-search .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #414141 !important;
}
#input-search .form-control::-moz-placeholder { /* Firefox 19+ */
    color: #414141 !important;
}
#input-search .form-control:-ms-input-placeholder { /* IE 10+ */
    color: #414141 !important;
}
#input-search .form-control:-moz-placeholder { /* Firefox 18- */
    color: #414141 !important;
}
#input-search .form-control{
    background-color: #878787;
    border:0 solid transparent !important;
}
#input-search .input-group-addon{
    color:#414141 !important;
    background-color: #878787;
    border:0 solid transparent !important;
}

#navbar{
    background-color: #2D2D2D;
    height:60px;
    color:#FFFFFF;
    /*display: flex;
    justify-content: space-between;
    align-items: center;*/
    margin-bottom:40px;
}
.element-menu-left{
    /*margin-left:10px;*/
}
.element-menu-right{
    /*margin-right:10px;*/
}
#vertical-menu{
    margin-top:20px;
    min-height:500px;
}
.affix {
    top: 20px;
}
#section1 {color: #fff; background-color: #a9b1a3;height: 350px;}
#section2 {color: #fff; background-color: #a9b1a3;height: 350px;}
#section3 {color: #fff; background-color: #a9b1a3;height: 350px;}
#section4 {color: #fff; background-color: #a9b1a3;height: 350px;}
#section5 {color: #fff; background-color: #a9b1a3;height: 350px;}
#section6 {color: #fff; background-color: #a9b1a3;height: 350px;}
#section7 {color: #fff; background-color: #a9b1a3;height: 350px;margin-bottom:250px}

.nav>li>a:focus, .scopes label:hover{
    background-color: #f7f7f7;
    cursor: pointer;
    border-left: 5px solid #FA503A;
}
.nav>li>a:hover{
    background-color: #f7f7f7;
    cursor: pointer;
    border-left: 5px solid #ffbaa9;
}
.nav-stacked>li+li{
    margin-top:0;
}

.nav-pills>li>a{
    color:#2D2D2D;
    border-radius: 0;
    border-left: 5px solid #DDDDDD;
    padding: 6px 12px;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus{
    color:#FA503A;
    background-color: transparent;
    border-left: 5px solid #FA503A;
}

.nav-pills>li.active>a:hover {
    color:#FA503A;
    background-color: #fbe2df;
    border-left: 5px solid #FA503A;
}

.category-vertical-menu{
    color: #FA503A;
    font-size: 18px;
    font-weight: bold;
    margin-bottom:4px;
}
.tabulation{
    margin-left:15px;
}

.btn-primary-outline{
    color: #FA503A;
    background-color: transparent;
    border:1px solid #FA503A;
}
.btn-primary-outline:hover, .btn-primary-outline:focus{
    color: #FFFFFF;
    background-color: #FA503A;
    border:1px solid #FA503A;
}

.btn-white-outline{
    color: #FFF;
    background-color: transparent;
    border:1px solid #FFF;
}
.btn-white-outline:hover, .btn-white-outline:focus{
    color: #2D2D2D;
    background-color: #FFF;
    border:1px solid #FFF;
}

.navbar-username, .navbar-brandname{
    font-size: 18px;
    margin-bottom: -4px;
}
.navbar-brandname{
    margin-top:8px;
}
.navbar-dev{
    font-size: 15px;
    color: #a4a4a4;
}
.navbar-username{
    margin-top:11px;
    text-align:right;
}
.logout-link{
    font-size: 12px;
    text-align:right;
    float: right;
    color: #c6c6c6;
}
.btn-login{
    margin-top:13px;
    float:right;
}
.logout-link:hover{
    color: #a5a5a5;
}
.m-t-2{
    margin-top: 2rem;
}
.m-t-4{
    margin-top: 4rem;
}
.m-t-6{
    margin-top: 6rem;
}
.m-y-2{
    margin-top: 2rem;
    margin-bottom: 2rem;
}

#footer{
    background-color: #dddddd;
    margin-top:80px;
    padding-top:10px;
    padding-bottom:20px;
    color:#949494;
    border-top: 5px solid #FA7222;
}

#footer a, #footer a:focus{
    color: #949494;
    text-decoration: none;
}

#footer a:hover{
    color: #b5b5b5;
    text-decoration: underline;
}

#footer img{
    padding-bottom: 0;
}


#footer h3{
    font-size:22px;
    color:#717171;
}
#footer ul{
    font-size:16px;
}

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

.card{
    padding:20px;
    border-radius: 2px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    border:1px solid transparent;
}

.active-card {
    border:1px solid #FA503A;
}
.active-card h3{
    color:#FA503A;
}

.scopes .card{
    padding:10px;
    margin-bottom:8px;
}

.scopes .card:last-child{
    margin-top:20px;
}

.scopes .badge{
    float: right;
}

label{padding: 5px;display: block;}
label h3{
    font-size: 15px;
    font-weight: bold;
    margin: 0;
    display: inline;
}

label .text-muted{
    font-weight: normal;
    font-size: 13px;
    text-align: justify;
}
#tokens-persistants textarea{
    background-color: #FFFFFF;
}

.text-description{
    margin-bottom:20px;
}

#swagger-ui .topbar{
    display: none;
}

#swagger-ui .swagger-ui .info {
    margin: 20px 0;
}

#swagger-ui .swagger-ui .info .title small {
    font-size: 10px;
    position: relative;
    top: -5px;
    display: inline-block;
    margin: 0 0 0 5px;
    padding: 2px 4px;
    vertical-align: super;
    border-radius: 57px;
    background: #7d8492;
}

#swagger-ui pre {
    display: block;
    font-family: Titillium Web,sans-serif;
    white-space: pre;

    padding: 1px;
    margin: 0;
    font-size: 10px;
    line-height: 1.42857143;
    color: #FFF;
    /* word-break: break-all; */
    /* word-wrap: break-word; */
    background-color: transparent;
    border: 0 solid #ccc;
    /* border-radius: 4px; */
}

#swagger-ui pre.base-url{
    color:#41444e;
    font-size:15px;
}

#swagger-ui .swagger-ui .opblock-body pre {
    background-color: #41444e;
    font-size: 13px;
}

#swagger-ui pre.version{
	font-size:13px;
}

#swagger-ui .model-box{
    overflow:auto;
}

.scope-def{display:none;}