#mainlogo {
    width: 100%;
    padding: 5px;
    height: auto;
    padding-left: 10px;
}

.col-md-3.img-div {
    margin-bottom: 20px;
}

.cast-detail h3 span {
    font-size: 12px;
}

.img-responsive {
    max-width: 100%;
    height: auto;
    /* width: 75%; */
    /* height: 5%; */
}

table th {
    min-width: 100px;
}

.row.listing-item {
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
}

#welcome_text {
    margin-top: 7%;
}

#image_div {
    width: 80%;
    margin: 0 auto;
}

img#top-logo {
    max-width: 100%;
    width: 380px;
    margin: 30px 0;
}

.dateSelector {
    font-size: 3em;
    cursor: pointer;
}

.affiliationList {
    justify-content: space-around;
}

.select-cast-page .listing-wrapper {
    padding: 15px;
}

div#list-page-filter-block {
    background-color: #EEEEEE;
    padding: 10px;
    margin: 0 0 10px;
    border-radius: 5px;
}

.meeting-list .start-status, .meeting-list .complete-status {
    text-align: center;
    width: 100px;
    height: 80px;
    margin-bottom: 20px;
    background-color: #E0E0E0;
    padding: 20px;
    margin: 10px auto;
    border-radius: 10px;
    color: #757575;
}

.meeting-list .start-status i, .meeting-list .complete-status i {
    font-size: 20px;
}

.meeting-list .start-status i.fa-check, .meeting-list .complete-status i.fa-check {
    display: none;
}

.meeting-list .start-status.active i.fa-check, .meeting-list .complete-status.active i.fa-check {
    display: block;
}

.meeting-list .start-status.active i.fa-clock-o, .meeting-list .complete-status.active i.fa-clock-o {
    display: none !important;
}

.meeting-list .start-status.active, .meeting-list .complete-status.active {
    background-color: #81C784;
    color: #2E7D32;
}

.meeting-list .complete-status.cancelled {
    background-color: #cc5a2e;
    color: #7d2e2e;
}

.small-font {
    font-size: 10px;
    font-weight: 600;
}

.listing-item {
    background-color: #F5F5F5;
    margin-bottom: 10px;
    border-radius: 10px;
    padding: 15px;
}

.meeting-list .cast-block {
    width: 100px;
    overflow: hidden;
    height: auto;
    display: inline-block;
    vertical-align: top;
}

.meeting-list .cast-block .img {
    border: 0;
    padding: 0;
    overflow: hidden;
    /* position: relative; */
    float: left;
    width: 100%;
    height: 100px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 10px;
    display: block;
}

.meeting-list .cast-block p {
    margin: 0;
    font-size: 12px;
    padding: 0 5px;
    display: inline-block;
}

.listing-item table th, .listing-item table td {
    font-size: 12px;
}

.meeting-list hr {
    margin: 5px 0;
}

.meeting-list .cast-block .complete-status {
    height: auto;
    padding: 8px;
    border-radius: 3px;
}

.meeting-list .cast-block .complete-status.active i.fa {
    display: inline-block;
    font-size: 15px;
}

.guest-list .guest-img {
    max-width: 100px;
    opacity: 0.5;
    margin-bottom: 20px;
}

.listing-item {
}

.pay-button {
    height: 100px;
    width: 130px;
}

.pay-button i.fa {
    display: block;
    font-size: 20px;
    margin-bottom: 10px;
}

.pay-button span {
    font-size: 15px;
}

ul.pagination {
    display: inline;
}

ul.pagination li {
    display: inline-block;
    /* width: 20px; */
}

ul.pagination li a {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #d5d9dd;
    border: 1px solid transparent;
    padding: 5px 7px;
    font-size: 1rem;
    line-height: 1.5;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

ul.pagination li:first-child a {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

ul.pagination li:last-child a {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

ul.pagination li.disabled a {
    text-decoration: none;
    opacity: 0.5;
    cursor: no-drop;
}

ul.pagination li.next a, ul.pagination li.prev a {
    background-color: #c8ced3;
}

ul.pagination li.next a:hover, ul.pagination li.prev a:hover {
    text-decoration: none;
}

ul.pagination li.active a {
    font-weight: bold;
}

.cast-block .img {
    width: 100px;
    height: 100px;
    background-size: cover;
}

.user-level-block {
    text-align: center;
    /* width: 100px; */
    /* height: 80px; */
    margin-bottom: 20px;
    background-color: #E0E0E0;
    padding: 10px;
    margin: 10px auto;
    border-radius: 10px;
    color: #636363;
    font-weight: bold;
    font-size: 12px;
    margin-top: 25px;
}

.user-level-block .btn {
    font-size: 9px;
    color: #52575b;
    text-decoration: underline;
}

.word-brk {
    word-break: break-word;
}

.avatar-dd {
    border-bottom-left-radius: 0!important;
    border-top-left-radius: 0!important;
    background: white;
    border-radius: 15px;
    border: 1px solid #ccc;
    padding: 0px 14px;
    vertical-align: middle;
}

.dd-btn {
    width: 40%;
    margin: 0;
    float: left;
}

.login-page .error {
    color: #FF5722;
    font-size: 12px;
}

.slick-prev:before, .slick-next:before {
    color: #20a8d8 !important;
}

a.btn.disabled, fieldset:disabled a.btn {
    background: white !important;
    color: #0170ba !important;
    cursor: no-drop !important;
    opacity: 0.3;
}

.app-list .slick-prev, .slick-next {
    z-index: 9;
}

#messageHistory{
    padding-right: 0 !important;
    width: 100%;
    height: 100%;
    overflow-y: hidden;
}

#messageHistory .modal-dialog{
    height: 100%;
    margin-top: 0;
}
#messageHistory .modal-content{
    height: 100%;
}

#messageHistory .modal-body{
    display: flex;
    background: #ececec;
    flex-direction: column;
    overflow-y: auto;
}
#messageHistory .modal-footer{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

@media (min-width: 576px){
    #messageHistory .modal-dialog {
        min-width: 100%;
    }
}
.center-content{
    align-items: center;
    justify-content: center;
}

#messageHistory .modal-body .received-msg p{
    background: white;
    padding: 9px 14px;
    border-radius: 16px;
    max-width: 60%;
    white-space: pre-wrap;
}
#messageHistory .modal-body .received-msg img{
    
    padding: 9px 14px;
    border-radius: 16px;
    max-width: 20%;
    white-space: pre-wrap;
    margin-bottom: 1rem;
}

#messageHistory .modal-body .received-msg p{
    float: left;
}

#messageHistory .modal-body .sent-msg p{
    background: #43b6d7;
    padding: 9px 14px;
    border-radius: 16px;
    max-width: 60%;
    white-space: pre-wrap;
}

#messageHistory .modal-body .sent-msg p{
    float:right;
}


#lineMsg{
    max-height: 20vh;
    resize: none;
}

.blured-img{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    filter: blur(8px);
    -webkit-filter: blur(8px);
}

.time-span{
    display: block;
    float: left;
    width: 100%;
    text-align: right;
    font-size: 8px;
}

.sent-msg img, .received-msg msg{
    width: 22%;
    margin-bottom: 2rem;
}

.sent-msg img{
    float:right;
}
.received-msg img{
    float:right;
}

/*** Styles added to fix the issue with zoom in on iphone ***/
/* iPhone < 5: */
@media screen and (device-aspect-ratio: 2/3) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; }
}

/* iPhone 5, 5C, 5S, iPod Touch 5g */
@media screen and (device-aspect-ratio: 40/71) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; }
}

/* iPhone 6, iPhone 6s, iPhone 7 portrait/landscape */
@media screen and (device-aspect-ratio: 375/667) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; }
}

/* iPhone 6 Plus, iPhone 6s Plus, iPhone 7 Plus, iPhone 11 portrait/landscape */
@media screen and (device-aspect-ratio: 9/16) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; }
}

/* iPhone X, iPhone XS, iPhone XS Max, iPhone XR, iPhone 11 Pro portrait/landscape */
@media screen and (device-aspect-ratio: 9/19.5) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; }
} 

.mark_read{
   position: absolute;
    right: 9px;
    top: 8px; 
}