fieldset {
    display: block;
    margin: 20px;
}

.start-js-btn .modal-opener {
    background-color: #34495E;
}

.table-condensed {
    font-size: 12px;
}


.custab {
    border: 1px solid #ccc;
    padding: 5px;
    box-shadow: 3px 3px 2px #ccc;
    transition: 0.5s;
}

    .custab:hover {
        box-shadow: 3px 3px 0px transparent;
        transition: 0.5s;
    }


fieldset {
    display: block;
    margin: 20px;
}

.start-js-btn .modal-opener {
    background-color: #34495E;
}

.table-condensed {
    font-size: 12px;
}

.popupunder {
    width: 300px;
    position: fixed;
    top: 10px;
    right: 10px;
    z-index: 10;
    border: 0;
    padding: 20px;
}

    .popupunder.alert-success {
        border: 1px solid #198b49;
        background: #27AE60;
        color: #fff;
    }

    .popupunder .close {
        font-size: 10px;
        position: absolute !important;
        right: 2px;
        top: 3px;
    }


.custab {
    border: 1px solid #ccc;
    padding: 5px;
    box-shadow: 3px 3px 2px #ccc;
    transition: 0.5s;
}

    .custab:hover {
        box-shadow: 3px 3px 0px transparent;
        transition: 0.5s;
    }

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    color: #ffffff;
    background-color: #e2001b !important;
    border-color: #285e8e;
}



.check {
    cursor: pointer;
    position: relative;
    margin: auto;
    width: 18px;
    height: 18px;
    -webkit-tap-highlight-color: transparent;
    transform: translate3d(0, 0, 0);
}

    .check:before {
        content: "";
        position: absolute;
        top: -15px;
        left: -15px;
        width: 48px;
        height: 48px;
        border-radius: 50%;
        background: rgba(34,50,84,0.03);
        opacity: 0;
        transition: opacity 0.2s ease;
    }

    .check svg {
        position: relative;
        z-index: 1;
        fill: none;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke: #c8ccd4;
        stroke-width: 1.5;
        transform: translate3d(0, 0, 0);
        transition: all 0.2s ease;
    }

        .check svg path {
            stroke-dasharray: 60;
            stroke-dashoffset: 0;
        }

        .check svg polyline {
            stroke-dasharray: 22;
            stroke-dashoffset: 66;
        }

    .check:hover:before {
        opacity: 1;
    }

    .check:hover svg {
        stroke: #001f45;
    }

.chk_pag:checked + .check svg {
    stroke: #001f45;
}

    .chk_pag:checked + .check svg path {
        stroke-dashoffset: 60;
        transition: all 0.3s linear;
    }

    .chk_pag:checked + .check svg polyline {
        stroke-dashoffset: 42;
        transition: all 0.2s linear;
        transition-delay: 0.15s;
    }