﻿
#main .btn.focus, .btn:focus {
    box-shadow: none;
}

#main {
    margin: 50px 0;
}

    #main #content .card {
        margin-bottom: 15px;
        border: 0;
    }

        #main #content .card .card-header {
            border: 0;
            -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
            box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
            border-radius: 2px;
            padding: 0;
        }

            #main #content .card .card-header .btn-header-link {
                display: block;
                text-align: left;
                background: #FFF;
                color: #222;
                padding: 10px;
                font-weight: 600;
            }

                #main #content .card .card-header .btn-header-link:after {
                    content: "\2304";
                    font-weight: 900;
                    float: right;
                    padding: 5px;
                }

                #main #content .card .card-header .btn-header-link.collapsed {
                    color: #222;
                    border: solid 1px #ddd;
                    font-weight: 600;
                }

                    #main #content .card .card-header .btn-header-link.collapsed:after {
                        content: "\2303";
                    }

        #main #content .card .card-body {
            background: transparent;
            box-shadow: 0 3px 6px 0 rgb(213 213 213 / 50%);
            border-top: solid 1px #efefef;
        }

        #main #content .card .collapsing {
            background: #FFF;
            line-height: 30px;
        }

        #main #content .card .collapse {
            border: 0;
        }

            #main #content .card .collapse.show {
                background: #FFF;
                line-height: 30px;
                color: #222;
            }

.sub-heading {
    font-size: 16px;
    font-weight:600;
    color: #00bcd4;
}

.getData {
    padding: 30px 50px;
    color: #222;
    font-size: 15px
}

.linkInfo {
    cursor: pointer;
    color: darkblue;
}


/*** Ankit CSS **/
body{
    color: #6a6a6a;
}
.header{
    padding: 15px;
    display: block;
    width: 100%;
    border-bottom: 3px solid #ebedf4;
}
.urlTitle strong{
    color: #344a83;    
}
.urlTitle {
    color: #6a6a6a;
    font-size: 20px;
    margin-bottom: 20px;
   
}
.linkInfo{
    color: #4a4a4a !important;
    padding: 4px 8px;
    min-width: 40px;
    background-color:#eee;
    border-radius: 2px;
    display: inline-block;
    margin-right: 10px;
    border: 1px solid #eee;
    margin-bottom: 10px;
}
.linkInfo:hover{
    color:#344a83 !important;
    border: 1px solid #ccc;
}
.apiHeading{
    font-size: 18px;
    font-weight: 700;
    color:#344a83;
}
.loadedURL{
    font-size: 16px;
    color:#6a6a6a;    
}
.loadedURL strong{
    font-weight: 700;
    color: #344a83;
    
}
.table td, .table th{
    padding: 6px;
    
}
.table td{
    word-break: break-all;
}
.table tr td{
    border-bottom: 0px !important;
    border-top: 0px !important;
}
.table tr:nth-child(even) td{
    background:#f9f9f9;
}
.table-bordered thead td, .table-bordered thead th{
    border-bottom-width: 1px !important;
    color: #344a83;
    background: #eee;
    font-weight: 500;
}



#ApiListingDiv{
    padding: 0px 15px;
}
#ApiDetail{
    border-left: 3px solid #ebedf4;
    position: absolute;
    right: 0;
    height: calc(100% - 101px);
    overflow: auto; 
}
/*** For Option-2 ***/
#apiListLeft {
    background: #fafafa;
    height: calc(100% - 101px);
    overflow: auto;
    position: absolute;
    top: 101px;
    left: 0;
}
.linkInfo.activeApi{
    background:#344a83 !important;
    color: #fafafa !important;
}

/*** For option-3 ***/
.apiMenu a{
    display: block;
    width: 100%;
    margin: 0;
    border: 0;
    border-bottom: 1px solid #ccc;
    background: transparent;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    line-height: 28px;
}
.apiMenu a svg{
    font-size:14px ;
}
.apiMenu a:hover{
    background:#344a83 !important;
    color: #fafafa !important;
    border: 0;
    border-bottom: 1px solid #344a83 ;
    text-indent: 10px;
}

