﻿.list .menu .actions,
.grid-control .menu .actions {
    border: none;
    background-color: transparent;
    outline: none;
    background-image: url('/images/actions_icon.png');
    width: 24px;
    opacity: 0.5;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    float: left;
}

.list .menu .dropdown,
.grid-control .menu .dropdown {
    float: left;
}

.home .menu .actions:hover {
    opacity: 1;
}

.menu .actions {
    height: 30px;
}


.dropdown {
    display: inline-block;
    /*border-radius: 50%;*/
}

    .dropdown.disabled {
        pointer-events: none;
    }

    .dropdown.open {
        /*background-color: rgba(192, 192, 192, 0.22);*/
    }

.hsv-table .dropdown, .home .dropdown {
    float: left;
}

.hsv-table .menu .dropdown {
    margin-left: 7px;
}

.dropdown-menu > li > a {
    padding: 7px 10px;
    direction: rtl;
}

    .dropdown-menu > li > a > span:first-child {
        margin-left: 10px;
        opacity: 0.7;
    }

    .dropdown-menu > li > a:hover > span:first-child {
        opacity: 1;
    }

.dropdown-menu.dropdown-menu-appended-to-body,
.menu .open > .dropdown-menu {
    min-width: 230px;
}

.hsv-table .menu .open > .dropdown-menu {
    min-width: 150px;
}


/* Calculators nad customers inner menu */

.inner-content .frame-top {
    height: 40px;
}

    .inner-content .frame-top > div {
        vertical-align: middle;
        display: inline-block;
    }

.modal-header .modal-menu {
    direction: ltr;
    display: inline-block;
    margin: 0 0 0 5px;
    text-align: center;
    color: #7D7D7D;
    font-size: 1.2em;
    opacity: 1;
    min-width: 20px;
    vertical-align: top;
}

    .modal-header .modal-menu i {
        margin: 0 5px;
    }

        .modal-header .modal-menu i:hover {
            color: black;
        }

.modal-left-addition .modal-header .modal-menu {
}

.inner-content .frame-top .controls {
    height: 45px;
    direction: ltr;
    text-align: left;
    float: left;
    line-height: 45px;
    margin-left: 30px;
}

    .inner-content .frame-top .controls > div {
        display: inline-block;
        margin: 0 0px;
        text-align: center;
        color: #7D7D7D;
        font-size: 1.3em;
        opacity: 1;
        min-width: 34px;
        vertical-align: top;
        line-height: 43px;
    }

        .inner-content .frame-top .controls > div img {
            cursor: pointer;
            width: 20px;
            height: 20px;
        }

            .inner-content .frame-top .controls > div img.disabled {
                opacity: 0.1 !important;
                pointer-events: none;
                cursor: default;
            }

        .modal-header .modal-menu i,
        .inner-content .frame-top .controls > div i {
            cursor: pointer;
            transition: font-size .1s linear;
            color: #89898C;
        }

            .modal-header .modal-menu i.disabled,
            .inner-content .frame-top .controls > div i.disabled,
            .inner-content .frame-top .controls > div.disabled i,
            .inner-content .frame-top .controls .btn-group.disabled i.fa,
            .inner-content .frame-top .controls .btn-group.disabled i.far,
            .inner-content .frame-top .controls .btn-group.disabled i.fas,
            .inner-content .frame-top .controls .btn-group.disabled .caret {
                opacity: 0.1 !important;
                font-size: 1em !important;
                pointer-events: none;
                cursor: default;
            }

                .inner-content .frame-top .controls > div i.disabled.introjs-showElement {
                    opacity: 1 !important;
                }

    .inner-content .frame-top .controls i.fa-star,
    .inner-content .frame-top .controls i.fa-star-o {
        color: rgb(255, 179, 0);
    }

    .inner-content .frame-top .controls > div i.fa-save {
        font-size: 22px;
    }

    .inner-content .frame-top .controls .dropdown-menu > li > a {
        font-size: 1.1em;
        padding: 3px 13px;
    }

        .inner-content .frame-top .controls .dropdown-menu > li > a > .fa,
        .inner-content .frame-top .controls .dropdown-menu > li > a > .far,
        .inner-content .frame-top .controls .dropdown-menu > li > a > .fas {
            margin-left: 5px;
            font-size: 1.2em;
            color: #7D7D7D;
        }

        .inner-content .frame-top .controls .dropdown-menu > li > a > .fa.text-primary,
        .inner-content .frame-top .controls .dropdown-menu > li > a > .far.text-primary,
        .inner-content .frame-top .controls .dropdown-menu > li > a > .fas.text-primary {
            color: #118dcf;
        }

    .inner-content .frame-top .controls .dropdown-menu > li:hover > a > .fa,
    .inner-content .frame-top .controls .dropdown-menu > li:hover > a > .far,
    .inner-content .frame-top .controls .dropdown-menu > li:hover > a > .fas {
        color: black;
    }

    .inner-content .frame-top .controls .dropdown-menu > li:hover > a > .fa.text-primary,
    .inner-content .frame-top .controls .dropdown-menu > li:hover > a > .far.text-primary,
    .inner-content .frame-top .controls .dropdown-menu > li:hover > a > .fas.text-primary {
        color: #0d6eaa;
    }

    .inner-content .frame-top .controls > div .fa:hover,
    .inner-content .frame-top .controls > div .fas:hover,
    .inner-content .frame-top .controls > div .far:hover {
        font-size: 1.1em;
        opacity: 1;
    }

    .inner-content .frame-top .controls .btn-group .btn {
        font-size: 1em;
    }



    .inner-content .frame-top .controls .btn {
        padding: 0;
    }

    .inner-content .frame-top .controls button {
        background-color: white;
    }

    .inner-content .frame-top .controls .caret {
        margin-left: 0;
    }

.dropdown-menu .dropdown-submenu {
    list-style: none;
    padding: 0;
}

    .dropdown-menu .dropdown-submenu > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap;
    }

    .dropdown-menu .dropdown-submenu li > a {
        font-size: 1.1em;
        padding: 3px 13px;
    }

    .dropdown-menu .dropdown-submenu > li > a:focus,
    .dropdown-menu .dropdown-submenu > li > a:hover {
        color: #262626;
        text-decoration: none;
        background-color: #f5f5f5;
    }

    .dropdown-menu .dropdown-submenu > li > a > .fa,
    .dropdown-menu .dropdown-submenu > li > a > .far,
    .dropdown-menu .dropdown-submenu > li > a > .fas {
        margin-left: 5px;
        font-size: 1.2em;
        color: #7D7D7D;
    }

    .dropdown-menu .dropdown-submenu > li:hover > a > .fa,
    .dropdown-menu .dropdown-submenu > li:hover > a > .far,
    .dropdown-menu .dropdown-submenu > li:hover > a > .fas {
        color: black;
    }
