html{width:100%}body{overflow-x:hidden!important}body.show-spinner>main{overflow:hidden!important}body.show-spinner>*{opacity:0}body.show-spinner::after{content:" ";display:inline-block;width:30px;height:30px;border:2px solid rgba(0,0,0,.2);border-radius:50%;border-top-color:rgba(0,0,0,.3);animation:spin 1s ease-in-out infinite;-webkit-animation:spin 1s ease-in-out infinite;left:calc(50% - 15px);top:calc(50% - 15px);position:fixed;z-index:1}@keyframes spin{to{transform:rotate(360deg)}}@-webkit-keyframes spin{to{-webkit-transform:rotate(360deg)}}


/*nested settings*/
.parent-setting.opened {
    margin-bottom: 0;
    position: relative;
}

.parent-setting.opened > div:first-child,
.parent-setting.opened > label:first-child {
    padding-bottom: 5px;
}

.parent-setting.opened div[class^="col-md-"] + div[class^="col-md-"],
.parent-setting.opened label[class^="col-md-"] + div[class^="col-md-"] {
    padding-left: 22.5px;
    height: 100%;
    position: static;
    padding-bottom: 5px;
}

    .parent-setting.opened div[class^="col-md-"] + div[class^="col-md-"]:before,
    .parent-setting.opened + .nested-setting .form-group div[class^="col-md-"] + div[class^="col-md-"]:before,
    .parent-setting.opened + .nested-setting .form-group:last-child div[class^="col-md-"] + div[class^="col-md-"]:before,
    .parent-setting.opened label[class^="col-md-"]:before,
    .parent-setting.opened + .nested-setting .form-group label[class^="col-md-"]:before,
    .parent-setting.opened + .nested-setting .form-group:last-child label[class^="col-md-"]:before {
        border-left: 1px solid #c1c1c1;
    }

/*.parent-setting.opened div + div:before,
        .parent-setting.opened label[class^="col-md-"]:before {
            position: absolute;
            height: 100%;
            content: "";
            margin-left: -10px;
            top: 15px;
            z-index: 10;
        }*/

.parent-setting.opened div + div input[type=checkbox] {
    margin-left: -15px;
    z-index: 100;
    position: relative;
}

.basic-settings-mode .parent-setting.opened + .nested-setting .form-group.parent-setting.parent-setting-advanced.opened div + div input[type=checkbox] {
    margin-left: 0;
}

.parent-setting.opened + .nested-setting .form-group {
    margin-bottom: 0;
    position: relative;
}

    .parent-setting.opened + .nested-setting .form-group > div[class^="col-md-"]:first-child,
    .parent-setting.opened + .nested-setting .form-group > label[class^="col-md-"]:first-child {
        padding-bottom: 5px;
        padding-left: 40px;
        color: #369;
    }

    .parent-setting.opened + .nested-setting .form-group:last-child > div[class^="col-md-"]:first-child,
    .parent-setting.opened + .nested-setting .form-group:last-child > label[class^="col-md-"]:first-child {
        padding-bottom: 0;
    }

    .parent-setting.opened + .nested-setting .form-group div[class^="col-md-"] + div[class^="col-md-"],
    .parent-setting.opened + .nested-setting .form-group label[class^="col-md-"] + div[class^="col-md-"] {
        position: static;
        padding-left: 22.5px;
        padding-bottom: 5px;
        height: 100%;
    }

    .parent-setting.opened + .nested-setting .form-group:last-child div[class^="col-md-"] + div[class^="col-md-"],
    .parent-setting.opened + .nested-setting .form-group:last-child label[class^="col-md-"] + div[class^="col-md-"] {
        padding-bottom: 0;
    }

    .parent-setting.opened + .nested-setting .form-group div[class^="col-md-"] + div[class^="col-md-"]:before,
    .parent-setting.opened + .nested-setting .form-group label[class^="col-md-"]:before {
        position: absolute;
        height: 100%;
        content: "";
        margin-left: -10px;
        margin-top: -10px;
    }

    .parent-setting.opened + .nested-setting .form-group.parent-setting div[class^="col-md-"] + div[class^="col-md-"]:before,
    .parent-setting.opened + .nested-setting .form-group.parent-setting label[class^="col-md-"]:before {
        position: absolute;
        height: 36px;
        content: "";
        margin-left: -10px;
        margin-top: -18px;
    }

    .parent-setting.opened + .nested-setting .form-group.parent-setting.opened > div[class^="col-md-"] + div[class^="col-md-"]:after,
    .parent-setting.opened + .nested-setting .form-group.parent-setting.opened > label[class^="col-md-"]:after {
        display: none;
    }

    .parent-setting.opened + .nested-setting .form-group:last-child {
        margin-bottom: 5px;
    }

    .parent-setting.opened + .nested-setting .form-group > div[class^="col-md-"] + div[class^="col-md-"]:after,
    .parent-setting.opened + .nested-setting .form-group > label[class^="col-md-"]:after {
        border-bottom: 1px solid #c1c1c1;
        content: "";
        position: absolute;
        width: 8px;
        display: block;
        margin-left: -10px;
        top: 14px;
    }

    .parent-setting.opened + .nested-setting .form-group:last-child div[class^="col-md-"] + div[class^="col-md-"],
    .parent-setting.opened + .nested-setting .form-group:last-child label[class^="col-md-"] + div[class^="col-md-"] {
        border-left: none;
    }

        .parent-setting.opened + .nested-setting .form-group:last-child div[class^="col-md-"] + div[class^="col-md-"]:before,
        .parent-setting.opened + .nested-setting .form-group:last-child label[class^="col-md-"]:before {
            position: absolute;
            height: 17px;
            content: "";
            margin-left: -10px;
            margin-top: -10px;
        }

.basic-settings-mode .parent-setting.parent-setting-advanced.opened div[class^="col-md-"] + div[class^="col-md-"]:before,
.basic-settings-mode .parent-setting.parent-setting-advanced.opened label[class^="col-md-"]:before {
    display: none;
}

.basic-settings-mode .parent-setting.opened + .nested-setting .form-group.parent-setting.parent-setting-advanced.opened div[class^="col-md-"] + div[class^="col-md-"]:before {
    display: block;
    margin-top: -33px;
}

.basic-settings-mode .parent-setting.opened + .nested-setting .form-group.parent-setting.parent-setting-advanced.opened > div[class^="col-md-"] + div[class^="col-md-"]:after {
    display: block;
}

@@media (max-width: 1200px) {
    /*nested settings*/
    .parent-setting.opened {
        margin-bottom: 5px;
        position: static;
        height: auto !important;
    }

        .parent-setting.opened > div[class^="col-md-"]:first-child {
            padding-bottom: 0;
        }

        .parent-setting.opened div[class^="col-md-"] + div[class^="col-md-"] {
            padding-bottom: 0;
        }

        .parent-setting.opened div[class^="col-md-"] + div[class^="col-md-"] {
            padding-left: 15px;
            height: auto;
        }

            .parent-setting.opened div[class^="col-md-"] + div[class^="col-md-"]:before {
                display: none;
            }

            .parent-setting.opened div[class^="col-md-"] + div[class^="col-md-"] input[type=checkbox] {
                margin-left: 0;
            }

        .parent-setting.opened + .nested-setting .form-group {
            margin-bottom: 5px;
            height: auto !important;
        }

            .parent-setting.opened + .nested-setting .form-group div[class^="col-md-"] + div[class^="col-md-"] {
                position: static;
                padding-left: 15px;
                height: auto;
            }

                .parent-setting.opened + .nested-setting .form-group div[class^="col-md-"] + div[class^="col-md-"]:before {
                    display: none;
                }

            .parent-setting.opened + .nested-setting .form-group > div[class^="col-md-"] + div[class^="col-md-"]:after {
                display: none;
            }

            .parent-setting.opened + .nested-setting .form-group:last-child div[class^="col-md-"] + div[class^="col-md-"]:before {
                display: none;
            }

            .parent-setting.opened + .nested-setting .form-group > div[class^="col-md-"]:first-child {
                padding-bottom: 0;
                padding-left: 7.5px;
            }

            .parent-setting.opened + .nested-setting .form-group div[class^="col-md-"] + div[class^="col-md-"] {
                padding-bottom: 0;
            }

    .dataTables_scrollBody .dataTables_wrapper {
        width: 100%;
        margin-left: 0;
    }

    div.dataTables_wrapper div.dataTables_info {
        margin-top: 0;
    }

    div.dataTables_wrapper .data-tables-refresh {
        margin-top: 8px;
    }
}