.center-align {
    margin-left: 24%;
    margin-top: 3%;
}

.panel {
    padding: 30px;
}

.zero-left-pad {
    padding-left: 0;
}

.form-horizontal .control-label {
    text-align: left;
}

.margin-10 {
    margin: 10px;
}

.right-float {
    float: right;
}

.hidden-display {
    display: none !important;
}

.tab-content {
    display: none;
}

/* .show { */
/* display: inline-block !important; */
/* } */

#previewImage img, .image-dimensions {
    max-height: 210px;
    max-width: 200px;
    padding-top: 10px;
}

.serial-number {
    float: left;
    padding: 10px;
    margin: 15px;
    display: inline-block;
}

.webinar-details {
    float: left;
    display: inline-block;
    width: 90%;
}

.webinar-presentor-image img {
    width: auto;
    height: auto;
}

.webinar-presentor-section {
    float: left;
    padding: 10px;
    width: 25%;
}

    .webinar-presentor-section .webinar-presentor-name {
        font-weight: 700;
    }

.each-webinar-item-div, .webinarlist-container {
    float: left;
    width: 100%;
}

.margin-5 {
    margin: 5px 5px 5px 0;
}

.webinar-description-section {
    float: left;
    width: 50%;
    padding: 10px;
}

.webinar-year-header, .pagination-div {
    float: left;
    width: 100%;
}

.page-size-dropdown {
    float: left;
    width: 40%;
    position: relative;
    padding: 20px 20px 10px 10px;
}

.pagination-div nav {
    float: left;
}

li.page-item.active a {
    color: #fff !important;
}

.webinar-video-link-section {
    float: left;
    width: 20%;
    margin: 25px;
}

.type-ahead-section {
    width: 30%;
}

.item {
    float: left;
    width: 500px;
    margin: auto;
    text-align: left;
    margin-top: 10px;
    background: #F2F2F2;
    padding: 10px;
    box-shadow: 0px 0px 5px #CCC;
}

    .item.title {
        font-size: 18px;
        font-weight: bold;
        color: #000;
        float: left;
    }

.subtitle {
    font-size: 14px;
    color: lightgrey;
}

/* .active { */
/* background-color: #2466b0; */
/* color: #fff; */
/* } */

.item.active .title {
    color: #fff;
}

.no-records-div {
    float: left;
    width: 100%;
    text-align: center;
    margin: 20px;
}

.clear-search {
    left: 90%;
    top: 42px;
    position: relative;
    font-size: 1.5em;
    cursor: pointer;
}

.display-unpublished-webinar-div {
    float: left;
    width: 100%;
}

.presentor-image {
    float: left;
    padding: 10px;
}

    .presentor-image img {
        border-radius: 50%;
        max-height: 80px;
        max-width: 60px;
    }

.title .designation {
    font-size: 12px;
}

.webinar-content-details {
    float: left;
    width: 83%;
    margin-top: 8px;
}

#searchFilterWebinar {
    margin-bottom: 10px;
}

    #searchFilterWebinar .filters-div input[type='text'] {
        margin-bottom: 5px;
    }

.webinars-grd-view .center-align {
    text-align: center;
}

.webinars-grd-view td {
    padding-left: 10px;
    padding-right: 10px;
}

.webinars-grd-view {
    font-size: 12px;
}

.display-errors-section {
    color: red;
    font-size: 15px;
    padding: 10px;
}

.webinarListContainer h1 {
    font-family: Roboto,sans-serif;
    color: #333333;
    font-weight: 500;
    margin: 20px 0 10px;
}

@media (max-width: 650px) {
    .webinar-presentor-image img {
        width: 100%;
    }
}

.webinarlist-container .list-download .resizze-textbox {
    height: 35px;
    width: 100%;
}

.webinarlist-container .list-download .add-on {
    text-align: center;
    padding: 6px;
    background-color: #eeeeee;
    border: 1px solid #ccc;
    text-shadow: 0 1px 0 #ffffff;
    color: black;
}

.list-download {
    width: 100%;
    padding-bottom: 2%;
    margin-left: 0px;
	padding-top: 2%;
}

    .list-download .remove-default {
        text-decoration: none !important;
        font-size: 14px;
        font-family: Roboto,sans-serif;
    }

    .padding-0 {
        padding: 0px;
    }



    /* New Webinar page design css*/


.section-webinar {
    padding: 0px;
}
.container-1 {
    max-width: 1310px;
}
.section-webinar .clear-search {
    top: 37px;
    position: relative;
    font-size: 1.5em;
    cursor: pointer;
    left: 47%;
}

.webinarlist-container .list-download .add-on {
    border-radius: 50px 0px 0px 50px;
}

.webinarlist-container .list-download .resizze-textbox {
    border-radius: 0px 50px 50px 0px;
    outline: none;
}
.list-download .remove-default {
    border-radius: 50px;
    width: 70%;
    outline: none;
}

.section-webinar .item {
    background-color: #2667b2 !important;
    cursor: pointer;
    border-radius: 50px;
    width: 70%;
}
    .section-webinar .item p {
        font-weight: bold;
        color: #fff;
    }
.section-webinar .item span {
    font-weight: bold;
    color: #fff;
    font-size: 14px;
}

.section-webinar .webinarlist-container .webinar-search .form-group {
    max-width: 100%;
}
.section-webinar .webinarlist-container .webinar-search .form-group-1 .form-control {
    max-width: 50%;
}

.section-webinar .ui-webinar-wrp .btn-3,
.section-webinar .webinar-video-link-section p a{
    background-color: #fff;
    font-weight: 500;
    font-size: 12px !important;
    line-height: 14px;
    color: #000;
    padding: 10px 45px;
    border-radius: 30px;
    position: relative;
    border: 1px solid #000;
    display: inline-block;
}
    .section-webinar .ui-webinar-wrp .btn-3:hover,
    .section-webinar .webinar-video-link-section p a:hover{
        background-color: #2667b2;
        border-color: #2667b2;
        color: #fff;
    }

.section-webinar .ui-webinar .ui-webinar-wrp .media-webinar .media-body h5,
.section-webinar .ui-webinar .ui-webinar-wrp .media-webinar .media-body h6,
.section-webinar .ui-webinar .ui-webinar-wrp .media-webinar .media-body p {
    font-family: Roboto, sans-serif;
}

.section-webinar .webinar-video-link-section {
    width: 45%;
    margin: 0px;
}
.section-webinar .pagination-div {
    display: flex;
    align-items: center;
    justify-content: center;
}
.section-webinar .pagination-div .page-size-dropdown {
    width: 20%;
    padding: 20px;
}
    .section-webinar .pagination-div .page-size-dropdown {
        color: #000;
    }
    .section-webinar .pagination-div .page-size-dropdown select {
        border: 1px solid #000;
    }
    .section-webinar .pagination-div .pagination {
        border: 1px solid #000;
        border-radius: 5px;
    }

.arb-grd-view{
    width:100%;
}

    .arb-grd-view tr th {
        text-align: center;
        padding: 14px;
    }

    .arb-grd-view tr td {
        text-align: center;
        padding: 7px;
    }

.align-button {
    margin: 10px 0px;
}

/*Media Queries form New Webinar design*/
@media (max-width: 1025px) {
    .section-webinar .webinar-video-link-section {
        width: 50%;
    } 
    .section-webinar .pagination-div .page-size-dropdown {
        width: 40%;
    }
    .list-download .remove-default {
        width: 100%;
    }
}

@media (max-width: 800px) {
    .section-webinar .webinar-video-link-section {
        width: 100%;
    }
    .section-webinar .webinarlist-container .webinar-search .form-group-1 .form-control {
        max-width: 100%;
    }
    .section-webinar .pagination-div .page-size-dropdown {
        width: 40%;
    }
    .section-webinar .clear-search {
        left: 90%;
    }
}

@media (max-width: 600px) {

    .section-webinar .webinar-video-link-section {
        padding: 8px;
    }
}