.app-logo {
    max-width: 180px;
}

:root {
    --ar-nav-bg: #fff;
    --ar-nav-active-bg: #002c76;
    --ar-nav-active-color: #fff;
    --ar-color-1: #002c76;
    --ar-hover-bg: #EFEFEF;
}

.sidebar-container,
.horizontal-header,
.horizontal-menu,
.horizontal-menu .nav-link.active,
.menu.nav-item li::before,
.horizontal .header-line {
    background: var(--ar-nav-bg);
    color: var(--ar-nav-color);
    font-size: 0.80rem;
}

.main-content {
    background: #F8F7FA;
}

a.main-logo,
.main-logo span {
    color: #000000;
}

.vertical .header-line {
    background: #FFFFFF;
}

.close-bar {
    color: #3C0EF5;
}

.table-th-title {
    font-size: 0.85rem;
    font-weight: 500;
    border-top: 1px solid #E8EAEC;
    border-bottom: 1px solid #E8EAEC;
    background: #FFF;
    color: #00369c;
}

.panel {
    padding: 1rem;
}

.dv-checkbox-record {
    padding-left: 7px;
}

.dv-view {
    box-shadow: 0 .25rem 1.125rem rgba(75, 70, 92, .1);
}

.view-title-text {
    padding-left: 0.875rem;
    color: #00369c;
    font-size: 1.125rem;
    font-weight: 700;
}

.view-title {
    border-bottom: 1px solid #e8eaec;
    padding: 7px 2px;
}

.active>.page-link,
.page-link.active {
    background: var(--ar-color-1);
    border: 1px solid var(--ar-color-1);
    color: #fff;
}

.page-item.not-active a {
    border: 1px solid #bca7e2;
    color: 1px solid var(--ar-color-1);
}

.sidebar li.nav-item a.active,
.sidebar .nav-item>button.active,
.sidebar .nav-item>ul>li>a.active,
.horizontal-menu li.nav-item a.active {
    color: var(--ar-nav-active-color);
    background: var(--ar-nav-active-bg);
    border-radius: .5rem;
    box-shadow: 0px 2px 6px 0px rgb(174 174 174 / 48%);
}

.sidebar ul.sub-menu li a:not(.active):before {
    background-color: #443aae;
}

.sidebar ul.sub-menu li a.active:before {
    background-color: var(--ar-nav-active-color);
}

.sidebar .nav-item>ul>li>a.active:hover:before {
    background-color: var(--ar-nav-active-color) !important;
}

.sidebar ul.sub-menu li a:hover:before {
    background-color: var(--ar-nav-color) !important;
}

.sidebar .nav-item>button:not(.active):hover,
.sidebar .nav-item>ul>li>a:not(.active):hover,
.horizontal-menu .nav-link:hover {
    background: var(--ar-hover-bg);
    color: var(--ar-nav-color);

}

.horizontal-menu li ul.sub-menu {
    background: color-mix(in srgb, var(--ar-nav-bg) 65%, white);
}

.sidebar ul.sub-menu li a:hover,
.sidebar ul.sub-menu li button:hover {
    border-radius: .375rem;
}

.btn,
.btn:hover {
    box-shadow: none;
}

.view-icons-setup .div-icon-right {
    color: #cac9ca;
    border: 1px solid #cac9ca;
}

.view-icons-setup .div-icon-right:hover {
    color: var(--bs-purple);
    border: 1px solid var(--ar-color-1);
}

.lds-dual-ring:after {}

.collapse-icon svg {}

.user-profile-api,
.user-profile-edit {
    color: #434343;
    font-weight: 400;
}

/* -------------------------------------------*/
.dv-view-buttons .loginds {
    background-color: #00369c;
    border-color: #00369c;
    margin: 0px;
    padding: 10px 20px;
}

.dv-view-buttons .loginds:hover {
    background-color: #001a4a;
    border-color: #001a4a;
    margin: 0px;
    border-radius: 25px;
}

.panel-content-loginds {
    align-items: initial;
    justify-content: center;
    margin-top: auto;
}

#dv-view-loginds {
    height: 390px;
    width: 400px;
}

.btn-primary {
    background-color: #00369C;
    color: #fff;
    border: 0;
    border-radius: 6px;
    padding: 10px 20px;
    margin: 2px 6px 0px 0px;
    font-weight: 400;
}

.btn-primary:hover {
    background-color: #001a4a;
    color: #fff;
    border: 0;
    border-radius: 6px;
    padding: 10px 20px;
    margin: 2px 6px 0px 0px;
    font-weight: 400;
}

.img-tmb-1200x1200-v754235303934 {
    width: 100%;
}

.view-title-text-v736010742650 {
    margin: auto;
}

#dv-view-navigation-top-v736010742650 {
    display: none !important;
}

.field-video-ftutorialyrstqwg77 {
    margin: auto;
}

.site-menu-icon {
    width: 15px;
}


.dv-view-navigation-bottom-v629203729814{
    justify-content: center;
}
.dv-view-navigation-bottom-v61068844819{
    justify-content: center;
}
.dv-view-navigation-bottom-v954847557592{
    justify-content: center;
}
.dv-view-navigation-bottom-v413369156812{
    justify-content: center;
}
.dv-view-navigation-bottom-v677696078530, .dv-view-navigation-bottom-v189901164542{
    justify-content: center;
}
{"app_theme":{"selected":1,"theme1":".app-logo {\r\n    max-width: 180px;\r\n}\r\n\r\n:root {\r\n    --ar-nav-bg: #fff;\r\n    --ar-nav-active-bg: #002c76;\r\n    --ar-nav-active-color: #fff;\r\n    --ar-color-1: #002c76;\r\n    --ar-hover-bg: #EFEFEF;\r\n}\r\n\r\n.sidebar-container,\r\n.horizontal-header,\r\n.horizontal-menu,\r\n.horizontal-menu .nav-link.active,\r\n.menu.nav-item li::before,\r\n.horizontal .header-line {\r\n    background: var(--ar-nav-bg);\r\n    color: var(--ar-nav-color);\r\n    font-size: 0.80rem;\r\n}\r\n\r\n.main-content {\r\n    background: #F8F7FA;\r\n}\r\n\r\na.main-logo,\r\n.main-logo span {\r\n    color: #000000;\r\n}\r\n\r\n.vertical .header-line {\r\n    background: #FFFFFF;\r\n}\r\n\r\n.close-bar {\r\n    color: #3C0EF5;\r\n}\r\n\r\n.table-th-title {\r\n    font-size: 0.85rem;\r\n    font-weight: 500;\r\n    border-top: 1px solid #E8EAEC;\r\n    border-bottom: 1px solid #E8EAEC;\r\n    background: #FFF;\r\n    color: #00369c;\r\n}\r\n\r\n.panel {\r\n    padding: 1rem;\r\n}\r\n\r\n.dv-checkbox-record {\r\n    padding-left: 7px;\r\n}\r\n\r\n.dv-view {\r\n    box-shadow: 0 .25rem 1.125rem rgba(75, 70, 92, .1);\r\n}\r\n\r\n.view-title-text {\r\n    padding-left: 0.875rem;\r\n    color: #00369c;\r\n    font-size: 1.125rem;\r\n    font-weight: 700;\r\n}\r\n\r\n.view-title {\r\n    border-bottom: 1px solid #e8eaec;\r\n    padding: 7px 2px;\r\n}\r\n\r\n.active>.page-link,\r\n.page-link.active {\r\n    background: var(--ar-color-1);\r\n    border: 1px solid var(--ar-color-1);\r\n    color: #fff;\r\n}\r\n\r\n.page-item.not-active a {\r\n    border: 1px solid #bca7e2;\r\n    color: 1px solid var(--ar-color-1);\r\n}\r\n\r\n.sidebar li.nav-item a.active,\r\n.sidebar .nav-item>button.active,\r\n.sidebar .nav-item>ul>li>a.active,\r\n.horizontal-menu li.nav-item a.active {\r\n    color: var(--ar-nav-active-color);\r\n    background: var(--ar-nav-active-bg);\r\n    border-radius: .5rem;\r\n    box-shadow: 0px 2px 6px 0px rgb(174 174 174 \/ 48%);\r\n}\r\n\r\n.sidebar ul.sub-menu li a:not(.active):before {\r\n    background-color: #443aae;\r\n}\r\n\r\n.sidebar ul.sub-menu li a.active:before {\r\n    background-color: var(--ar-nav-active-color);\r\n}\r\n\r\n.sidebar .nav-item>ul>li>a.active:hover:before {\r\n    background-color: var(--ar-nav-active-color) !important;\r\n}\r\n\r\n.sidebar ul.sub-menu li a:hover:before {\r\n    background-color: var(--ar-nav-color) !important;\r\n}\r\n\r\n.sidebar .nav-item>button:not(.active):hover,\r\n.sidebar .nav-item>ul>li>a:not(.active):hover,\r\n.horizontal-menu .nav-link:hover {\r\n    background: var(--ar-hover-bg);\r\n    color: var(--ar-nav-color);\r\n\r\n}\r\n\r\n.horizontal-menu li ul.sub-menu {\r\n    background: color-mix(in srgb, var(--ar-nav-bg) 65%, white);\r\n}\r\n\r\n.sidebar ul.sub-menu li a:hover,\r\n.sidebar ul.sub-menu li button:hover {\r\n    border-radius: .375rem;\r\n}\r\n\r\n.btn,\r\n.btn:hover {\r\n    box-shadow: none;\r\n}\r\n\r\n.view-icons-setup .div-icon-right {\r\n    color: #cac9ca;\r\n    border: 1px solid #cac9ca;\r\n}\r\n\r\n.view-icons-setup .div-icon-right:hover {\r\n    color: var(--bs-purple);\r\n    border: 1px solid var(--ar-color-1);\r\n}\r\n\r\n.lds-dual-ring:after {}\r\n\r\n.collapse-icon svg {}\r\n\r\n.user-profile-api,\r\n.user-profile-edit {\r\n    color: #434343;\r\n    font-weight: 400;\r\n}\r\n\r\n\/* -------------------------------------------*\/\r\n.dv-view-buttons .loginds {\r\n    background-color: #00369c;\r\n    border-color: #00369c;\r\n    margin: 0px;\r\n    padding: 10px 20px;\r\n}\r\n\r\n.dv-view-buttons .loginds:hover {\r\n    background-color: #001a4a;\r\n    border-color: #001a4a;\r\n    margin: 0px;\r\n    border-radius: 25px;\r\n}\r\n\r\n.panel-content-loginds {\r\n    align-items: initial;\r\n    justify-content: center;\r\n    margin-top: auto;\r\n}\r\n\r\n#dv-view-loginds {\r\n    height: 390px;\r\n    width: 400px;\r\n}\r\n\r\n.btn-primary {\r\n    background-color: #00369C;\r\n    color: #fff;\r\n    border: 0;\r\n    border-radius: 6px;\r\n    padding: 10px 20px;\r\n    margin: 2px 6px 0px 0px;\r\n    font-weight: 400;\r\n}\r\n\r\n.btn-primary:hover {\r\n    background-color: #001a4a;\r\n    color: #fff;\r\n    border: 0;\r\n    border-radius: 6px;\r\n    padding: 10px 20px;\r\n    margin: 2px 6px 0px 0px;\r\n    font-weight: 400;\r\n}\r\n\r\n.img-tmb-1200x1200-v754235303934 {\r\n    width: 100%;\r\n}\r\n\r\n.view-title-text-v736010742650 {\r\n    margin: auto;\r\n}\r\n\r\n#dv-view-navigation-top-v736010742650 {\r\n    display: none !important;\r\n}\r\n\r\n.field-video-ftutorialyrstqwg77 {\r\n    margin: auto;\r\n}\r\n\r\n.site-menu-icon {\r\n    width: 15px;\r\n}\r\n\r\n\r\n.dv-view-navigation-bottom-v629203729814{\r\n    justify-content: center;\r\n}\r\n.dv-view-navigation-bottom-v61068844819{\r\n    justify-content: center;\r\n}\r\n.dv-view-navigation-bottom-v954847557592{\r\n    justify-content: center;\r\n}\r\n.dv-view-navigation-bottom-v413369156812{\r\n    justify-content: center;\r\n}\r\n.dv-view-navigation-bottom-v677696078530, .dv-view-navigation-bottom-v189901164542{\r\n    justify-content: center;\r\n}","theme2":"","theme3":"","theme4":"","theme5":""}}