.frontend-container {
    background: #dedede;
}

/*for jquery tab css*/
.tabs li {
    list-style: none;
    display: inline;
}

.tabs a {
    background: #31aee4 none repeat scroll 0 0;
    color: #dcdcdc;
    display: inline-block;
    padding: 9px 10px;
    text-decoration: none;
}

.tabs a.active {
    background: #FAFEFF;
    color: #777171;
    padding-top: 9px;
    padding-bottom: 9px;
}

#tab1, #tab2, #tab3, #tab4 {
    background: #fff none repeat scroll 0 0;
    padding: 10px;
    width: 100%;

}

ul.tabs {
    margin-bottom: 0;

}

/*for jquery tab css*/

.tabs li a {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
}

#medicalHistory, #discharge {
    font-weight: bold;
    color: #fff;
    background-color: #31AEE4;
}

.tabs {
    background: #31AEE4;
}

.panel-default > .panel-heading {
    text-transform: uppercase;
    color: #31aee4;
}

.nav.navbar li a {
    font-size: 13px !important;
    text-transform: initial;
}

.mem-inf-title {
    color: #000;
    margin-bottom: 13px;
}

.panel-heading.member-block {
    padding-top: 20px;
}

.premiumStatus.text-center .label {
    border-radius: 0;
}

.premiumStatus.text-center .label-success {
    background-color: #06a459;
}

.premiumStatus.text-center cite {
    margin-top: 10px;
    display: block;
    font-size: 12px;
}

.panel-default > .panel-heading {
    background-color: #fff;
}

/*.nav.navbar .fa{*/
/*color: grey;*/
/*}*/

.panel {
    border-radius: 0;
}

.panel-default {
    border-color: #e3e3e3;
}

.panel-default > .panel-heading {
    border-color: #e3e3e3;
}

.date-bg-blk {
    background: #f79b09 none repeat scroll 0 0;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    height: 80px;
    margin-left: 2%;
    padding: 16px;
    text-align: center;
    width: 90px;
}

.date-bg-blk span {
    display: block;
    font-size: 15px;
    color: #fff
}

.adm-hstry-top {
    font-size: 12px;
    margin-bottom: 25px;
    margin-top: 5px;
}

.fa.fa-file-pdf-o {
    font-size: 18px;
}

.pdf-icon {
    text-align: center;
    cursor: pointer;
}

.pdf-icon span {
    font-size: 12px;
}

.adm-hstry-btm {
    margin-bottom: 10px;
    margin-top: 58px;
    padding-bottom: 19px;
}

.hospital-name > span {
    font-size: 12px;
    font-weight: bold;
}

.hospital-name {
    font-size: 12px;
}

.adm-hstry-blk {
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.adm-hstry-blk:last-child {
    border-bottom: 0;
    margin-bottom: 0;
}

div.member-block > ul > li > a {
    color: #666;
}

.memberBody {
    margin-left: -6px;
}

.panel-default > .panel-body {
    font-size: 12px;
}

.panel-default > .panel-heading > a.btn {
    font-size: 12px;

}

.modal-body {
    position: fixed;
    background: #fff;
    width: 100%;
    overflow: auto;
}

.modal-header {
    background-color: #fff;

}

/************new css edited (june 1)*************/

.album-title {
    font-size: 14px !important;
}

.album-title .fa.fa-picture-o {
    color: #337ab7
}

img.gallery-section {
    border-color: #fff;
    box-sizing: border-box;
    height: 170px;
    /*padding: 20px;*/
    width: 100%;
    margin-bottom: 8px;
}

img.gallery-section {
    border-color: #fff;
    box-sizing: border-box;
    height: 91px;
    margin-bottom: 8px;
    width: 100%;

}

.showcase {
    position: relative;
}

.overlay-icon {
    left: 38%;
    position: absolute;
    top: -3px;
    display: none;
}

.showcase:hover .overlay-icon {
    display: block;
}

.fa.fa-search-plus {
    font-size: 25px;
    color: rgba(0, 0, 0, 0.61);
}

.showcase:hover img.gallery-section {
    opacity: 0.7;
}

hr {
    margin-top: 8px;
    border-top: 1px solid #dad3d3;
}

.album-bundle-inner {
    margin-bottom: 20px;
}

.panel-default > .panel-body {
    font-size: 12px;
}

/*video sagar*/
.my-video-dimensions {
    width: 100%
}

/************new css edited (june 1)*************/

/*media query for dash board*/
@media (max-width: 1199px) {
    .tabs li a {
        font-size: 11px;

    }
}

@media (max-width: 991px) {
    .date-bg-blk {
        margin-left: 4%;
    }

    .pdf-icon {
        text-align: left;
        margin-top: 5px;
    }

    img.gallery-section {
        height: auto;
    }

    img#gallery-section {
        height: auto !important;
    }

    .album-bundle-img {
        height: auto !important;
    }
}

/*==================Member Image and dialog box from index page==========*/

#memberImage {
    display: block;
    margin: auto;
    border-radius: 50%;
    border: 5px solid #dedede;
    width: 50%;
}

div.modal-dialog {
    display: block;
    width: 800px !important;
    min-height: 300px !important;
}

.modal-body {
    height: 350px;
    background-color: #eee;
}

.modal-footer {
    margin-top: 400px;
}

.modal-header, #upp {
    background-color: #31AEE4;
    color: #fff;
}

img#memberImagepreview {
    width: 94% !important;
    height: 309px !important;
}

/*======================== MemberInfo css ===============================*/
.profile {
    color: #31AEE4;
    font-size: 14px;
}

.line {
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    padding-top: 14px;

}

.lineupdate {
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
    padding-top: 5px;

}

button#update {
    background-color: #31AEE4;
    color: #fff;
}

span#check {
    color: #fff;
}

#medicalInformation {
    font-size: 12px;
}

.btn-default-type {
    background-color: #31AEE4;
    color: #fff;
}

input[type], select > option, .form-control {
    font-size: 12px;
}

@media (max-width: 767px) {
    .tabs a {
        display: block;
    }

}