@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.woff');
    font-weight: normal;
    font-style: normal;
}

body {
    padding:0;
    margin:0;
    font-family: 'Roboto';
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}
#main_logo {
	/* max-width:100%; */
    /* height:auto;
    display:block; */
    height: auto;
    background-color: #2a2a72;
    background-image: linear-gradient(315deg, #2a2a72 0%, #009ffd 74%);
    border-radius: 5px;
    width: 79px;
}
a {
 	text-decoration:none;
}
/* ul, ol{
    margin:0;
    padding:0;
} */
/* ul li{
    list-style:none;
} */
*{
	box-sizing: border-box;
}
.main-header{
    /* background-color: #1847b8; */
    background-color: #2a2a72;
    background-image: linear-gradient(315deg, #2a2a72 0%, #009ffd 74%);
    padding: 20px 0px 20px 0px;
}
/* .main-footer {
    background: #fff;
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 999;
} */
.main-footer {
    background: #fff;
    /* position: fixed; */
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 9999;
    border-top: 1px solid #dedede;
}
.sign-in-link a{
    color: white;
    text-decoration: none;
    margin-right: 8px;
}
.sign-in-link a:hover {
    text-decoration: none;
    color: #fff;
    border: 1px solid #fff;
    padding: 5px 7px 7px 7px;
    border-radius: 3px;
    margin-right: 0px;

}
.header-logo img{
    width:60%;
    background: none;
}
.heading{
    padding-top: 40px;
}
.heading h1{
    font-size: 50px;
    line-height: 55px;
    font-weight: 300;
}
.heading-text p{
    font-size: 20px;
    line-height: 22px;
    font-weight: 200;
    margin-bottom: 20px;
}
.bg-btn-white{
    padding: 10px 17px;
    font-size: 17px;
    line-height: 16px;
    margin-bottom: 10px;
    border-radius: 3px;
    margin-top: 10px;
}
.service-body{
    border-radius: 6px;
    padding: 40px 10px 10px 10px;
}
.service{
    padding: 50px 0px 50px 0px;
	background-color: #EEF6F9;
}
.service-icon{
    margin-top: 25px;
    margin-left: -23px;
    margin-bottom: 25px;
}
.service-main-title h5{
    margin-bottom: 30px;
    font-size: 20px;
    line-height: 23px;
    font-weight: 500;
}
.service-body{
    margin-bottom: 20px;
}
.service-title h3{
    font-size: 23px;
    line-height: 28px;
    font-weight: 500;
}
.service-content p{
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #555;
}
.service-body{
    margin-left: -60px;
}
.service-icon img{
    width: 30%;
    display: block;
    margin:  0 auto;
    background-color: #2a2a72;
    background-image: linear-gradient(315deg, #2a2a72 0%, #009ffd 74%);
    border-radius: 5px;
    padding: 10px;
}
.service-detail{
    /* display: flex;
    align-items: center;
	background: #fff;
    border-radius: 5px;
	margin-bottom: 20px;
    border: 1px solid #dedede; */
    background: #fff;
    border-radius: 5px;
    margin-bottom: 20px;
    border: 1px solid #dedede;
    height: 100%;
}
.footer-link{
    padding-top: 20px;
    padding-bottom: 20px;
}
.footer-link a{
    font-size: 14px;
    line-height: 10px;
    font-weight: 400;
    color: #888;
    margin-right: 10;
    padding-bottom: 5px;
    text-decoration: none
}
.footer-copyright{
    margin-top: 0px;
    padding: 10px 0px;
    margin-bottom: 0px;
    border-top: 1px solid #f2f2f2;
}
.footer-copyright p{
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 0px;
    color: #888;
}
.bg-none-btn{
    background: none;
    border: none;
}
.search-cart-icon i{
    color: white;
}
.search-cart-icon span{
    color: white;
}
.search-cart-icon{
    padding-left: 64px;
}
.header-search-logo img{
    width:60%;
    background: none;
}
.header-search-logo{
    display: flex;
    justify-content: flex-end;
}
.footer-sep{
    border-right: 1px solid #f2f2f2;
    padding-right: 10px;
}
@media(min-width:768px) and (max-width:1199px){
    .service-icon{
        margin-right: 10px;
    }
    .header-logo img{
        width:90%;
        background: none;
    }
    .header-search-logo img{
        width:90%;
        background: none;
    }
}
@media(max-width:767px){
    .header-logo img{
        width:60%;
        background: none;
    }
    .header-1{
        width: 50%;
        float: left;
    }
    .header-3{
        width: 50%;
        float: right;
    }
    .header-2{
        display: none;
    }
    .header-search-logo img{
        width:40%;
        background: none;
    }
    .header-search-logo{
        display: flex;
        justify-content: flex-start;
    }
    .header-search-1{
        width: 50%;
        float: left;
        padding: 0px;
    }
    .header-search-2{
        width: 50%;
        float: right;
        text-align: right;
        padding: 0px;
    }
    .search-item-form{
        width: 100%;
    }
    .search-dropdown{
        padding-top: 10px;
    }

}
.error  {
    color: #a94442;
    border: 1px solid #a94442;
}
label.error
{
    border: none;
}
.valid {
    color: green;
}

.valid:before {
    position: relative;
    content: "✔";
}

.invalid {
    color: #c66c6c;
}

.invalid:before {
    position: relative;
    content: "✖";
}
.modal-footer .price-bg-blue-btn {
    padding: 7px;
    border: solid 1px #1847b8;
    transition: all 0.3s;
}
.modal-footer .price-bg-blue-btn:hover {
    border: solid 1px #ddd;
    background: transparent;
    color: #1847b8;
    transition: all 0.3s;
}
.close:hover{
    background-color: #ddd !important;
    border-radius: 2px !important;
}
.table>:not(:first-child)
{
    border-top:none;
}
.shopping-cart {
    background-color: #EEF6F9;
    overflow-y: auto;
    padding: 10px 0 40px 0;
    min-height: calc(100vh - 227px);
}
.shopping-cart-right{
    background: white;
    border-radius: 5px;
    padding: 10px;
    margin-top: 22%;
    border: 1px solid #ced4da;
}
.shopping-cart-title h6{
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    padding-bottom: 5px;
}
.shopping-cart-right .shopping-cart-title h6{
    border-bottom: 1px solid #dedede;
}
.shopping-cart-left .shopping-cart-title h6{
    margin: 20px 0px;
}
.price-title{
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
    color:#555;
}
.sp-price{
    font-size: 16px;
    line-height: 17px;
    font-weight: 600;
    color:#555;
}
.unit-price-main{
    margin-bottom: 8px;
}
.total-quantity-main{
    margin-bottom: 20px;
}
.subtotal-main {
    margin-bottom: 15px;
}
.price-msg-d{
    margin-top: 10px;
}
.priceMsg-r{
    font-size: 12px;
    color: #888;
    font-style: italic;
}
.priceMsg-l{
    font-size: 12px;
    color: #888;
    font-style: italic;
}
.price-bg-blue-btn{
    width: 100%;
    background: #1847b8;
    border-radius: 3px;
    border: none;
    color: white;
    padding: 7px;
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    background-image: linear-gradient(315deg, #2a2a72 0%, #009ffd 74%);
}
.price-updbg-blue-btn{
    width: 100%;
    background: #fff;
    border-radius: 3px;
    border: none;
    color: 1847b8;
    padding: 5px;
    margin-right: 10px;
    font-size: 13px;
    line-height: 19px;
    font-weight: 400;
    border: 1px solid #1847b8;
}
.price-updbg-blue-btn:hover{
    background-image: linear-gradient(315deg, #2a2a72 0%, #009ffd 74%);
    color: #fff;
}
.table-bg{
    background: #5f7686;
    font-size: 13px;
    line-height: 23px;
}
.shooping-cart-grid tbody{
    background-color: white;
}
.shooping-cart-grid{
    border-radius: 5px;
}
    .shooping-cart-grid table{
    margin-bottom: 0px;
}
.sp-subtotal{
    text-align: right;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
}
.shooping-cart-grid table{
    margin-bottom: 0px;
}
.shooping-cart-grid table td{
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
}
.check-nm{
    font-size: 14px;
    line-height: 25px;
    font-weight: 400;
}
.pro-main{
    display: flex;
    align-items: center;
}
.pro-del{
    width: 100%;
}
.check-mid{
    vertical-align: left;
}
.check-mid-del{
    vertical-align: left;
    padding-right: 2% !important;
}

.del-icon
{
cursor: pointer;
}
.del-icon:hover{
    cursor: pointer;
}

.product-description p{
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
}
.product-grid td{
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
}
.product-quantity{
    margin-bottom: 10px;
}
.product-type{
    margin-bottom: 10px;
}
.search-item-list-body{
    padding: 0px;
    margin-top: 10px;
}
.search-item-list-form {
    margin: 0 0;
    box-shadow: none;
    width: 60%;
    float: right;
}
.search-item-list-title{
    width: 40%;
    float: left;
}
.tr-bg{
    background: #f7f7f7 !important;
    color: #555 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    vertical-align: middle;
}
.tr-dash-bg{
    background: #f7f7f7 !important;
    color: #555 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    vertical-align: middle;
    border-left: 1px solid #ededed;
    border-right: 1px solid #ededed;
    border-top: 1px solid #ededed;
    text-transform: uppercase;
}
.td-dash-bg{
    border-left: 1px solid #ededed;
    border-right: 1px solid #ededed;

}
.product-part{
    color: #505050 !important;
    font-weight: 600;
}
.last_month{
    font-size:11px;
    color:#888;
    padding-left:5px;
    padding-top:3px;
}
.out-of-stock{
    margin-top: 6%;
    color: red;
    font-weight: 600;
}
.product-price{
    text-align: right;
}
.product-img img{
    margin: 0 auto;
    width: 55px;
    background: none;
}
.product-img{
    -webkit-transition: all 0.2s ease 0s;
}
.product-upload img{
    max-width: 72px;
    margin: 0 auto;
    text-align: center;
    background: none;
}
.product-upload-dis img{
    max-width: 72px;
    margin: 0 auto;
    text-align: center;
    background: none;
}
.product-upload{
    text-align: center;
    color: #888;
}
.product-upload-dis{
    text-align: center;
    color: #888;
}
.pro-up{
    width:10%;
    vertical-align: middle;
}
.check-mid{
    vertical-align: middle;
}
.form-check{
    margin-left: 17px;
}
.btn-blue-set{
    margin: 0px;
    padding: 13px 20px;
}
.product-grid table{
    background-color: white;
    margin-bottom: 0px;
}
.bg-btn-blue{
    background: #1847b8;
    color: white;
    border: none;
    margin: 2px;
    font-size: 15px;
    background-image: linear-gradient(315deg, #2a2a72 0%, #009ffd 74%);
    border-radius: 0px 5px 5px 0px;
}
.btn-blue-cart{
    padding: 5px 8px;
    font-size: 13px;
    border-radius: 5px;
    background: white;
    color: #1847b8;
    border: 1px solid #1847b8;
}
.s-cart-bg {
    background: #fff;
    border: 1px solid #ced4da;
    padding: 10px;
    border-radius: 5px;
}
.th-lft th {
    text-align: left;
}
.text-lft {
    text-align: left;
}
.th-cnt th {
    text-align: center;
}
.text-cnt {
    text-align: center;
}
.th-rht th {
    text-align: right;
}
.text-rht {
    text-align: right;
}
.summary-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 5px;
}
.summary-btn .price-btn {
    width: 100%;
    max-width: 150px;
}
.summary-btn .price-bg-blue-btn {
    padding: 7px;
    border: solid 1px #1847b8;
    transition: all 0.3s;
}
.summary-btn .price-bg-blue-btn:hover {
    border: solid 1px #ddd;
    background: transparent;
    color: #1847b8;
    transition: all 0.3s;
}
.search-btn{
    padding: 7px;
    border: solid 1px #ddd;
    background: transparent;
    color: #1847b8;
    transition: all 0.3s;
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    border-radius: 3px;
    /* border-radius: 5px;
    width: 150px; */
}
.search-btn-msg{
    color: #856404;
    background-color: #fff3cd;
    text-decoration: underline;
}
.search-btn-msg:hover{
    cursor: pointer;

}
.cart-qty{
    font-weight: 400;
    font-size: 14px;
}
.delete-item:hover {
    color: #EC7070 !important;

}
.th-b {
    font-weight: 600 !important;
}
.remove-btn{
    font-size: 13px !important;
    background-color: #fff;
    color: #ec7070 !important;
    border: 1px solid #ec7070 !important;
    padding: 5px;
    border-radius: 3px;
    min-width: 80px;
}
.remove-btn:hover{
    background-color: #ec7070;
    color: #fff !important;
    border: 1px solid #ec7070 !important;
    background-image: linear-gradient(315deg, #ee3939 0%, #f19797 74%);
}
.search-label-warning{
    text-align: center;
    font-size: 16px;
    padding: 10px;
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}
.search-label-error{
    text-align: center;
    font-size: 16px;
    padding: 10px;
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
.dropdown-menu{
    display: none;
}
.dropdown:hover .dropdown-menu{
    display: block;
}
.product-img:hover{
    -ms-transform: scale(1.5); /* IE 9 */
    -webkit-transform: scale(1.5); /* Safari 3-8 */
    transform: scale(2);
    z-index: 5000 !important;
    position: sticky ;
}

@media(max-width:992px){
    .sp-1{
    max-width: 100%;
    flex: 100%;
    }
    .sp-2{
    max-width: 100%;
    flex: 100%;
    }
}

.search-item{
    background-color: #EEF6F9;
    padding: 70px 0px 450px 0px;
}
.seacrh-item-title h3{
    font-size: 30px;
    line-height: 33px;
    font-weight: 500;
    padding-bottom:15px;
}
.search-item-content p{
    font-size: 15px;
    line-height: 20px;
    padding-bottom:15px;
}
.search-item-form{
    width: 50%;
    margin: 0 auto;
    box-shadow: 0 0 10px rgb(17 17 17 / 20%);
}
.search-item-form .input-group input{
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    padding: 10px;
    font-style: italic;
    border-right: 0px;
}
.input-group-cart-btn{
    padding: 10px 20px;
    background: #1847b8;
    color: white;
    border: none;
    margin: 2px;
    font-size: 15px;
}
.search-item-img img{
    width: 10%;
    margin: 0 auto;
    padding-bottom: 10px;
    background: none;
}

.search-item-list {
    background-color: #EEF6F9;
    overflow-y: auto;
    padding: 0px 0 40px 0;
    min-height: calc(100vh - 227px);
}
.search-item-list-title h3{
    margin-right: 10px;
}
.product-description p{
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
}
.product-grid td{
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
}
.product-quantity{
    margin-bottom: 10px;
}
.product-type{
    margin-bottom: 10px;
}
.search-item-list-body{
   padding: 0px;
   margin-top: 10px;
}
.search-item-list-form {
    margin: 0 0;
    box-shadow: none;
    width: 60%;
    float: right;
}
.search-item-list-title{
    width: 40%;
    float: left;
}
.btn-blue-set{
    margin: 0px;
    padding: 16px 20px;
}
.text-ui{
    text-align: left !important;
}
.main-form {
    /* padding-left: 0; */
    padding-right: 0;
    margin: 0 auto;
    width: 70%;
}
.search-item-list-main {
    padding: 10px 0;
    margin-top: 1px;
}
.main-form .bs-none:focus {
    box-shadow: none !important;
    outline: none;
    background-color: transparent;
}
.main-form .bs-none{
    background-color: #fff !important;
    color: #555 !important;
    border-color: #ddd !important;
    text-align: left;
    width: 30%;

}
.main-form .bs-none:hover {
    border-color: #ddd;
    color: #555;
    background-color: #fff !important;
}
.main-form .form-control:focus {
   box-shadow: none;
   outline: none;
}
.main-form .dropdown-item:hover {
    background-color: #2283e4;
}
.main-bg-tbl {
    background: #fff;
    border: 1px solid #ced4da;
    padding: 10px;
    border-radius: 5px;
}
.bdr-n button {
    border: none;
}
.loc-ctr {
    text-align: center;
    padding: 10px;
}
.cart-btn{
    font-size: 13px !important;
    background-color: #fff;
    color: #1847b8 !important;
    border: 1px solid #1847b8 !important;
    padding: 5px;
    border-radius: 3px;
}
.cart-btn:hover{
    background-color: #1847b8;
    color: #fff !important;
    border: 1px solid #1847b8 !important;
    background-image: linear-gradient(315deg, #2a2a72 0%, #009ffd 74%);
}
.remove-btn{
    font-size: 13px !important;
    background-color: #fff;
    color: #ec7070 !important;
    border: 1px solid #ec7070 !important;
    padding: 5px;
    border-radius: 3px;
    min-width: 90px;
}
.remove-btn:hover{
    background-color: #ec7070;
    color: #fff !important;
    border: 1px solid #ec7070 !important;
    background-image: linear-gradient(315deg, #ee3939 0%, #f19797 74%);
}
.add-to-cart:hover {
    color: #2A9F00;
}

.th-b {
    font-weight: 600 !important;
}
.search-label-warning{
    text-align: center;
    font-size: 16px;
    padding: 10px;
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}
.search-label-error{
    text-align: center;
    font-size: 16px;
    padding: 10px;
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.thank-u{
    background-color: #EEF6F9;
    padding: 40px 0px 40px 0px;
    min-height: calc(100vh - 227px);
    overflow-y: auto;
}
.thank-u-w{
    background-color: #fff;
    padding: 25px;
    border: 1px solid #dedede;
    border-radius: 5px;
}
.thank-u-title h1 {
  font-size: 50px;
  line-height: 53px;
  font-weight: 500;
  margin-bottom: 20px;
  color: #555;
}
.thank-u-title h5 {
  font-size: 30px;
  line-height: 33px;
  font-weight: 400;
  margin-bottom: 80px;
  color: #555;
}
.thank-u-content p {
  font-size: 16px;
  line-height: 19px;
  font-weight: 500;
  text-align: left;
  color: #555;
  padding-top: 15px;
}
.thank-u-content {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #555;
}
.thank-u-body{
    width: 100%;
}
.other-u-body{
    width: 170%;
}
.thank-u-email-icon-top img {
  margin: 0 auto;
  width: 100px;
}
.thank-u-email-icon-bottom img {
  margin: 0 auto;
  width: 40px;
}
.thank-u-email-icon-img {
    height: auto !important;
    background-color: transparent !important;
    background-image: none !important;
    border-radius: 5px !important;
}
.thank-u-content-top {
  margin-bottom: 20px;
}
.thank-u-detail-top {
  margin-left: 20px;
}
.thank-u-detail-bottom {
  margin-right: 10px;
}
.thank-u-title-header {
    font-size: 14px !important;
    font-weight: bold !important;
    color: #555 !important;
    padding-top: 15px !important;
    margin-bottom: 0px !important;
}
.thank-u-title-header-1 {
    font-size: 16px !important;
    font-weight: bold !important;
    color: #000 !important;
    padding-top: 15px !important;
    margin-bottom: 0px !important;
}
.th_ordnr {
  color: #555;
}
.price-btn {
    width: 100%;
    max-width: 125px;
}

.thank-u-title h6 {
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    margin-top: 30px !important;
    border-bottom: 1px solid #ededed;
    padding-bottom: 10px;
}

.profile-u{
    background-color: #EEF6F9;
    padding: 80px 0px 40px 0px;
    min-height: calc(100vh - 227px);
    overflow-y: auto;
}
.profile-u-w{
    background-color: #fff;
    padding: 20px;
    border: 1px solid #dedede;
    width: 50%;
    margin-left: 27%;
    border-radius: 5px;
}
.profile-header h6{
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    margin-bottom: 30px !important;
}
.profile-u-title h1 {
  font-size: 50px;
  line-height: 53px;
  font-weight: 500;
  margin-bottom: 20px;
  color: #555;
}
.profile-u-title h3 {
  font-size: 30px;
  line-height: 33px;
  font-weight: 400;
  margin-bottom: 80px;
  color: #555;
}
.profile-u-content p {
  font-size: 16px;
  line-height: 19px;
  font-weight: 500;
  text-align: left;
  color: #555;
  padding-top: 15px;
}
.profile-u-content {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #555;
}
.profile-u-email-icon-top img {
  margin: 0 auto;
}
.profile-u-email-icon-bottom img {
  margin: 0 auto;
}
.profile-u-content-top {
  margin-bottom: 20px;
}
.profile-u-detail-top {
  margin-left: 20px;
}
.profile-u-detail-bottom {
  margin-right: 10px;
}
.profile-u-email-icon-top img {
  width: 100px;
}
.profile-u-email-icon-bottom img {
  width: 40px;
}
.save-btn{
    background-color: #fff !important;
    border-radius: 3px;
    border: none;
    color: white;
    padding: 7px 12px;
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    border: 1px solid #1847b8 !important;
    background-image: linear-gradient(315deg, #2a2a72 0%, #009ffd 74%);
}
.save-btn:hover{
  border: solid 1px #ddd;
    background: transparent;
    color: #1847b8;
    transition: all 0.3s;
}
.pwd-link
{
  color: #0d6efd;
}
.pwd-link:hover
{
  text-decoration: underline;
  cursor: pointer;
}
.pwd-label{
  color: #555;
}
.tab-Btn{
    border: none;
    background: transparent;
    /* border-bottom: 2px solid; */
    width: 12%;
    padding: 5px;
    margin-left: -5px;
}
.flag_img{
    background-color: transparent !important;
    background-image: none !important;
    border-radius: 0px !important;
    width: 20px !important;
    margin-right: 5px;
    margin-top: -3px;
}
.search_mpn_txt{
    border: none;
    color: #1847b8;
    cursor: pointer;
    font-weight: normal;
}
.search_mpn_txt:hover{
    text-decoration: underline;
}

.dashboard-form {
    width: 98.8%;
}
.dashboard-form .bs-none:focus {
    box-shadow: none !important;
    outline: none;
    background-color: transparent;
}
.dashboard-form .bs-none{
    background-color: #fff !important;
    color: #555 !important;
    border-color: #ddd !important;
    text-align: left;
    width: 30%;

}
.dashboard-form .bs-none:hover {
    border-color: #ddd;
    color: #555;
    background-color: #fff !important;
}
.dashboard-form .form-control:focus {
   box-shadow: none;
   outline: none;
}
.dashboard-form .dropdown-item:hover {
    background-color: #2283e4;
}
.error-search{
    box-shadow: 0 0 0.5em red;
}

.statistics-block {
    border: 1px solid #CED4DA;
    padding: 5px 15px;
    width: 23.6%;
    background: white;
    border-radius: 5px;
    color: #555;
    font-weight: normal !important;
}
.dashboard-head img {
    max-height: 50px;
    margin: 0 auto;
    text-align: center;
    background: none;
    padding-bottom: 5px;
}
.dashboard-bg-tbl {
    background: #fff;
    border: 1px solid #CED4DA;
    padding: 20px;
    border-radius: 5px;
    margin-top: 5px;
}
.box-icon{
    color: #009ffd;
    display: block;
    background: -webkit-linear-gradient(#009FFD, #2A2A72);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.seach-part-btn{
    margin-left: 1.5%;
    color: white;
    background-color: #2A2A72;
    background-image: linear-gradient(315deg, #2A2A72 0%, #009FFD 74%);
    padding: 25px 0px 0px 0px;
    font-size: 20px;
    font-weight: normal !important;
    text-align: center !important;
}
.seach-part-btn:hover{
    color: white !important;
    text-decoration: underline !important;
}
.dashboard-head {
    color: #000 !important;
    width: 250px;
}
.part_stat{
    font-weight: normal !important;
    color: #000 !important;
}
.part_stat_header{
    font-weight: normal !important;
    color:#555 !important;
    font-size: 12px !important;
}
.part_stat_header_partner{
    width:20% !important;
}
.part_stat_header_stock{
    width:20% !important;
    text-align: right !important;
}
.part_stat_header_up{
    width:20% !important;
    text-align: right !important;
}
.part_stat_header_location{
    width:20% !important;
    text-align: right !important;
}
.part_stat_header_date{
    width:20% !important;
    text-align: right !important;
}
.statistics-icon{
    float: right;
    font-size: 30px;
    top: 4px;
    color: #009ffd;
}
.statistics-block-count{
    font-size: 24px;
    color:#000;
    display: flex;
    /* padding-top: 5px; */
}
.statistics-block-label{
    display: flex;
    padding-top: 5px;
}
.statistics-block-margin{
    margin-left: 1.5%;
}
.statistics-blocks{
    display: flex;
    padding-bottom: 15px;
    height: 100px;
}
.dashboard-data{
    text-align: right !important;
    color: #000 !important;
}

#myBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    color: white;
    cursor: pointer;
    padding: 5px;
    border-radius: 10px;
    font-size: 18px;
    background-image: linear-gradient(315deg, #2a2a72 0%, #009ffd 74%);
  }

  .disable-btn{
    padding: 7px;
    border: solid 1px #ddd;
    transition: all 0.3s;
    background: #ddd;
    color: #888;
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    width: 100%;
    border-radius: 3px;
  }

  pre {
    background: #f4f4f4;
    border: 1px solid #ddd;
    border-left: 3px solid #f36d33;
    color: #666;
    page-break-inside: avoid;
    font-family: monospace;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1em 1.5em;
    display: block;
    word-wrap: break-word;
}
.code-highlight {
    background-color: #e7e7e7;
    border-radius: 4px;
    color: #383838;
    padding: 4px;
    font-weight: bold;
}

.api-list{
    color: #0d6efd;
    cursor: pointer;
    font-size: 17px;
    margin-bottom: 0px !important;
}
.api-list:hover{
    text-decoration: underline;
    color: #0a58ca;
}
.api-desc{
    margin-top: 5px;
    margin-bottom: 5px !important;
}
.m-t-5
{
    margin-top:5px;
}
.m-b-5
{
    margin-bottom:5px;
}
.p-t-20
{
    padding-top:20px;
}
.m-b-line-10
{
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 10px;
}

.api-link:hover{
    text-decoration: 2px underline;
}

.field-icon {
    float: right;
    margin-left: -25px;
    margin-top: -28px;
    margin-right: 12px;
    position: relative;
    z-index: 2;
}

.text-ui.th-b.statistics-block:hover {
    border-color: #ADB3BD;
    box-shadow: var(--cu-elevation-2);
}
.dashboard-bg-tbl.main-bg-tbl:hover {
    border-color: #ADB3BD;
    box-shadow: var(--cu-elevation-2);
}