/* countdown-modal */

#countdown-modal form {
    margin-left: 125px;
}
#countdown-modal .time-picker ul.list-inline .btn.btn-default span {
    font-size: 11px;
}
#countdown-modal .time-picker ul.list-inline span.caret {
    margin-left: 5px;
}
#countdown-modal .time-select .time-picker ul.list-inline li:nth-child(1) .dropdown .dropdown-menu {
    font-size: 11px;
    min-width: 50px !important;
    max-height: 135px;
    overflow-y: scroll;
}
#countdown-modal .time-select .time-picker ul.list-inline li:nth-child(2) .dropdown .dropdown-menu {
    font-size: 11px;
    min-width: 50px !important;
    max-height: 135px;
    overflow-y: hidden;
}
#countdown-modal .time-select .time-picker ul.list-inline .dropdown .dropdown-menu>li>a {
    width: 33px;
    padding-left: 13px;
}

/* datepicker drtv */

.modal-open .dropdown-menu .datepicker .table-condensed td {
    font-size: 12px;
}

.rendering{
    display: none !important;
}

.template-content .ck-editor-ul {
    color: #292828;
    list-style-image: url(../../img/bullet.png);
}

.template-content .ck-editor-ul ul li.h3{
    padding: 0;
}

/* Webinar Registration Inline form */
.dropdown.block-dropdown{
    color: #a7a7a7;
}

.dropdown.block-dropdown > button{
    width: 100%; text-align: left;
}

.dropdown.block-dropdown > button > span.text {
    display: inline-block;
    position: absolute;
    width: 95%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    top: 0;
    left: 0;
    bottom: 0;
    padding: 6px 12px;
    color: #a7a7a7;
}

.dropdown.block-dropdown > button .caret{
    position: absolute; left: 100%; margin-left: -20px; top: 50%; margin-top: -2px;
}

.dropdown.block-dropdown > ul {
    width: 100%;
}

.dropdown.block-dropdown > ul li > a{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #a7a7a7;
}

.popover.upcoming-webinars{
    z-index: 1040;
    width: 350px !important;
}

.popover.upcoming-webinars ul.dropdown-menu{
    margin-bottom: 0;
}

.dropdown-webinar-date-row > span:nth-child(1){
    width: 50%;
}
.dropdown-webinar-date-row > span:nth-child(2){
    width: 120px;
}
.dropdown-webinar-date-row > span{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    /*display: inline-block;*/
}

/* SIDEBAR MENU BUTTON */
.list-group-item:hover .editor-sidebar-menu-btn {
    color: #3498db;
    border-color: #3498db !important;
    background-color: white !important;
    text-decoration: none;
}
.list-group-item .editor-sidebar-menu-btn {
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    position: relative;
    padding: 4px;
    top: -3px;
    text-transform: none;
}
.list-group-item .editor-sidebar-menu-btn i{
    color: #fff;
    font-weight: bold;
    margin: 0;
}
.list-group-item:hover .editor-sidebar-menu-btn i {
    color: #3498db !important;
}

/* Styles for placeholder used in editable contents */

.editable-content-placeholder {
     display: inline-block;
     position: relative;
     min-width: 200px;
 }

.editable-content-placeholder:focus::before{
    content: '';
}

.editable-content-placeholder::before {
    position: absolute;
    min-width: 200px;
    left: 50%;
    margin-left: -100px;
    display: block;
    content: "Type a Text";
    text-align: center;
    font-weight: normal;
    color: #ACACAC;
    text-transform: none;
}

.editable-content-placeholder--text-left{
    text-align: left;
}

.editable-content-placeholder--text-left::before {
    text-align: left;
}

.editable-content-placeholder--text-right {
    text-align: right;
}

.editable-content-placeholder--text-right::before {
    text-align: right;
}

.editable-content-placeholder--text-white::before{
    color: #FFF;
}