﻿#compare-modular-window {
    padding: 0;
    background-color: #f2f3f3;
}

    #compare-modular-window .card-view {
        background-color: #ffffff;
        padding: 0px 20px 20px;
    }

    #compare-modular-window .col-xs-4 {
        margin: 10px;
        width: calc(33.33% - 20px);
    }

    #compare-modular-window .kendo-window-footer {
        display: none;
    }

    #compare-modular-window .compare-modular-remove-icon {
        float: right;
        top: 0;
        font-size: 24px;
        color: #f17d25;
    }

.compare-modular-remove-icon {
    top: 10px;
}

.icon-clickable {
    cursor: pointer;
}

#compare-module-window-header {
    background-color: #f9f9f9;
    box-shadow: 0px 7px 16px -7px;
}

    #compare-module-window-header .row:first-child {
        padding: 5px 15px 15px;
    }

#compare-container {
    height: 70vh;
    overflow-y: scroll;
}

    #compare-container > .row:first-child {
        padding: 20px;
    }

    #compare-container::-webkit-scrollbar {
        width: 10px;
    }

    #compare-container address {
        font-size: 18px;
    }

    #compare-container ul {
        font-size: 20px;
    }

    #compare-container::-webkit-scrollbar-thumb {
        border-radius: 5px;
        background-color: #b3b3b3;
        -webkit-box-shadow: inset 0 0 6px rgb(174,173,173);
    }

    #compare-container::-webkit-scrollbar-track {
        background-color: #cbcbcb;
        -webkit-box-shadow: inset 0 0 6px rgb(102, 102, 102);
        border-radius: 5px;
    }

#btn-close-compare-modular-window {
    padding-top: 30px;
}

.compare-modular {
    margin: 0 15px;
}

    .compare-modular li {
        padding: 10px 0px;
        /*padding: 8px 0 24px;*/
    }

        .compare-modular li:not(:last-child) {
            border-bottom: 1px dashed;
        }

        .compare-modular li span:not(.orange) {
            font-size: 11px;
        }
