@font-face {
    font-family: 'icomoon';
    src: url('../../fonts/cii/icomoon.eot?qu5gvp');
    src: url('../../fonts/cii/icomoon.eot?qu5gvp#iefix') format('embedded-opentype'), url('../../fonts/cii/icomoon.ttf?qu5gvp') format('truetype'), url('../../fonts/cii/icomoon.woff?qu5gvp') format('woff'), url('../../fonts/cii/icomoon.svg?qu5gvp#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-insFont:before {
    content: "\e900";
}

.icon-insFont-01:before {
    content: "\e901";
}

.icon-insFont-02 .path1:before {
    content: "\e902";
    color: rgb(0, 0, 0);
}

.icon-insFont-02 .path2:before {
    content: "\e903";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}

.icon-insFont-02 .path3:before {
    content: "\e904";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}

.icon-insFont-02 .path4:before {
    content: "\e905";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}

.icon-insFont-02 .path5:before {
    content: "\e906";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}

.icon-insFont-02 .path6:before {
    content: "\e907";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}

.icon-insFont-02 .path7:before {
    content: "\e908";
    margin-left: -1em;
    color: rgb(0, 0, 0);
}

.icon-insFont-02 .path8:before {
    content: "\e909";
    margin-left: -1em;
    color: rgb(0, 0, 0);
}

.icon-insFont-02 .path9:before {
    content: "\e90a";
    margin-left: -1em;
    color: rgb(0, 0, 0);
}

.tooltip2 {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

    .tooltip2 .tooltiptext2 {
        visibility: hidden;
        width: 450px;
        background-color: #555;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        bottom: 125%;
        left: 50%;
        margin-left: -60px;
        opacity: 0;
        transition: opacity 0.3s;
    }

        .tooltip2 .tooltiptext2::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #555 transparent transparent transparent;
        }

    .tooltip2:hover .tooltiptext2 {
        visibility: visible;
        opacity: 1;
    }

.popUp-General .swal2-header {
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
}

.popUp-General .swal2-content {
    padding-left: 40px;
    padding-right: 40px;
}

.popUp-General .swal2-actions {
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 40px;
}