/*@font-face {
    font-family: 'jbicon';
    src: url('fonts/Jb_icon_font.ttf') format('truetype');
}*/
@font-face {
    font-family: 'jbicon';
    src: url('../Panel_Theme/Jb_icon_font.ttf') format('truetype');
}
@font-face {
    font-family: 'jbicon';
    src: url('../Panel_Theme/Jb_icon_font.woff') format('woff');
}

@import "font-awesome.min.css";

.label {
    padding: 5px 10px !important;
    display: inline-block;
}


.label-info {
    background-color: #58b1d1;
}

.label-warning {
    background-color: #ffb22b;
}

.label-danger {
    background-color: #ef5350;
}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}

.row, .container-fluid {
    padding: 0;
    margin: 0;
}

.logbtn2 {
    font-weight: normal;
    cursor: pointer;
    background: transparent;
    color: #181516;
    border: 1px solid transparent;
    padding: 5px 15px !important;
    transition: .5s;
    font-size: medium !important;
}

    .logbtn2:hover {
        border-radius: 30px;
        border: 1px dashed #fff;
        color: #fff;
    }

.det {
    font-weight: normal;
    cursor: pointer;
    background: transparent;
    color: #181516;
    border: 1px solid transparent;
    padding: 5px 15px !important;
    transition: .5s;
    font-size: medium !important;
}

.logbtn2:hover {
    border-radius: 30px;
    border: 1px dashed #fff;
    color: #fff;
}

/* table style */

.table-main {
    width: 100%;
}

table {
    width: 100%;
    border-collapse: collapse;
}

.hidden {
    display: none !important;
}

th {
    background: #;
    font-weight: bold;
}

td {
    padding: 6px;
    border: 1px solid #58b1d1;
    text-align: left;
    width: 11%;
}

th {
    padding: 6px;
    text-align: center;
}

h4 {
    color: #58b1d1;
}

.maincontain {
    padding: 3% 1%;
    align-items: center;
}


@media (max-width: 1200px) {
    tbody {
        line-height: 2;
    }
}

@media (max-width: 1368px) {
    tbody {
        line-height: 1.75;
    }

    .maincontain {
        padding: 5% 2%;
    }
}

@media (max-width:1024px) {
    table {
        font-size: small !important;
    }

    .maincontain {
        padding: 15% 2%;
    }

    iframe {
        max-width: 578px !important;
    }
}


@media (max-width:768px) {
    .footer {
        position: unset !important;
    }
}

@media (max-width:576px) {
    iframe {
        height: 470px;
    }

    iframe {
        max-width: 598px !important;
    }
    tbody
    {
        font-size:x-small;
    }
}

@media (max-width:414px) {
    iframe {
        height: 368px;
    }
}

@media (max-width:378px) {
    iframe {
        height: 378px;
    }
}

.nav-link:focus, .nav-link:hover {
    background: #ccc;
    border-radius: 0;
}

.footer {
    background: rgba(0,0,0,.8);
    position: fixed;
    width: 100%;
    bottom: 0px;
}

.ftpolicy, .ftpolicy a {
    text-align: center;
    padding: 10px;
}

    .ftpolicy a {
        color: #fff;
    }

        .ftpolicy a:hover {
            color: #58b1d1;
        }


.butoonlg {
    box-shadow: inset 0px 0px 0px #58B1D1;
    transition: all 0.5s !important;
    color: #181516;
    background-color: #58B1D1;
    padding: 1px 15px 1px 15px;
    border-radius: 32px;
    margin: 16px 5px;
    border: 1px solid #181516;
}

    .butoonlg:hover {
        box-shadow: inset 180px 0px 0px #181516;
        border-radius: 20px;
        color: #58B1D1;
        background: #58B1D1;
    }
    .butoonlg:active {
        color: white;
        background: black;
    }

/* TAB Style*/



/* Style the tab */
.tab {
    float: left;
    background-color: #fff;
    width: 10%;
    /* height: 300px;*/
}

    /* Style the buttons inside the tab */
    .tab a {
        display: block;
        background-color: inherit;
        padding: 30%;
        margin: 52% 0;
        width: 100%;
        border: none;
        outline: none;
        text-align: left;
        cursor: pointer;
        transition: 0.3s;
        font-size: 17px;
    }

        /* Change background color of buttons on hover */
        .tab a:hover {
            background-color: #ddd;
        }

        /* Create an active/current "tab button" class */
        .tab a.active {
            background-color: #58b1d1;
        }

/* Style the tab content */
.tabcontent {
    float: left;
    padding: 12px;
    width: 90%;
    border-left: none;
    /*height: 300px;*/
    border: 1px solid #58b1d1;
}

/* button style*/
.diam_detail_btn {
    padding: 2%;
    margin: 1%;
    border: 1px solid #58b1d1;
    transition: .5s;
}

    .diam_detail_btn:hover {
        background: #58b1d1;
        border: 1px solid transparent;
    }


    .diam_detail_btn button {
        background-color: transparent;
        border: none;
        padding: 5%;
    }


.nav {
    flex-wrap: nowrap;
}


.nav-pills .nav-link {
    padding: 20px;
    margin: 20% 0;
}

    .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
        color: #000;
        background: #58b1d1;
    }

.nav-link:focus, .nav-link:hover {
    background: #ccc;
}

.tab-content {
    text-align: center;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #000;
    background: #58b1d1;
    border-radius: 0;
}