﻿
.bottom-break,
.ideas-nav {
    margin-bottom: 20px;
}

.validation-summary-valid {
    display: none;
}

.ideas-nav > li > .nav-tabs {
    border-bottom: none;
}

    .ideas-nav > li > .nav-tabs > li.dropdown > .dropdown-toggle {
        max-width: 12em;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .ideas-nav > li > .nav-tabs > li.dropdown > .dropdown-toggle > span {
            max-width: 9em;
            overflow: hidden;
            text-overflow: ellipsis;
        }

html[dir="rtl"] .ideas-nav > li > .nav-tabs > li.dropdown > .dropdown-toggle > span {
    float: right;
}

html[dir="ltr"] .ideas-nav > li > .nav-tabs > li.dropdown > .dropdown-toggle > span {
    float: left;
}

.voting-well {
    padding: 9px 0;
    text-align: center;
    width: 44px;
}

html[dir="rtl"] .voting-well {
    float: right;
}

html[dir="ltr"] .voting-well {
    float: left;
}

.voting-well h4 {
    margin: 5px 0;
}

div.modal-vote {
    display: none;
    width: auto !important;
    margin: 0 !important;
}

.modal-backdrop {
    opacity: 0.1 !important;
    filter: alpha(opacity=10) !important;
}

.idea-container {
    margin: 0 0 0 0;
}

    .idea-container > h2 {
        margin: 0;
    }

    .idea-container > h3 {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 0px;
    }

html[dir="rtl"] .idea-container > h3 {
    margin-right: 62px;
}

html[dir="ltr"] .idea-container > h3 {
    margin-left: 62px;
}

html[dir="rtl"] .idea-container > p {
    margin-right: 62px;
}

html[dir="ltr"] .idea-container > p {
    margin-left: 62px;
}

#create-idea,
#comments,
#ideas > li {
    clear: both;
    margin-bottom: 40px;
}

    #comments > ul > li {
        margin-bottom: 20px;
    }

.user-idea-details {
    display: inline-block;
    margin-bottom: 3px;
}

.portal-li-filters{
    margin-left: auto;
}

.well {
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 0;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
}

.btn-md{
    padding: 1px 5px;
    font-size: 13px;
    line-height: 1.5;
}

/*BootstrapV5 Changes*/
.well.voting-well > .btn.disabled, .modal-vote .btn.disabled {
    color: #2f5fef;
    background-color: #fff;
    border-color: #2f5fef;
    opacity: 0.65;
    box-shadow: none;
}

.well.voting-well > .btn-info {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f;
}

.well.voting-well > .btn-info:hover {
    color: #fff;
    background-color: #245269;
    border-color: #214c61;
}	

@media (min-width: 768px) {
    .btn-create-ideacomment {
        margin-left: 35%;
    }
    .btn-create-idea {
        margin-left: 15%;
    }
}

.nav-link:hover, .nav-link:focus {
    color: #0f3cc3;
    text-decoration: none;
    background-color: #eee;
}

.nav-tabs > li > a:hover {
    border-color: #eee #eee #ddd;
}
.voting-well > a.btn-info {
    border-radius: 0px;
}
a.active.nav-link.border-radius-zero{
    border-radius:0px;
}
/*till here*/