.form-switch .form-check-input{
    width: 2.5em;
    height: 1.1rem;
}
.form-control:disabled, .form-control[readonly] {
    background-color: #f1f1f1d4 !important;
}
.form-check{
    padding-left:0 ;
}

.pageheader-title {
    font-size: 20px;
    margin-bottom: 8px;
}
fieldset.custom_ledgent {
    border: 1px dotted #d6d6d6;
    padding: 25px;
    border-radius: 5px;
    position: relative;
    margin-top: 20px;
    padding-top: 38px;
    margin-bottom: 35px;
}
.select2-selection.select2-selection--single .select2-selection__rendered {
    padding: 7px 1px 0 13px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {

    top: 7px;
}
fieldset.custom_ledgent legend {
    position: absolute;
    background: #edf4ff;
    top: -20px;
    display: inline-block;
    width: auto;
    left: 10px;
    padding: 6px 22px;
    font-size: 16px;
    font-weight: 500;
    font-weight: 600;
    border-radius: 10px;
    border: solid 1px #fdfdfd;
}
.tingle-modal{
    z-index: 99999 !important;
}
/*
.card.total-card-color label.icon,
.card.total-card-color h5.text-muted,
.card.total-card-color h1{
    color:var(--warningcolor) !important;

} */

/* checkbox dgn by nextzen  */
/*
.switch {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 25px;
  }

  .switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }

  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
  }


.slider:before {
    position: absolute;
    content: "";
    height: 17px;
    width: 18px;
    left: 3px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}


  input:checked + .slider {
    background-color: #2196F3;
  }

  input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
  }

  input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
  }


  .slider.round {
    border-radius: 34px;
  }

  .slider.round:before {
    border-radius: 50%;
  } */






.filter {
    padding: 1 1;
    box-sizing: border-box;
    background: #F7F7F7;
    width: 100%;
  }
  .filter__container {
    width: 100%;
    position: relative;
    margin: 0 auto;
    box-sizing: border-box;
  }
  .filter__title {
    font: 300 48px "Roboto";
    color: #377C2B;
    text-align: center;
    margin-bottom: 50px;
  }

  .filter__list {
    display: flex;
    align-items: stretch;
    justify-content: center;
    margin-bottom: 60px;
  }
  .filter__item {
    padding: 15px 10px 6px 10px;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 3px;
    background: #075ce429;
    margin-right: 10px;
    transition: background 0.2s ease-in-out;
  }
  .filter__item:last-child {
    margin-right: 0;
  }
  .filter__item_is-active {
    background: #8DC63F;
  }
  .filter__item_is-active .filter__label {
    color: white;
  }
  .filter__item_is-active .filter__label_internet::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='22'%3E%3Cg fill='%23FFFFFF'%3E%3Cpath d='M18 16a1 1 0 0 1-.6-.3 5.9 5.9 0 0 0-4.5-2c-1.6 0-3.2.7-4.3 1.9a1 1 0 0 1-1.3 0 .8.8 0 0 1 0-1.1 7.8 7.8 0 0 1 5.6-2.5c2.3 0 4.4 1 5.9 2.6.3.4.3.9-.1 1.2a1 1 0 0 1-.6.2zm4-4a1 1 0 0 1-.7-.3 11.3 11.3 0 0 0-16.6-.1 1 1 0 1 1-1.4-1.3 13.2 13.2 0 0 1 19.5 0A1 1 0 0 1 22 12z'/%3E%3Cpath d='M25 7a1 1 0 0 1-.6-.3 15.8 15.8 0 0 0-22.8-.1 1 1 0 0 1-1.3 0 .9.9 0 0 1 0-1.3 17.7 17.7 0 0 1 25.5.1c.3.4.3 1-.1 1.4a1 1 0 0 1-.6.2zM13 22a2 2 0 1 1 0-4 2 2 0 0 1 0 4z'/%3E%3C/g%3E%3C/svg%3E");
  }
  .filter__item_is-active .filter__label_tv::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='25'%3E%3Cg fill='none' fill-rule='evenodd' stroke='%23FFFFFF' stroke-width='2'%3E%3Cpath d='M27.6 16c.2 0 .4-.2.4-.4V1.4c0-.2-.2-.4-.4-.4H1.4c-.2 0-.4.2-.4.4v14.2c0 .2.2.4.4.4h26.2z'/%3E%3Cpath d='M10 19h8M2 24h25M11 8.8l3.4 2.8L19.6 5'/%3E%3C/g%3E%3C/svg%3E");
  }


  .filter__item_is-active .filter__label_phone::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28'%3E%3Cpath fill='none' stroke='%23FFFFFF' stroke-width='2' d='M8.1 10.9c-.2.4-.2.9 0 1.3.4.7 4 5.7 7.8 7.7.4.2.8.1 1.2-.3 1-1 1.7-1.5 2.2-1.5.8 0 2.3 0 4.4 2 1.4 1.5 1.4 3 0 4.5l-.9.8c-1.9 1.7-3.8 2-5.7 1-3-1.6-7.2-5.1-9.5-7.7A50 50 0 0 1 1.9 10C1 8 1 6.6 1.6 5.6 2.6 3.9 4.2 3 4.8 3c.5 0 1.6-.1 2.8 1.2 1.2 1.4 1 1.2 2 3 .3 1 .4 1.8-.4 2.5-.6.5-1 .9-1.1 1.2zm6.3-4.2c4-.8 6.7.5 7.8 4m-7.8-8.4C20.3.9 24.5 3 27 8.8'/%3E%3C/svg%3E");
  }


  .filter__item_is-active .filter__label_phone .parcel_bank::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28'%3E%3Cpath fill='none' stroke='%23FFFFFF' stroke-width='2' d='M8.1 10.9c-.2.4-.2.9 0 1.3.4.7 4 5.7 7.8 7.7.4.2.8.1 1.2-.3 1-1 1.7-1.5 2.2-1.5.8 0 2.3 0 4.4 2 1.4 1.5 1.4 3 0 4.5l-.9.8c-1.9 1.7-3.8 2-5.7 1-3-1.6-7.2-5.1-9.5-7.7A50 50 0 0 1 1.9 10C1 8 1 6.6 1.6 5.6 2.6 3.9 4.2 3 4.8 3c.5 0 1.6-.1 2.8 1.2 1.2 1.4 1 1.2 2 3 .3 1 .4 1.8-.4 2.5-.6.5-1 .9-1.1 1.2zm6.3-4.2c4-.8 6.7.5 7.8 4m-7.8-8.4C20.3.9 24.5 3 27 8.8'/%3E%3C/svg%3E");
  }
  .filter__input {
    flex-shrink: 0;
  }
  .filter__label {
    cursor: pointer;
    font: 400 17px "Roboto";
    color: rgb(0 48 124);
    margin-right: 20px;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    width: 100%;
    flex-shrink: 1;
    font-weight: 600;
}
.filter__label::before {
    content: "";
    display: block;
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-right: 13px;
    transition: background 0.2s ease-in-out;
}
  .filter__label_internet::before {
    width: 26px;
    height: 22px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='22'%3E%3Cg fill='%238DC63F'%3E%3Cpath d='M18 16a1 1 0 0 1-.6-.3 5.9 5.9 0 0 0-4.5-2c-1.6 0-3.2.7-4.3 1.9a1 1 0 0 1-1.3 0 .8.8 0 0 1 0-1.1 7.8 7.8 0 0 1 5.6-2.5c2.3 0 4.4 1 5.9 2.6.3.4.3.9-.1 1.2a1 1 0 0 1-.6.2zm4-4a1 1 0 0 1-.7-.3 11.3 11.3 0 0 0-16.6-.1 1 1 0 1 1-1.4-1.3 13.2 13.2 0 0 1 19.5 0A1 1 0 0 1 22 12z'/%3E%3Cpath d='M25 7a1 1 0 0 1-.6-.3 15.8 15.8 0 0 0-22.8-.1 1 1 0 0 1-1.3 0 .9.9 0 0 1 0-1.3 17.7 17.7 0 0 1 25.5.1c.3.4.3 1-.1 1.4a1 1 0 0 1-.6.2zM13 22a2 2 0 1 1 0-4 2 2 0 0 1 0 4z'/%3E%3C/g%3E%3C/svg%3E");
  }
  .filter__label_tv::before {
    width: 29px;
    height: 25px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='25'%3E%3Cg fill='none' fill-rule='evenodd' stroke='%238DC63F' stroke-width='2'%3E%3Cpath d='M27.6 16c.2 0 .4-.2.4-.4V1.4c0-.2-.2-.4-.4-.4H1.4c-.2 0-.4.2-.4.4v14.2c0 .2.2.4.4.4h26.2z'/%3E%3Cpath d='M10 19h8M2 24h25M11 8.8l3.4 2.8L19.6 5'/%3E%3C/g%3E%3C/svg%3E");
  }
  .filter__label_phone::before {
    width: 28px;
    height: 28px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAENElEQVR4nO1azWtUVxQ/KWJb1C5sk7knE1tpbaG2VQQXQvxYWmi3rgxxzpnBitCdmqVgTTULPxZ+oP9AiCFujCnEpmCDWroUhITS4qJWhApRE7RBjZx7z7xkxvdm3nvzXjKv7Q8uzLy599zzOx/3nnvfACwG8qUOQB4EpMfahiBf+BgyhXypAww9BOS5iibPOrrzkBmgeMIqf8UqLg1pWJ8NQGaAEko8V2H99sIaR4SmIDMwGlYSYtVEDP8NmYGhfrX+sCXjEv+q5kk/NA0Mjb6WyFGb4fFmSOa5RNqSAxtU5H8iSeNfE1qGxxNI9p+haYARLds0nvjPEMnXqXgzQSQfouLNBBEMUfFmgwjVr3izQYQfBVa82SJCQ4EVr4Rddf+mARZ2quJ37ff20if2rOGb7MV1bgzddc8LO6Ep8MGet8DQhBI55D23Cc4DGmbSBj0SAunryE1YGUsO5KOq0CSs+/bN0OPW71oOyHfUAN/BkqKdNwHSLCC/BMPbI4+XMTJWZIisJYFYH/m2xv+F2HJkrJNxO5JHE4PhYxoWf8C7vCq2nFzXCjD0m4bn97CoaCttAeTngPQCDO1oWB4WOz15SFthUSArzHySnkhMLvJJbxXr2PU2pA5DpxM7FQYftE6lTEJWGXF/ykRQQjbGKhhh45tUi/WlaKw+b19KZaOUFSXVCSqW9TvqnaPJCs/TRrfxBawqbYUvAHkEDP9jmxSIudJnsefDwjadaxbyxQ2QDA6/Aci/qoXO+JPQ80dle9QYGTqrcn4BgJYGSciGxQXNiz99Nz7xhAu5UVsUSjN8zSvj42L17nfA0D2V3d0Yidb9KwHpL7XMbp8eLWDomf29tfsj76mQceSfNmRNQ11K5J7VpQFBvarQjQCF5oksLNHltiSISI6+BuQxQJ4GpCf2c46/CtCgBQzdVDK9cUm0gqEZXdM3B/bz3nXwNUtAmqEfvcsHv5Lff+/wL+VlblcKzVidIgP5iCp4uWY/SejyGb1SsSkwxU+rPCGWfQaGD8B7e9G2HB/0vJoL8Izo4OQeiUZC4tG7lyp21u1vydCwKvnUemIhCQHST2qYA6+NL58WkcdqFJXuqCzVcmgY3qdWvQVJobxEixeqsYbbdb7HNcbfcmSK30SZ9AcVXIyrd/JECiX12kiESfm+G7T3/bh6+8gc0zw46PNbT83QEuT2rNU+9yE0vL2hkbW7CpLI5WSXnBAvOE/0aFkTnOzzNZgbHxpyfHWJGbzsxoEssVGX3zJy/Ln2/R1CA+m8Cr8EScN5ZsxthnU3xHmILo7IOQgNKTfszqs3JEmGWFS02q3gouoyDW30YTQBdgOzFnN/tZAztSl+6W7YDy9LS28Q2TKHzGXnLF+90pNQnqtxDrme/tG27tH3ejLnErn+MXRc3+A+cFc3qSkush/YN71ydyZzh8ArhCsxVwFjUCIAAAAASUVORK5CYII=");
  }
  .filter__label_phone.parcel_bank::before {
    width: 28px;
    height: 28px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAADyElEQVR4nO1aTWgTQRR+tbQqCBJpzUyyph6qSD2pFwWlIl497qEHk7xJWKxVvAg9+UM9qJfeBeOh4KU99iLU2h5aD0VEKoggePFgpSpU1Iq1rczMbrOzu2l2N5s0gf1gSNjd9+a9ne/9ZCYAMWK0GNL5I0DZCFD8KAcbEddaAgljPxDMAmFTQNkGULbpHvgKKLsB1OiC5oLRAanCJaBsAgj+sRn8Awh7AsnCeTH4d37Nui+fnRCyXMeOIVk8DgQfAMUlm/HrQHAOKBrQfXWfS6YntwdIQQfKJoHims2p70DZI6B4tjHGdxlU0ILgawdd3gHFu5DMHfat6xBLRabLFxrxFsOsrm/Q4ilpKFtx8HpSOFYXXuvtkMKLQHEMCP4qz8t+A8VxcQ+gzZ+uPr0TKFtQlpvgSyDsCmQGE9AoZAYTYk4+t5r5FqD3+u7qCgjeboqUmdgmlRO8tb0wL1iErQrBJA7JlOmiVh1TplEhlbMVmcpxSNjGbUwVj1bWI73nBpeaNtgJlsxnZr3jhS+jDKyvQLC77uk3rC6tcAAo+2Laenmbm5jdgYL4LdDqEttLV+K2vFzT/tObk9c47uY1loBgvzlK7njjKTVUvLUBwedqGND8ORlAXHHuGLRK05i2J6b8BQCKb80JZgTFom3jp21OTEfaxms8HHDG1L3IaTWnVFBBgfzJmieSq7Nso9KyuFYrUuwEEPZYVvst3XMAcGeX2RaMA2X/VAqgAZq+N9SEhD100YonhzDo0ztFkrDKgxy8nkzJdklv96LDqMOAz+LXnZZNB3CiZ4u/6sSr4p5faNm0/JUpbLDbNOqPpmWBRdsKrZmZqb+6I/jUXAH5af/OP6vL90uG4F9PW3zDLiC6YBxTlBJ8LzKPV63gHBb1xHz7lky6qJkd7Qak2BnvGoM8472xGc+pPrnV9dbkiIXuHAHKhoHgJ6VW8ELGi2NZVmYqwu67dIkCanbTVr3SCr3iuiyKm+bqL8lnjUxVuwI7orT5OKBkO8n/Zyaf1Qxl16VkMrwnZXBdyT4UB8QcQe2qSUDQSPz4+qkEI+9SK+mihWuOTCYr/MHi6cjsCi3AixNhN2Xs4Aul5XDpMjrEM/xZLhOkCNN6O9K0umjsiBvxinggplYUiKnlgZhaUSCmVpTUiuK4LIoVSVvHeMEdmVUbOzYfehM7rCMZaxObzTt2YWZ25lghkCN6hMcKTtS69+vHkboe9ES1X1vJkYYfvdX6Fu2ONM1haJgzjTLPG3zW0qi930pHF00HK/cT/CBGS/2FI0YMsPAfn/pNoXinNioAAAAASUVORK5CYII=");
  }

  .input {
    display: inline-flex;
    align-items: center;
  }
  .input__label {
    cursor: pointer;
    flex-shrink: 0;
  }
  .input_disabled {
    opacity: 0.5;
    cursor: default;
    pointer-events: none;
    user-select: none;
  }
  .input_toggle .input__label {
    width: 35px;
    height: 18px;
    box-sizing: border-box;
    position: relative;
    border-radius: 100px;
    transition: background 0.2s ease-in-out, border 0.2s ease-in-out;
    border: 1px solid #c3c3c3;
    background: #ffffff;
}
.input_toggle .input__label::before {
    content: "";
    position: absolute;
    top: calc(50% - 12px / 2);
    left: 2px;
    width: 12px;
    height: 12px;
    display: block;
    flex-shrink: 0;
    border-radius: 50%;
    background: #0545ab;
    transition: background 0.2s ease-in-out, transform 0.2s ease-in-out;
}
  .input_toggle .input__source {
    display: none;
    opacity: 0;
    visibility: hidden;
  }

  .input_toggle.input_theme_light .input__source:checked ~ .input__label {
    border: 2px solid #0545ab;
    background: #0545ab;
}


  .input_toggle .input__source:checked ~ .input__label::before {
    transform: translateX(calc(100% + 4px));
  }
  .input_toggle .input__source:checked ~ .input__label {
    border: 2px solid #8DC63F;
    background: #8DC63F;
  }
  .input_toggle .input__source:checked ~ .input__label::before {
    background: white;
  }

  .input_toggle.input_theme_light .input__source:checked ~ .input__label::before {
    background: #ffffff;
}


/* checkbox dgn by nextzen  */



label {
    font-size: 1rem;
}



.sidebar-dark.nav-left-sidebar .navbar-nav .nav-link
{
color: var(--sidebar-nav-left-with-icon);

}
.sidebar-dark.nav-left-sidebar .submenu .nav .nav-item .nav-link:hover,

.sidebar-dark.nav-left-sidebar .navbar-nav .nav-link:focus,.sidebar-dark.nav-left-sidebar .navbar-nav .nav-link:hover, .sidebar-dark.nav-left-sidebar .submenu .nav .nav-item .nav-link:hover, .sidebar-dark.nav-left-sidebar .navbar-nav .nav-link.active
{
color: var(--sidebar-nav-left-with-icon_hover) !important;

}

.nav-left-sidebar .nav-link:hover i,
.nav-left-sidebar .nav-link.active i{
    color: var(--icon-color-left) !important;
}

.nav-left-sidebar .nav-link i{
    color: var(--icon-color-left_hover) !important;

}
.sidebar-dark,
.sidebar-dark .navbar-nav
{
    background: var(--sidebar-nav-bg) !important;
}


.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover
{
    background: var(--warningcolor) !important;
}

.text-primary, .text-primary:hover
{
    color: var(--warningcolor);
}


.text-secondary
{
    color: var(--secondary_color) !important;
}

.sidebar-dark{

}
.nav-left-sidebar .submenu .nav .nav-item .nav-link{
    position:relative;
}

.nav-left-sidebar .submenu .nav .nav-item .nav-link::after{
    content:'';
    position:absolute;
    left:25px;
    width:8px;
    height:8px;
    background:transparent;
    border:1.5px solid var(--warningcolor) !important;
    border-radius:50%;
    top:50%;
    transform:translateY(-50%);
}

.btn-secondary
{
    background: var(--secondary_color) !important;
}


.small-product-card {
    box-sizing: border-box;
    flex: 0 1 31.33%;
    padding: 10px 2px;
    display: flex;
    align-items: center;
    flex-direction: column;
    border:1px solid  var(--warningcolor) !important;
    border-radius:5px;
    gap:8px;
}

@media (min-width:991px) and (max-width:1200px) {
    .small-product-card {
        box-sizing: border-box;
        flex: 0 1 48%;
    }
}

.nextzen_quick_menu {
    width: 30% !important;
    float: left;
    text-align: center;
    border: 1px #3cdb7f solid;
    border-radius: 6px;
    margin: 5px 5px;
    color: black;
}

.small-product-card svg,
.small-product-card i{
    fill: var(--warningcolor);
    font-size: 45px;
    color:var(--warningcolor) !important;
}
.small-product-card svg{
    /* zoom: 250%; */
    width: 50px;
    height: 45px;
}
.small-product-card div.details{
    color:var(--warningcolor) !important;
    font-size:16px;
}

.card {
    margin-bottom: 20px !important;
}
textarea:focus, textarea:hover,
 input:focus, input:hover, select:focus, select:hover{
    border-color: var(--warningcolor) !important;
    outline-color: var(--warningcolor) !important;

}

/* input::placeholder, */
input:focus::placeholder,
/* select::placeholder, */
select:focus::placeholder,
/* textarea::placeholder , */
textarea:focus::placeholder {
    color: var(--warningcolor) !important;
}
.select2-container--default .select2-results__option--selected{
    background-color: var(--warningcolor) !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field:hover,
.select2-container--default .select2-search--dropdown .select2-search__field{
    outline-color: var(--warningcolor) !important;
}

.sidebar-dark.nav-left-sidebar .navbar-nav .nav-link{
    display: flex;
    align-items: center;
    gap: 5px;
}

.sidebar-dark.nav-left-sidebar .navbar-nav .nav-link img{
    height: 20px;
}
.nextzen_quick_menu img {
    width: 33px;
    height: 34px;
}






.header-summery{
    position: relative;
}
.header-summery p.h3{
    text-align: left !important;
}
.header-summery .card-body{
    padding: 14px !important;
    text-align: left;
}

.header-summery .card p.icon.h3{
    position: absolute;
    font-size: 68px;

    opacity: 0.2;
    z-index: 5;
    right: 0;
    bottom: -18px;
}

.header-summery .card p.icon.h3 i{
     font-size: 81px !important;
}
/* .header-summery .card{
    padding: 15px !important;
} */
.header-summery .card label {
    position: absolute;
    right: -13px;
    bottom: -62px;
    font-size: 68px;
    font-size: 83px;
    opacity: 0.2;
    z-index: 5;

}

.card:after  {
    content: '';
    width: 0;
    height: 0;
    border-top: 15px solid #1338d1;
    border-right: 15px solid transparent;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 8px 1px 18px 1px;
    opacity: 1;
}

.header-summery .card::after
{
    display: none;
}
.header-summery .card *{
    color: #fff !important;

}
.header-summery div:nth-child(1) .card:hover,
.header-summery div:nth-child(1) .card{
    background:#000855 !important;
}
.header-summery div:nth-child(2) .card:hover,
.header-summery div:nth-child(2) .card{
    background:#5c0000 !important;
}
.header-summery div:nth-child(3) .card:hover,
.header-summery div:nth-child(3) .card{
    background:green !important;
}
.header-summery div:nth-child(4) .card:hover,
.header-summery div:nth-child(4) .card{
    background:#006778 !important;
}
.header-summery div:nth-child(5) .card:hover,
.header-summery div:nth-child(5) .card{
    background:rebeccapurple !important;
}
.header-summery div:nth-child(6) .card:hover,
.header-summery div:nth-child(6) .card{
    background:#505050 !important;
}
.header-summery div:nth-child(7) .card:hover,
.header-summery div:nth-child(7) .card{
    background:#2e2f39 !important
}
.header-summery div:nth-child(8) .card:hover,
.header-summery div:nth-child(8) .card{
    background:#0043df !important
}
.header-summery div:nth-child(9) .card:hover,
.header-summery div:nth-child(9) .card{
    background:#2863eb !important
}
.header-summery div:nth-child(10) .card:hover,
.header-summery div:nth-child(10) .card{
    background:#108558 !important
}
.header-summery div:nth-child(11) .card:hover,
.header-summery div:nth-child(11) .card{
    background:#b36a0a !important
}
.header-summery div:nth-child(12) .card:hover,
.header-summery div:nth-child(12) .card{
    background:#0a83b3 !important
}
.header-summery div:nth-child(13) .card:hover,
.header-summery div:nth-child(13) .card{
    background:#750a96 !important
}
.header-summery div:nth-child(14) .card:hover,
.header-summery div:nth-child(14) .card{
    background:#0a9650 !important
}
.header-summery div:nth-child(15) .card:hover,
.header-summery div:nth-child(15) .card{
    background:#947a07 !important
}
.header-summery div:nth-child(16) .card:hover,
.header-summery div:nth-child(16) .card{
    background:#1435a3 !important
}
.header-summery div:nth-child(17) .card:hover,
.header-summery div:nth-child(17) .card{
    background:#10967f !important
}


.card.total-card-color label.icon,
.card.total-card-color h5.text-muted,
.card.total-card-color h1{
    color:white!important;

}