/* CUSTOM STYLING

Add your custom styling here. Note that styling in the source is loaded AFTER this sheet, and has higher priority. Make sure your styles here don't collide with source styles.

*/
/*===================== Menu bar ==================*/
.menu {
    font-family: "Leicht", sans-serif !important;
    background-color: #967dff !important
}

.ui.menu.item {
    font-family: "Leicht", sans-serif !important;
    background-color: #967dff !important;
}

.ui.menu > .item:first-child {
    padding: 1em 1em 1em 3em !important;
}

.ui.mini.image {
    width: 90px !important;
    padding: 6px 10px 10px 0px;
}

/*===================== Login Screen ==================*/
.ui.button {
    font-family: "Leicht", sans-serif !important;
    background-color: #E6E6E6 !important
}

.ui.primary.button {
    font-family: "Leicht", sans-serif !important;
    background-color: #967dff !important
}

/*======= Password reset screen popup ================*/

/*-----------Code sent info screen ---------*/
.ui.green.dividing.header {
    color: #2D1D49 !important;
    border-bottom: 2px solid #2D1D49 !important;
}

.ui.positive.button {
    font-family: "Leicht", sans-serif !important;
    background-color: #967dff !important;
}

/*-----------  Error screen ---------*/
.ui.red.dividing.header {
    color: #CC0000 !important;
    border-bottom: 2px solid #CC0000 !important;
}

.ui.negative.button {
    font-family: "Leicht", sans-serif !important;
    background-color: #CC0000 !important;
}

/*"e" matches with Text, Email, Address, Date, Number, Search, Tel, Time, File */
/*"a" matches with password*/
.ui.form input[type*="e"], .ui.form input[type*="a"]  {
    font-family: "Leicht", sans-serif !important;
    color: #2D1D49 !important;
}

/*===================== Home Page ==================*/
h1.ui.header {
    font-family: "Buch", sans-serif;
    color: #2D1D49 !important
}

div.header {
    font-family: "Leicht", sans-serif !important;
    color: #2D1D49 !important
}

/*============ Getting Started Page ================*/
table, thead, td, th {
    font-family: "Leicht", sans-serif !important;
    color: #2D1D49 !important;
    border-bottom: dotted black 1px;
}

th:first-child {
    width:160px;
}
/*===================== API Page ==================*/

.opblock-summary-method {
    color: white !important;
}

.base-url {
    color: #2D1D49 !important
}

.btn.authorize svg {
    display: none !important;
}

.response-control-media-type__accept-message {
    color:#2D1D49 !important;
}

/*This is to override the small bubble next to the Heading in the API page.*/
.swagger-ui .info .title small, small.version-stamp {
    background: #967dff !important;
}

pre.version {
    font-size: 10px !important;
    background: #967dff !important;
}

.model-container .model-box {
    background: #F3F1FF !important;
}

.swagger-ui .model-box {
    background: rgba(0,0,0,.1);
    border-radius: 4px;
    /*Display causes collapsed arrow on model boxes to appear slightly downwards but provides full color on the bar*/
    display: flex !important;
    padding: 10px !important;
}

img.ui.small.image {
    display: none !important;
}

.opblock-body pre span {
    color: white !important;
    font-family: Source Code Pro,monospace !important;
}

.btn.modal-btn.auth.button {
    margin-right: 10px !important;
}

select {
    font-family: "Leicht", sans-serif !important;
    color: #2D1D49 !important;
    border-color: #2D1D49 !important;
}

.btn {
    font-family: "Leicht", sans-serif !important;
    color: #2D1D49;
}

.prop-type {
    font-family: "Leicht", sans-serif !important;
    color: #967dff !important;
}

.btn-done, .btn.authorize, .btn.modal-btn.auth.button, .btn.try-out__btn {
    font-family: "Leicht", sans-serif !important;
    color: #2D1D49 !important;
    border-color: #2D1D49 !important;
}

.btn.cancel  {
    color: #CC0000 !important;
    border-color: #CC0000 !important;
}
.btn.execute.opblock-control__btn{
    font-family: "Leicht", sans-serif !important;
    color: white !important;
    border: none !important;
    background: #967dff !important;
}

.btn.btn-clear.opblock-control__btn {
    font-family: "Leicht", sans-serif !important;
    color:  #2D1D49 !important;
    border: none !important;
    background: #E6E6E6 !important
}

.parameter__name {
    font-size: 16px;
    font-weight: 400;
    font-family: "Leicht", sans-serif !important;
    color: #2D1D49 !important;
}

.parameter__name.required:after {
    color:#CC0000 !important;
}

.response-col_description__inner div.markdown p{
    color: #FFFFFF !important;
}

/*------ Get method ---------*/
.opblock-summary-get{
    border-color:#FF8F90 !important;
    background: #ffe6e6 !important;
}

.opblock.opblock-get{
    background:#ffe6e6 !important;
    border-color: #FF8F90 !important;
    overflow: hidden !important;
}

.opblock.opblock-get .opblock-summary-method{
    background:#FF8F90 !important;
}

/*------ Post method ---------*/
.opblock-summary-post{
    border-color:#a0e2e2 !important;
    background: #ebf9f9 !important;
}

.opblock.opblock-post{
    background:#ebf9f9 !important;
    border-color: #a0e2e2 !important;
    overflow: hidden !important;
}

.opblock.opblock-post .opblock-summary-method{
    background:#a0e2e2 !important;
}

/*----- option method --------*/
.opblock-summary-options{
    border-color:#4f3380 !important;
    background: #f1edf8 !important;
}

.opblock.opblock-options{
    background:#f1edf8 !important;
    border-color: #4f3380 !important;
    overflow: hidden !important;
}

.opblock.opblock-options .opblock-summary-method{
    background:#4f3380 !important;
}

/*============== Common entries ====================*/
label, span {
    font-family: "Leicht", sans-serif !important;
    color: #2D1D49 !important;
}