.kv-grid-container {
    
    font-size: 14px;
}



.grid-action-icon:hover {
    color: #40D4B1;
}

.dark-mode .grid-action-icon:hover {
    color: #3F87F5;
}

a {
    color: #999;
}

th a:hover {
    text-decoration: none;
    color: #40D4B1;
}

.dark-mode th a:hover {
    color: #3F87F5;
}

a:hover{
    text-decoration: none;
}

/* thead {
    color: #ccc;
    border-bottom: 1px solid #ccc;
} */

.dark-mode thead, .dark-mode tbody tr {
    border-color: #303740;  
}
.dark-mode tbody tr:hover{
    background-color: #222932;
}

tr:hover{
    background-color: #eee;
}

tbody {
    color: black;
}

.dark-mode tbody {
    color: white;
}

/* tbody tr {
    border-bottom: 1px solid #ccc;
} */

tbody tr td {
    padding: 10px 5px;
}

@media(max-width: 1300px) {
    /*
    .pages-navigation-in-table {
        display: none;
    }
    */
    .kv-grid-container {
        overflow-x: scroll;
        margin: 0;
    }
}

@media(min-width: 1300px){
    .pagination{
        /*display: none;*/
    }
}

/*resetcss*/

/*resetting bootstrap*/

.panel-heading {
    display: none;
}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border:none;
}



.table-striped > tbody > tr:nth-of-type(2n+1),  .table-striped > tbody > tr:nth-of-type(2n){
    background-color: transparent;
}

.table-striped > tbody > tr:nth-of-type(2n+1):hover, .table-striped > tbody > tr:nth-of-type(2n):hover{
    background-color: #eee;
}

.dark-mode .table-striped > tbody > tr:nth-of-type(2n+1):hover, .dark-mode .table-striped > tbody > tr:nth-of-type(2n):hover{
    background-color: #303740;
}

.kv-panel-before, .kv-panel-after{
    border: none;
}

.kv-panel-before{
    margin-bottom: 20px;
    margin-top: -10px;
}

.kv-panel-before > div > div{
    margin-right: 15px;
}

.panel-footer {
    border: none;
}

.panel-success {
    background-color: transparent;
    border: none;
    box-shadow: none;
    margin-left: 80px;
    width: 85%;
}

.btn-group a {
    display: flex;
    align-items: center;
}

.table-btn-white, .table-btn-color {
    border-radius: 4px;
    border: none;
    padding: 10px;
    

}

.table-btn-white:hover a {
    color: black;
}

.dark-mode .table-btn-white:hover a {
    color: white;
}

.table-btn-color:hover a {
    color: white;
}

.dark-mode .table-btn-color:hover a {
    color: black;
}

.table-btn-white {
    background-color: white;
    color: black;
}

.dark-mode .table-btn-white {
    background-color: #222932;
    color: white;
}

.table-btn-white:hover{
    color: black;
}

.dark-mode .table-btn-white:hover{
    color: white;
}

.table-btn-color {
    background-color: #40D4B1;
    color: white;
}

.dark-mode .table-btn-color {
    background-color: #3F87F5;
    color: white;
}

.hover .table-btn-color {
    background-color: #3F87F5;
    color: black;
}

.table-btn-color:hover {
    color:white;
}

.dark-mode .table-btn-color:hover {
    color:white;
}



.table-btn-white svg {
    color: #999;
    margin-right: 8px;
}



.table-btn-color svg{
    color: white;
    margin-left: 8px;
}

#w2{
    background-color: #fff;
    border: none;
    width: 75px;
    height: 47px;
    color: #999;
    font-size: 20px;
}

.dark-mode #w2{
    background-color: #222932;
    color: white;
}



#w2:hover{
    background-color: white;
}

#w2:active{
    background-color: white;
}

.dark-mode #w2:hover, .dark-mode #w2:active{
    background-color: #222932;
}

#w0-togdata-page, #w0-togdata-all{
    background-color: #fff;
    border: none;
    width: 75px;
    height: 47px;
    color: #999;
    font-size: 20px;
    padding: 0 5px;
    display: flex;
    align-items: center;
}

#w0-togdata-all{
    width: 100px;
}

.dark-mode #w0-togdata-page, .dark-mode #w0-togdata-all{
    background-color: #222932;
    color: #fff;
}



tr{
    border-bottom: solid 1px #ddd;
    
}

tr td{
    padding: 5px 0;
}

.dark-mode tr:hover {
    background-color: #303740;
}

tr:hover {
    background-color: #eee;
}

.action-td{
    display: flex;
    justify-content: left;
}

.grid-action-icon{
    padding: 0 10px;
}

.grid-action-icon.grid-action-icon--drag{
    cursor: move;
}

.dark-mode .panel-footer{
    background-color: #0E1319;
}

/* user profile form */

.form-group .btn-group button{
    margin-right: 10px;
    border-radius: 4px;
}


.btn-group{
    display: flex;
    align-items: center;
}
/* some more bootstrap reset for form submit buttons */


.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child), 
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle),
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-radius: 4px;
    border: none;
    padding: 10px;
    display: flex;
    align-items: center;
    font-size: 18px;
}

.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child), 
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle){
    background-color: #fff;
    color: #000;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle){
    background-color: #40D4B1;
    color: #fff
}

.inputImage{
    font-size: 18px;
    display: flex;
    align-items: center;
    
}

#clearMelogo{
    background-color: #fff;
    color: #000;
    border: none;
    font-size: 18px;
    padding: 10px;
    margin-left: 10px;
}

.dark-mode #clearMelogo{
    background-color: #222932;
    color: white;
}

.file-manager-logo{
    margin-left: 20px;
}

.table-bordered{
    border: none;
}

/* menus */

.menu-index{
    padding-top: 25px;
}

/*filemanager*/

#uploadButton{
    display: flex;
    align-items: center;
    height: 45px;
}

.dark-mode #select2-user-language-container{
    color: white;
}

.dark-mode #select2-user-stock_id-container{
    color: white;
}

.dark-mode .select2-selection{
    background-color: #222932;
    color: white;
    border-color: #0E1319;
}

.form-control{
    border-color: transparent;
    box-shadow: var(--box-shadow--light);
}

.form-control:focus{
    box-shadow: none;
    border-color: #ddd;
}

.dark-mode input, .dark-mode .form-control{
    background-color: #222932;
    color: white;
    background-color: #0E1319;
    box-shadow: none;
    border-color: var(--white);
}

.dark-mode #user-default_background_color-cont {
    background-color: #222932;
    color: white;
    background-color: #0E1319;
}

/* kartik gridview select2 reset */

/* text searchbox */
td input {
    border-radius: 4px;
    border: 1px solid #ddd;
    font-size: 14px;
    padding: 8px 10px;
    width: 100%;
    
}

.select2-container--krajee.select2-container--open .select2-selection, .select2-container--krajee .select2-selection:focus {
    border: 1px solid #ddd;
    box-shadow: none;
    
}

.select2-container--krajee .select2-selection--single{
    border: 1px solid #ddd;
    box-shadow: none;
}

.select2-container--krajee .select2-dropdown {
    border: 1px solid #ddd;
    box-shadow: none;
    font-size: 14px;
    color: #ccc;
    
}

.select2-container--krajee .select2-results__option--highlighted[aria-selected] {
    background-color: #40D4B1;
}

.dark-mode .select2-container--krajee .select2-results__option--highlighted[aria-selected] {
    background-color: #3F87F5;
}

.select2-container--krajee .select2-selection--single .select2-selection__arrow{
    border: none;
}

.table > tbody > tr > td{
    padding: 10px 8px;
    vertical-align: middle;
}

[type=button]{
    -webkit-appearance: none;
}

/** Iconpicker adjustments */
.popover tr{
    border-color: transparent;
}

.popover tr:hover{
    background-color: inherit;
}

.dark-mode .popover tr{
    border-color: transparent;
}

.dark-mode .popover tr:hover{
    background-color: inherit;
}

.dark-mode .popover{
    background-color: var(--grey-darkest);
}

.dark-mode .popover .arrow{
    border-color: var(--grey-darkest);
}

.popover .btn-icon-selected, .popover .btn-previous, .popover .btn-next{
    background-color: var(--accent-color);
    border-color: var(--accent-color);
    transition: var(--trans);
}

.popover .btn-previous:hover, .popover .btn-next:hover{
    background-color: var(--accent-color-hover);
    border-color: var(--accent-color-hover);
}

.dark-mode .popover .btn-icon-selected, .dark-mode .popover .btn-previous, .dark-mode .popover .btn-next{
    background-color: var(--accent-color--dm);
    border-color: var(--accent-color--dm);
}

.dark-mode .popover .btn-previous:hover, .dark-mode .popover .btn-next:hover{
    background-color: var(--accent-color-hover--dm);
    border-color: var(--accent-color-hover--dm);
}

.popover .form-control{
    background-color: inherit;
}

.pImageTableColumn{
    margin: 0;
    padding: 0;
}

.pImageTableRow{
    margin: 0;
    padding: 0;
}