/*
    dodaten (specifičen) css za aplikacijo
*/
.hide-slide-page {
    display: none;
}

.contrast {
    background-color: #000 !important;
}

.collapsibleList li > input {
    display: none;
}

.collapsibleList li > label > span {
   margin-right:7px;
}

ul.tree, ul.tree ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

    ul.tree ul {
        margin-left: 10px;
    }

    ul.tree li {
        margin: 0;
        padding: 0 7px;
        line-height: 20px;
        color: #1174ba;
        font-size: 16px;
        border-left: 1px dotted silver;
        cursor: pointer;
    }

        ul.tree li:last-child {
            border-left: none;
        }

        ul.tree li:before {
            position: relative;
            top: -0.3em;
            height: 1em;
            width: 12px;
            color: white;
            border-bottom: 1px dotted silver;
            content: "";
            display: inline-block;
            left: -7px;
        }

        ul.tree li:last-child:before {
            border-left: 1px dotted silver;
        }
/*Api docs*/
/**/
.Controller {
    border: 1px solid #eff4f8;
    border-radius: 3px;
    padding: 10px;
    background-color: #FAFAFA;
    margin-bottom: 3px;
    cursor: pointer;
}

.Method {
    border: 1px solid #eff4f8;
    border-radius: 3px;
    padding: 15px;
    margin-bottom: 3px;
    margin-top: 3px;
    /* background-color: #eff4f8;*/
}

.CtrlName {
    float: left;
    font-size: 1em;
    margin-right: 20px;
    color: #1174ba;
}

.CtrlSummary {
    float: left;
    font-size: 1em;
}

.MethodName {
    /*float: left;*/
    font-size: 1em;
    color: #5d646b;
}

.IcoOpenClose {
    float: right;
}

.fade-enter-active {
    transition: all 0.8s ease-in-out;
}

.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
    opacity: 0;
    transition-duration: 0.2s;
}

.SzApTreeTd {
    vertical-align: top;
    padding: 5px;
    cursor: pointer;
}

.SzMethodName {
    font-size: 1.3em;
    margin-bottom: 15px;
    margin-top: 5px;
}

.tdMethod {
    font-weight: 500;
    padding-right: 20px;
    vertical-align: text-top;
}

/* Modal Content */
.szModal-content {
    z-index: 90001;
    background-color: #fefefe;
    padding: 20px;
    border: 1px solid #888;
    display: table;
    width: auto;
    height: auto;
    margin: 0 auto;
    position: relative;
    animation-name: example;
    animation-duration: .8s;
    margin-top: 2%;
    border-radius: 5px;
}

.szModal-back {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 90000;
    background-color: #fefefe;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* The Close Button */
.szClose {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .szClose:hover,
    .szClose:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    /*max-width: 280px;*/
}

.node {
    font-size: large;
    font-weight: 400;
}

.navTreeActive {
    color: orange !important;
}
/*For API documentation*/

.SzApiListSummary {
    font-size: 1.1em;
    font-style: italic;
}

.code {
    white-space: pre-wrap;
    font-family: monospace;
    border: 1px solid silver;
    border-radius: 3px;
    margin-top: 5px;
    margin-bottom: 5px;
    color: maroon;
    background-color: #FAFAFA;
    padding: 10px;
}

.remarks {
    border: 1px solid silver;
    border-radius: 3px;
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: #FAFAFA;
    padding: 10px;
}

.examples {
    border: 1px solid silver;
    border-radius: 3px;
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: #FAFAFA;
    padding: 10px;
}

.example {
    border: 1px solid silver;
    border-radius: 3px;
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: #FAFAFA;
    padding: 10px;
}

.description {
    border: 1px solid silver;
    border-radius: 3px;
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: #FAFAFA;
    padding: 10px;
}

.link {
    color: #1174ba;
    cursor: pointer;
}

.modeR {
    background-color: #f2f2f2;
    padding-left: 5px;
}

.sectionG {
    border: 1px solid #F5F5F5;
    border-radius: 3px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 10px;
    padding-top: 0;
}

.szApiMoreV1 {
    color: #3c99db;
    cursor: pointer;
    font-size: 45px;
    letter-spacing: -5px;
    padding-left: 10px;
    line-height: 7px;
}

.H4 {
    margin: 0
}

.fade2-enter-active, .fade2-leave-active {
    overflow-y: hidden;
    max-height: 500px; /* approximate max height */
    transition-property: all;
    transition-duration: 2.5s;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}

.fade2-enter, .fade2-leave-to /* .fade-leave-active below version 2.1.8 */ {
    opacity: 0;
    max-height: 0;
    transition-duration: 0.5s;
}

/* Enter and leave animations can use different */
/* durations and timing functions.              */
.slide-fade-enter-active {
    overflow-y: hidden;
    max-height: 800px; /* approximate max height */
    transition-property: all;
    transition-duration: 2.0s;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}

.slide-fade-enter, .slide-fade-leave-to
/* .slide-fade-leave-active below version 2.1.8 */ {
    opacity: 0;
    max-height: 0;
    transition-duration: 0.5s;
}

.btn {
    border-radius: 3px;
}

.t {
    font-weight: 600;
}

.cs {
    display: none;
}

.cBlue {
    font-family: Consolas;
    color: #2471a3;
}

.cTeal {
    font-family: Consolas;
    color: teal;
}

.cRead {
    font-family: Consolas;
    color: #d43f3a;
}

.cGreen {
    font-family: Consolas;
    color: green;
}

.cSilver {
    font-family: Consolas;
    color: #797D7F;
}

.cBlack {
    font-family: Consolas;
    color: #283747;
}

.cOrange {
    font-family: Consolas;
    color: orange;
}

.cWrap {
    border: 1px solid silver;
    font-family: Consolas;
    border-radius: 3px;
    padding: 20px;
}

.szW1 {
    border: 1px solid red;
    border-radius: 3px;
    padding: 10px;
    margin-bottom: 3px;
}

.szW2 {
    border: 1px solid orange;
    border-radius: 3px;
    padding: 10px;
    margin-bottom: 3px;
}

.szW3 {
    border: 1px solid silver;
    border-radius: 3px;
    padding: 10px;
    margin-bottom: 3px;
}

.szGet {
    border: 1px solid #3498DB;
    background-color: #eff4f8;
    border-radius: 3px;
    padding: 10px;
    margin-bottom: 3px;
}

.szPost {
    border: 1px solid #4cae4c;
    background-color: #e9f7ef;
    border-radius: 3px;
    padding: 10px;
    margin-bottom: 3px;
}

.szPut {
    border: 1px solid orange;
    background-color: #fef9e7;
    border-radius: 3px;
    padding: 10px;
    margin-bottom: 3px;
}

.szDelete {
    border: 1px solid #d43f3a;
    background-color: #fdedec;
    border-radius: 3px;
    padding: 10px;
    margin-bottom: 3px;
}

.scale-in-center {
    -webkit-animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.selectedOp {
    background-color: #eff4f8;
}
/* ----------------------------------------------
 * Generated by Animista on 2020-12-21 9:13:6
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation scale-in-center
 * ----------------------------------------
 */
@-webkit-keyframes scale-in-center {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes scale-in-center {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

.fade-in {
    -webkit-animation: fade-in 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: fade-in 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2020-12-21 9:15:22
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation fade-in
 * ----------------------------------------
 */
@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.scale-in-ver-top {
    -webkit-animation: scale-in-ver-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: scale-in-ver-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2020-12-21 9:17:7
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation scale-in-ver-top
 * ----------------------------------------
 */
@-webkit-keyframes scale-in-ver-top {
    0% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
        opacity: 1;
    }

    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
        opacity: 1;
    }
}

@keyframes scale-in-ver-top {
    0% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
        opacity: 1;
    }

    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
        opacity: 1;
    }
}

#topBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: #428bca;
    color: white;
    cursor: pointer;
    padding: 10px;
    border-radius: 50%;
    height: 50px;
    width: 50px;
}

.szApiLink {
    color: #1174ba;
    cursor: pointer;
}

#topBtn:hover {
    background-color: #357ebd;
}

.siteMapPanelTittle {
    padding: 10px;
    color: #5d646b;
}

.siteMapPanelTittleDescription {
    font-family: 'Roboto Condensed',sans-serif;
    font-size: 14px !important;
}

.siteMapLevel1 {
}

    .siteMapLevel1 a {
        font-weight: bold !important;
        color: #0d6caf !important;
    }

.siteMapLevel2 {
    padding-left: 20px;
}
    .siteMapLevel2 a {
        color: #0d6caf !important;
    }

.tree li span {
  float:left;
}

.tableLabel {
    margin-top: 7px;
}

@media screen and (min-width: 768px) {
    .modal-lg {
        width: 900px;
    }

    .modal-sm {
        width: 300px;
    }
}

.dsp {
    padding: 10px;
    border: 1px solid silver;
    border-radius: 5px;
    overflow: scroll;
    width: 100%;
    height: 300px;
    background-color: white;
}

#spParamsJSONContainer {
    background-color: white;
    /*position: fixed;
            bottom: 15px;
            left: 5px;*/
    padding: 10px;
    border: 1px solid silver;
    border-radius: 5px;
    overflow: scroll;
    width: 100%;
}

#topBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: #428bca;
    color: white;
    cursor: pointer;
    padding: 10px;
    border-radius: 50%;
    height: 50px;
    width: 50px;
}

.szApiLink {
    color: #1174ba;
    cursor: pointer;
}

#topBtn:hover {
    background-color: #357ebd;
}

textarea {
    border: 1px solid silver;
    padding: 15px;
    margin-bottom: 10px;
}

h5 {
    font-size: 16px;
}

#body {
    padding-left: 0;
}

.hide {
    display: none;
}

.show {
    display: block !important;
}

.spDescription {
    background-color: white;
}

#docTree .show {
    display: inline !important
}

.data {
    font-size: 14px;
}

.divCnt {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}

.tab-content {
    padding-top: 10px !important;
}

.navbar-api {
    background-color: white;
    border-bottom: 2px solid #1174ba;
}

.szSelected {
    color: #fda128;
}

th {
    vertical-align: top !important;
    font-size: medium;
}

td {
    font-size: 14px;
}

.nav-pills > li > a:hover {
    color: white !important;
}

.collapsibleList li > input + * {
    display: none;
}

.collapsibleList li > input:checked + * {
    display: block;
}

.collapsibleList li > input {
    display: none;
}

.collapsibleList label {
    cursor: pointer;
    font-weight: 400;
}

.pdf-page-canvas {
    clear: both;
    width: 100%;
    min-height: 500px;
    border: 1px solid silver;
    border-radius: 5px;
    background-color: #5d646b;
    margin-bottom: 5px;
}
table.Guids td {
    color: #1174ba;
    cursor: pointer;
}
.holds-the-iframe {
    background: #F8F8FF;
    animation: anm 3s infinite;
}

@keyframes anm {
    from {
        background-color: #F8F8FF;
    }

    to {
        background-color: #808080;
    }
}
.ApiTitle {
   font-weight:800;
   font-size:22px;
   cursor:default;
}
.ApiDescr {
    font-style: italic;
    font-size: 16px;
    cursor: default;
}