:root {
    --ar-nav-bg: #FFFFFF;
    --ar-nav-color: #5E5A6D;
    --ar-nav-active-bg: #12C3D6;
    --ar-nav-active-color: #FFFFFF;    
    --ar-color-1: #7144C5;
    --ar-hover-bg: #EFEFEF;
}



a{
    color: #473DB1;
}

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



.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: .8125rem;
  font-weight: 500;
  border-top: 1px solid #E8EAEC;
  border-bottom: 1px solid #E8EAEC;   
  background: #FFF;
  color: #5F5B6E;

}

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

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

.view-title-text{
    color:#5d596c;
    font-size: 1.125rem;
}
.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 {
    border-color: var(--ar-color-1) #ffffff00 var(--ar-color-1) #ffffff00;
    
}

.collapse-icon svg{

}

.user-profile-api, .user-profile-edit{
    color:#434343;
    font-weight: 400;
}
{"app_theme":{"selected":2,"theme1":"","theme2":":root {\r\n    --ar-nav-bg: #FFFFFF;\r\n    --ar-nav-color: #5E5A6D;\r\n    --ar-nav-active-bg: #12C3D6;\r\n    --ar-nav-active-color: #FFFFFF;    \r\n    --ar-color-1: #7144C5;\r\n    --ar-hover-bg: #EFEFEF;\r\n}\r\n\r\n\r\n\r\na{\r\n    color: #473DB1;\r\n}\r\n\r\n .sidebar-container, .horizontal-header, .horizontal-menu, .horizontal-menu .nav-link.active, .menu.nav-item li::before{\r\n    background: var(--ar-nav-bg);\r\n    color:var(--ar-nav-color);\r\n    font-size:0.9375rem;    \r\n}\r\n\r\n\r\n\r\n.main-content{\r\n    background: #F8F7FA;\r\n}\r\n\r\na.main-logo, .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: .8125rem;\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: #5F5B6E;\r\n\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    color:#5d596c;\r\n    font-size: 1.125rem;\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, .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, .sidebar .nav-item>button.active, .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\r\n\r\n.sidebar ul.sub-menu li a:hover, .sidebar ul.sub-menu li button:hover{\r\n    border-radius: .375rem;\r\n}\r\n\r\n.btn, .btn:hover{\r\n    box-shadow: none;\r\n}\r\n.view-icons-setup .div-icon-right {\r\n    color: #cac9ca;\r\n    border:1px solid #cac9ca;\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.lds-dual-ring:after {\r\n    border-color: var(--ar-color-1) #ffffff00 var(--ar-color-1) #ffffff00;\r\n    \r\n}\r\n\r\n.collapse-icon svg{\r\n\r\n}\r\n\r\n.user-profile-api, .user-profile-edit{\r\n    color:#434343;\r\n    font-weight: 400;\r\n}","theme3":":root {\r\n    --ar-nav-bg: #2f333e;\r\n    --ar-nav-color: #FFFFFF;\r\n    --ar-nav-active-bg: #FFFFFF;\r\n    --ar-nav-active-color: #000000;    \r\n    --ar-color-1: #6f42c1;\r\n}\r\n\r\n\r\n .sidebar-container, .horizontal-header, .horizontal-menu, .horizontal-menu .nav-link.active, .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}\r\n\r\n.vertical .header-line{\r\n    background: #FFFFFF;\r\n}\r\n\r\n.main-content{\r\n    background: #f2f2f8;\r\n}\r\n\r\na.main-logo, .main-logo span{\r\n    color:#fff;\r\n}\r\n\r\n\r\n.table-th-title{\r\n  font-size: .8125rem;\r\n  font-weight: 600;\r\n  color:#878a99;\r\n  border-top: 1px solid #e8eaec;\r\n  border-bottom: 1px solid #e8eaec;   \r\n}\r\n\r\n.dv-checkbox-record{\r\n    padding-left: 7px;\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, .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, .sidebar .nav-item>button.active{\r\n    color:var(--ar-nav-active-color);\r\n    background: var(--ar-nav-active-bg);\r\n    border-radius: .375rem;    \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 ul.sub-menu li a:hover:before{\r\n     background-color: var(--ar-nav-color) !important;   \r\n}\r\n\r\n.sub-menu a, .sub-menu a:hover{\r\n    color: #D4D4D4;\r\n}\r\n\r\n\r\n.sidebar .nav-item>a:hover, \r\n.sidebar .nav-item>button:hover,\r\n.horizontal-menu .nav-link:hover,\r\n.horizontal-menu .nav-link.active,\r\n.sidebar ul.sub-menu li a.active, \r\n.sidebar ul.sub-menu li button.active {\r\n    background: var(--ar-nav-active-bg);\r\n    color: var(--ar-nav-active-color);\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, .sidebar ul.sub-menu li button:hover{\r\n    color:#fff;\r\n    background: #bfbfbfc4;\r\n    border-radius: .375rem;\r\n}\r\n\r\n.btn, .btn:hover{\r\n    box-shadow: none;\r\n}\r\n.view-icons-setup .div-icon-right {\r\n    color: #cac9ca;\r\n    border:1px solid #cac9ca;\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.lds-dual-ring:after {\r\n    border-color: var(--ar-color-1) #ffffff00 var(--ar-color-1) #ffffff00;\r\n}\r\n\r\n.collapse-icon svg{\r\n    color:#e9dff0;\r\n}\r\n\r\n.user-profile-api, .user-profile-edit{\r\n    color:#434343;\r\n    font-weight: 400;\r\n}","theme4":":root {\r\n    --ar-nav-bg: #FFFFFF;\r\n    --ar-nav-color: #5E5A6D;\r\n    --ar-nav-active-bg: #12C3D6;\r\n    --ar-nav-active-color: #FFFFFF;  \r\n    --ar-nav-top-bg: #1E5782;\r\n    --ar-color-1: #7144C5;\r\n    --ar-hover-bg: #EFEFEF;\r\n}\r\n\r\n\r\na{\r\n    color: #473DB1;\r\n}\r\n\r\n .sidebar-container, .horizontal-header, .horizontal-menu, .horizontal-menu .nav-link.active, .menu.nav-item li::before{\r\n    background: var(--ar-nav-bg);\r\n    color:var(--ar-nav-color);\r\n    font-size:0.9375rem;    \r\n}\r\n\r\n.sidebar-top, .header-line{\r\n    background: var(--ar-nav-top-bg) !important;\r\n}\r\n\r\n.header-line{\r\n    padding: 8px 0 8px 0;\r\n}\r\n\r\n.close-bar{\r\n    color:#FFF;\r\n}\r\n\r\n\r\n\r\n.main-content{\r\n    background: #E9EFF1;\r\n}\r\n\r\na.main-logo, .main-logo span{\r\n    color:#FFFFFF;\r\n}\r\n\r\n.vertical .header-line{\r\n    background: #FFFFFF;\r\n}\r\n\r\n\r\n\r\n.vertical .sidebar{\r\n    box-shadow: none;\r\n}\r\n\r\n.sidebar .nav-item>a, .sidebar .nav-item>button{\r\n    border-radius: 0;\r\n}\r\n\r\n\r\n.table-th-title{\r\n  font-size: .8125rem;\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: #5F5B6E;\r\n\r\n}\r\n\r\n.dv-checkbox-record{\r\n    padding-left: 7px;\r\n}\r\n\r\n.view-title-text{\r\n    color: #5d596c;\r\n    font-size: 14px;\r\n    font-weight: 700;\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, .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, .sidebar .nav-item>button.active, .sidebar .nav-item > ul > li > a.active,\r\n.horizontal-menu li.nav-item a.active{\r\n\r\n    background: #e7e6e6;\r\n\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: #443aae; \r\n}\r\n\r\n.sidebar .nav-item > ul > li > a.active:hover:before{\r\n    background-color: #443aae !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\r\n\r\n.sidebar ul.sub-menu li a:hover, .sidebar ul.sub-menu li button:hover{\r\n    border-radius: .375rem;\r\n}\r\n\r\n.btn, .btn:hover{\r\n    box-shadow: none;\r\n}\r\n.view-icons-setup .div-icon-right {\r\n    color: #cac9ca;\r\n    border:1px solid #cac9ca;\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.lds-dual-ring:after {\r\n    border-color: var(--ar-color-1) #ffffff00 var(--ar-color-1) #ffffff00;\r\n    \r\n}\r\n\r\n.collapse-icon svg{\r\n\r\n}\r\n\r\n.user-profile-api, .user-profile-edit{\r\n    color:#434343;\r\n    font-weight: 400;\r\n}","theme5":"\/*Create your own*\/"}}