.app-logo{
    max-width:120px;
    height: auto;
}

:root {
    --ar-nav-bg: #fff;
    --ar-nav-active-bg: #b7d333;
    --ar-nav-active-color: rgb(37,35,90);   
    --ar-color-1: #b7d333;
    --ar-hover-bg: #b7d333;
}

 .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: rgb(37,35,90);
    font-size:0.80rem;
}

.sidebar-top{
    background-color: rgb(37,35,90);
    height: 3rem;
}


.main-content{
    background: #F8F7FA;
}


a{
    color: rgb(37,35,90);
}

a.main-logo, .main-logo span{
    color: rgb(37,35,90);
}

.vertical .header-line{
    background: rgb(37,35,90);
}

.close-bar{
    color:#EBEDE0;
}

.table-th-title{
    font-size: 0.85rem;
    font-weight: 500;
    border-top: 1px solid #E8EAEC;
    border-bottom: 1px solid #E8EAEC;   
    background: #FFF;
    color: rgb(37,35,90);
}

.table-data-grid .table-tbody-transpose .table-td-title-transpose {
    padding: 0.375rem 0.75rem;
    text-align: right;
    width: 40%;
    color: rgb(37,35,90);
    text-decoration: underline rgb(37,35,90);
}

.panel{
    padding:1rem;
}

.dv-checkbox-record{
    padding-left: -17px;
    background-color:rgb(37, 35, 90);
    width: 20px;
}


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

.view-title-text{
    padding-left: 1.125rem;
    color: rgb(37,35,90);
    font-size: 2rem;
    font-weight: 700;
}

.view-title{
    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 rgb(37,35,90);
    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:#fff;
    background: rgb(37,35,90);
    border-radius: .10rem;  
    box-shadow: 0px 2px 6px 0px rgb(174 174 174 / 48%);
    border-radius: .450rem;
}

.sidebar ul.sub-menu li a:not(.active):before{
    background-color: rgb(37,35,90);
}

.sidebar ul.sub-menu li a.active:before{
    background-color: #fff; 
}

.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: #fff !important;
}

.sidebar .nav-item>button:not(.active):hover,
.sidebar .nav-item > ul > li > a:not(.active):hover,
.horizontal-menu .nav-link:hover{
    background: rgb(37,35,90);
    color: #fff;
    
}

.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: .450rem;
}

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

.view-icons-setup .div-icon-right {
    color: #fff;
    border:1px solid rgb(37,35,90);
    background-color: #b7d333;
}

.view-icons-setup .div-icon-right:hover {
    color: #fff;
    border:1px solid rgb(37,35,90);
}

.lds-dual-ring:after {}

.collapse-icon svg{}

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



/* -------------------------------------------*/
.dv-view-buttons .loginds{
    background-color: rgb(37,35,90);
    border-color:  rgb(37,35,90);
    margin:0px;
    border-radius: 15px;
}

.dv-view-buttons .loginds:hover{
    background-color:#2469B0;
    border-color: #2469B0;
    margin:0px;
    border-radius: 15px;
}


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

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

.table-td-row-loginds {
    padding: 10px 40px;
}

.btn-primary{
    background-color: rgb(37,35,90);
    color: #fff;
    border: 2px #fff;
    border-radius: 6px;
    padding: 10px 20px;
    margin: 2px 6px 0px 0px;
    font-weight: 400;
}

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

.btn-outline-primary{
    background-color: rgb(37,35,90);
    color: #fff;
    border: 2px;
    border-color: ;#fff;
    border-style:solid;
    border-radius: 6px;
    padding: 10px 20px;
    margin: 2px 6px 0px 0px;
    font-weight: 400;
}

.btn-outline-primary:hover{
    background-color: #2469B0;
    color: #fff;
    border: 2px;
    border-color: ;#fff;
    border-style:solid;
    border-radius: 6px;
    padding: 10px 20px;
    margin: 2px 6px 0px 0px;
    font-weight: 400;;
}

/*---------field Style------------*/



.field-dropdown{
    /*width: 25%;*/
    text-align: center;
    /*display: none;*/
}

.f-type-selection-placeholder{
    text-align: center;
}

.field-f400 span{
    text-align: center;
    border-color:;
    color: #2469B0;
    border-color:  rgb(37,35,90);
}

.justify-content-end {
    justify-content: flex-start !important;
}

.filter-date, .input-search, .dv-view-filter-icon, breadcrumb-item{
    background-color: transparent;
    border: 1px;
    color: rgb(37,35,90);
    border-style: solid;
    border-color:  rgb(37,35,90);
    border-radius: 6px;
}

.input-search:hover{
    background-color: transparent;
    border: 1px;
    color: rgb(37,35,90);
    border-style: solid;
    border-color:  rgb(37,35,90);
    border-radius: 6px;
}

.breadcrumb-item.active {
    color: rgb(37,35,90);
    font-size: 1rem;
    font-weight: bold;
}

.has-link{
    color: rgb(37,35,90);
    font-weight: bold;
}

.has-link:hover{
    color: rgb(37,35,90);
    text-decoration: underline !important;
    font-weight: bold;
}

.dv-dropdown-selected{
    background-color:#2469B0;
    color: #fff;
}

.bg-secondary{
    background-color:#2469B0;
    color: #fff;
}

.bg-info{
    background-color:#2469B0;
    color: #fff;  
}


.div-api-file-table{
    
}

.api-file-td{
    display:flex;
}

span:has(> .div-api-file-table){
    flex-direction:column;
}

{"app_theme":{"selected":1,"theme1":".app-logo{\r\n    max-width:120px;\r\n    height: auto;\r\n}\r\n\r\n:root {\r\n    --ar-nav-bg: #fff;\r\n    --ar-nav-active-bg: #b7d333;\r\n    --ar-nav-active-color: rgb(37,35,90);   \r\n    --ar-color-1: #b7d333;\r\n    --ar-hover-bg: #b7d333;\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: rgb(37,35,90);\r\n    font-size:0.80rem;\r\n}\r\n\r\n.sidebar-top{\r\n    background-color: rgb(37,35,90);\r\n    height: 3rem;\r\n}\r\n\r\n\r\n.main-content{\r\n    background: #F8F7FA;\r\n}\r\n\r\n\r\na{\r\n    color: rgb(37,35,90);\r\n}\r\n\r\na.main-logo, .main-logo span{\r\n    color: rgb(37,35,90);\r\n}\r\n\r\n.vertical .header-line{\r\n    background: rgb(37,35,90);\r\n}\r\n\r\n.close-bar{\r\n    color:#EBEDE0;\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: rgb(37,35,90);\r\n}\r\n\r\n.table-data-grid .table-tbody-transpose .table-td-title-transpose {\r\n    padding: 0.375rem 0.75rem;\r\n    text-align: right;\r\n    width: 40%;\r\n    color: rgb(37,35,90);\r\n    text-decoration: underline rgb(37,35,90);\r\n}\r\n\r\n.panel{\r\n    padding:1rem;\r\n}\r\n\r\n.dv-checkbox-record{\r\n    padding-left: -17px;\r\n    background-color:rgb(37, 35, 90);\r\n    width: 20px;\r\n}\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: 1.125rem;\r\n    color: rgb(37,35,90);\r\n    font-size: 2rem;\r\n    font-weight: 700;\r\n}\r\n\r\n.view-title{\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 rgb(37,35,90);\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:#fff;\r\n    background: rgb(37,35,90);\r\n    border-radius: .10rem;  \r\n    box-shadow: 0px 2px 6px 0px rgb(174 174 174 \/ 48%);\r\n    border-radius: .450rem;\r\n}\r\n\r\n.sidebar ul.sub-menu li a:not(.active):before{\r\n    background-color: rgb(37,35,90);\r\n}\r\n\r\n.sidebar ul.sub-menu li a.active:before{\r\n    background-color: #fff; \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: #fff !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: rgb(37,35,90);\r\n    color: #fff;\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.sidebar ul.sub-menu li a:hover, .sidebar ul.sub-menu li button:hover{\r\n    border-radius: .450rem;\r\n}\r\n\r\n.btn, .btn:hover{\r\n    box-shadow: none;\r\n}\r\n\r\n.view-icons-setup .div-icon-right {\r\n    color: #fff;\r\n    border:1px solid rgb(37,35,90);\r\n    background-color: #b7d333;\r\n}\r\n\r\n.view-icons-setup .div-icon-right:hover {\r\n    color: #fff;\r\n    border:1px solid rgb(37,35,90);\r\n}\r\n\r\n.lds-dual-ring:after {}\r\n\r\n.collapse-icon svg{}\r\n\r\n.user-profile-api, .user-profile-edit{\r\n    color:#434343;\r\n    font-weight: 400;\r\n}\r\n\r\n\r\n\r\n\/* -------------------------------------------*\/\r\n.dv-view-buttons .loginds{\r\n    background-color: rgb(37,35,90);\r\n    border-color:  rgb(37,35,90);\r\n    margin:0px;\r\n    border-radius: 15px;\r\n}\r\n\r\n.dv-view-buttons .loginds:hover{\r\n    background-color:#2469B0;\r\n    border-color: #2469B0;\r\n    margin:0px;\r\n    border-radius: 15px;\r\n}\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: 400px;\r\n    width: 400px;\r\n}\r\n\r\n.table-td-row-loginds {\r\n    padding: 10px 40px;\r\n}\r\n\r\n.btn-primary{\r\n    background-color: rgb(37,35,90);\r\n    color: #fff;\r\n    border: 2px #fff;\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: #2469B0;\r\n    color: #fff;\r\n    border: 2px;\r\n    border-color: ;#fff;\r\n    border-style:solid;\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-outline-primary{\r\n    background-color: rgb(37,35,90);\r\n    color: #fff;\r\n    border: 2px;\r\n    border-color: ;#fff;\r\n    border-style:solid;\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-outline-primary:hover{\r\n    background-color: #2469B0;\r\n    color: #fff;\r\n    border: 2px;\r\n    border-color: ;#fff;\r\n    border-style:solid;\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\/*---------field Style------------*\/\r\n\r\n\r\n\r\n.field-dropdown{\r\n    \/*width: 25%;*\/\r\n    text-align: center;\r\n    \/*display: none;*\/\r\n}\r\n\r\n.f-type-selection-placeholder{\r\n    text-align: center;\r\n}\r\n\r\n.field-f400 span{\r\n    text-align: center;\r\n    border-color:;\r\n    color: #2469B0;\r\n    border-color:  rgb(37,35,90);\r\n}\r\n\r\n.justify-content-end {\r\n    justify-content: flex-start !important;\r\n}\r\n\r\n.filter-date, .input-search, .dv-view-filter-icon, breadcrumb-item{\r\n    background-color: transparent;\r\n    border: 1px;\r\n    color: rgb(37,35,90);\r\n    border-style: solid;\r\n    border-color:  rgb(37,35,90);\r\n    border-radius: 6px;\r\n}\r\n\r\n.input-search:hover{\r\n    background-color: transparent;\r\n    border: 1px;\r\n    color: rgb(37,35,90);\r\n    border-style: solid;\r\n    border-color:  rgb(37,35,90);\r\n    border-radius: 6px;\r\n}\r\n\r\n.breadcrumb-item.active {\r\n    color: rgb(37,35,90);\r\n    font-size: 1rem;\r\n    font-weight: bold;\r\n}\r\n\r\n.has-link{\r\n    color: rgb(37,35,90);\r\n    font-weight: bold;\r\n}\r\n\r\n.has-link:hover{\r\n    color: rgb(37,35,90);\r\n    text-decoration: underline !important;\r\n    font-weight: bold;\r\n}\r\n\r\n.dv-dropdown-selected{\r\n    background-color:#2469B0;\r\n    color: #fff;\r\n}\r\n\r\n.bg-secondary{\r\n    background-color:#2469B0;\r\n    color: #fff;\r\n}\r\n\r\n.bg-info{\r\n    background-color:#2469B0;\r\n    color: #fff;  \r\n}\r\n\r\n\r\n.div-api-file-table{\r\n    \r\n}\r\n\r\n.api-file-td{\r\n    display:flex;\r\n}\r\n\r\nspan:has(> .div-api-file-table){\r\n    flex-direction:column;\r\n}\r\n","theme2":"","theme3":"","theme4":"","theme5":""}}