@font-face 
{
  font-family: 'Poppins-Regular';
  src: url('../fonts/Poppins-Regular.TTF');
  src: local("?"), url('../fonts/Poppins-Regular.woff') format("woff"), url('../fonts/Poppins-Regular.TTF') format("truetype"); 
}

@font-face 
{
  font-family: 'Poppins-SemiBold';
  src: url('../fonts/Poppins-SemiBold.TTF');
  src: local("?"), url('../fonts/Poppins-SemiBold.woff') format("woff"), url('../fonts/Poppins-SemiBold.TTF') format("truetype"); 
}

html, body{font-family:Poppins-Regular, Calibri, Arial; color:#333; font-size:13px; line-height:22px;}


a{text-decoration:none; color:#42c3aa;}

/* Back to top button */

.back-to-top{position:fixed; display:none; background:#42c3aa; color:#fff; width:44px; height:44px; text-align:center; line-height:1; font-size:16px; border-radius:50%; right:15px; bottom:15px; transition:background 0.5s; z-index:9999;}
.back-to-top i{padding-top:12px; color:#fff;}

/* Start Prelaoder */

/*#preloader {position:fixed; top:0; left:0; right:0; bottom:0; z-index:9999; overflow:hidden; background:#fff;}
#preloader:before {content:""; position:fixed; top:calc(50% - 30px); left:calc(50% - 30px); border:5px solid #f2f2f2; border-top:5px solid #d29f18; border-radius:50%; width:60px; height:60px; -webkit-animation:animate-preloader 1s linear infinite; animation:animate-preloader 1s linear infinite;}
@-webkit-keyframes animate-preloader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes animate-preloader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
*/


.intro-info{margin:100px 0 0; min-height:450px;}
.intro-info .title{color:#333; font-weight:bold; text-align:center;}
.Login_box{padding:30px; position:relative; overflow:hidden; border-radius:10px; margin:0 10px 40px 10px; background:#fff; box-shadow:0 10px 29px 0 rgba(68, 88, 144, 0.1); transition:all 0.3s ease-in-out; border:5px solid #e8e8e8;}


.header{background:#fcfcfc; padding:5px 0;}
.header-upper{background:#35a2c6; height:35px;}


/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header{height:50px; transition:all 0.5s; z-index:997; transition:all 0.5s; padding:0; border-bottom:1px solid #ccc; background:#42c3aa;}
.logo{padding:5px 0 0 15px;}

.top_header_search{padding:15px 15px 0 0;}
.top_header_search .bi{padding:0 10px 0 0;}
.top_header_search a{color:#fff; margin:0 10px; font-size:18px;}

.user_name{font-size:13px !important;}

.top_search_bg{background:#c7ede6; border:0; width:200px; height:auto; border-radius:20px; display:inline-block; float:left; margin:-2px 0 0;}
.top_search_bg_icon{width:35px; padding:5px; display:inline-block; text-align:center;}
.top_search{background:#c7ede6; border:0; width:155px; height:auto; border-radius:20px; display:inline-block;}
.top_search:focus{outline:none;/* width:300px;*/}
/*.top_search:focus .top_search_bg{width:350px;}*/

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Desktop Navigation */
.main-nav {
    /* Drop Down */
    /* Deep Drop Down */
}
.main-nav, .main-nav * {margin:0; padding: 0; list-style: none; }
.main-nav > ul > li {position: relative; white-space: nowrap; float: left; }
.main-nav a { display: block; position: relative; color: #333; margin:0 1px; padding:10px; transition: 0.3s; font-weight: 500; line-height: 20px; font-size:13px; }
.main-nav a:hover,
.main-nav .active > a,
.main-nav li:hover > a { color: #007bff; text-decoration: none; font-weight:500;}
.main-nav .drop-down ul { display: block; position: absolute; left: 0; top: calc(100% + 30px); z-index: 99; opacity: 0; visibility: hidden; padding: 10px 0; background: #fff; box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25); transition: ease all 0.3s; }
.main-nav .drop-down:hover > ul { opacity: 1; top: 100%; visibility: visible; }
.main-nav .drop-down li {min-width: 180px; position: relative;}
.main-nav .drop-down ul a {padding:7px 10px; font-size: 13px; color: #004289;}
.main-nav .drop-down ul a:hover,
.main-nav .drop-down ul .active > a,
.main-nav .drop-down ul li:hover > a {color: #007bff;}
.main-nav .drop-down > a:after {content: "\f107"; font-family: FontAwesome; padding-left: 5px;}
.main-nav .drop-down .drop-down ul {top: 0; left: calc(100% - 30px);}
.main-nav .drop-down .drop-down:hover > ul {opacity: 1; top: 0; left: 100%;}
.main-nav .drop-down .drop-down > a {padding-right: 35px;}
.main-nav .drop-down .drop-down > a:after {content: "\f105"; position: absolute; right: 15px;}

/* Mobile Navigation */
.mobile-nav {position:fixed; top:0; bottom:0; z-index:9999; overflow-y:auto; left:-260px; width:260px; padding-top:18px; background:rgba(19, 39, 57, 0.8); transition:0.4s;}
.mobile-nav * {margin: 0;padding: 0;list-style: none;}
.mobile-nav a {display: block;position: relative;color: #fff;padding:5px 10px;font-weight: 500;font-size:13px;}
.mobile-nav a:hover,
.mobile-nav .active > a,
.mobile-nav li:hover > a {color: #007bff;text-decoration: none;}
.mobile-nav .drop-down > a:after {content: "\f078";font-family: FontAwesome;padding-left: 10px;position: absolute;right: 15px;}
.mobile-nav .active.drop-down > a:after {content: "\f077";}
.mobile-nav .drop-down > a {padding-right: 35px;}
.mobile-nav .drop-down ul {display: none;overflow: hidden;}
.mobile-nav .drop-down li {padding-left: 20px;}
.mobile-nav-toggle {position:fixed;right: 0;top:5px;z-index: 9998;border: 0;background: none;font-size: 24px;transition: all 0.4s;outline: none !important;line-height: 1;cursor: pointer;text-align: right;}
.mobile-nav-toggle i {margin: 10px 18px 0 0;color: #545b62;}
.mobile-nav-overly {width: 100%;height: 100%;z-index: 9997;top: 0;left: 0;position: fixed;background: rgba(19, 39, 57, 0.8);overflow: hidden;display: none;}
.mobile-nav-active {overflow: hidden;}
.mobile-nav-active .mobile-nav {left: 0;}
.mobile-nav-active .mobile-nav-toggle i {color: #fff;}


.Inner_Container{min-height:79vh; margin:70px 0 0;}

.page_title{font-size:18px; margin-bottom:20px; font-weight:bold;}

.Heading{background:#d9dfe6; color:#333; font-size:16px; padding:10px; margin:0px 0 10px; font-weight:bold;}

.border-bottom{border-bottom:1px solid #f4f4f4 !important;}

.form-control{padding:0.375rem;}
.custom-control ul{margin:0 0 0 -27px; padding:0;}
.custom-control ul li{margin:0 0 5px 9px; list-style-type:none; display:block; border-radius:5px; border:1px solid #ccc; padding:3px 10px 0 25px ;}
.custom-control-label{line-height:25px;}
.form-group{margin-bottom:20px;}
.form-group label{margin:0 0 2px;}
.form-group .form-label{font-size:15px; font-weight:600;}

.DatePicker{background: #fff url(../images/CalIcon.png) right center no-repeat; background-repeat: no-repeat;}

.SearchPannel{width: 100%; height: auto; padding: 10px; margin: 5px 0 0; background: #d9dfe6; display: block; border-radius: 5px;}
.btn-primary{color:#fff; background-color:#42c3aa; border-color:#42c3aa;}

.card_title{font-size:16px; font-weight:bold; padding:15px; border-bottom: 1px solid #f4f4f4; margin:0 0 5px;}

.dashboard_box{border-radius:5px; box-shadow:0 0 15px #e3e3e3; margin-bottom:20px;}
.dashboard_list{margin:0; padding:10px 15px;}
.dashboard_list ul{margin:0; padding:0;}
.dashboard_list ul li{margin:0; padding:5px 0; list-style-type:none; display:block;}
.dashboard_list ul li a{color:#333;}
.dashboard_list ul li a:hover{color:#42c3aa;}
.dashboard_list .bi{margin:0 5px 0 0; color:#42c3aa;}

.common_tasks_list{margin:0; padding:10px 15px;}
.common_tasks_list ul{margin:0; padding:0;}
.common_tasks_list ul li{margin:0; padding:5px 20px 5px 5px; list-style-type:none; display:inline-block;}
.common_tasks_list ul li a{color:#333;}
.common_tasks_list ul li a:hover{color:#42c3aa;}
.common_tasks_list ul li .bi{color:#42c3aa; margin:0 10px 0 0;}

.top_report_list{margin:0; padding:10px 15px;}
.top_report_list ul{margin:0; padding:0;}
.top_report_list ul li{margin:0; padding:10px; background:#f2f9f9; margin:0 0 10px; list-style-type:none; display:block; border-radius:8px;}
.top_report_list ul li a{color:#333;}
.top_report_list ul li a:hover{color:#42c3aa;}
.top_report_list ul li .bi{color:#42c3aa; margin:0 0 0 10px; font-weight:bold;}




.dashboard_ammount{font-size:16px; font-weight:bold; color:#42c3aa; width:45px; display:inline-block;}
.dashboard_table{width:100%;}
.dashboard_table thead{font-weight:bold; border-bottom:1px solid #eee !important;}
.dashboard_table th{padding:10px; text-align:center;}
.dashboard_table td{padding:10px; text-align:center;}
.dashboard_table td:first-child {background-color:#fff; border-right:1px solid #eee !important; text-align:right;}
.dashboard_table th:first-child {background-color:#fff; border-right:1px solid #eee !important;}

.dashboard_table tr:nth-child(even) {background-color: #f2f9f9;}

.dashboard_edit_btn{border:1px solid #ccc; padding:5px 20px;}
.dropdown-toggle::after{display:none;}
.dropdown-item{padding: .8rem 1rem;}
.dropdown-item .bi{margin:0 5px 0 0; color:#42c3aa;}
.dropdown-item:active{background-color:#42c3aa;}
.dropdown-item:active .bi{color:#fff;}

.small_head{font-size:16px; font-weight:bold; margin:0 0 15px;}

.organisation_head{font-size:25px; font-weight:bold; margin:0 0 30px; width:100%; float:left;}
.organisation_rating_bg{background:#fdf0e8; padding:20px; border-radius:10px; font-size:20px; width:auto; float:right; white-space:nowrap;}

.form-label{margin:0}

.btn-outline-green{border:1px solid #42c3aa !important; color:#42c3aa !important; padding:5px 25px 3px !important; border-radius:5px;}
.btn-outline-green .bi{margin:0 5px 0 0;}
.btn-outline-green:hover{border:1px solid #42c3aa !important; background:#42c3aa !important; color:#fff !important; padding:5px 25px 3px !important; border-radius:5px;}
.btn-outline-green:hover .bi{color:#fff; margin:0 5px 0 0;}

.btn-outline-orange{border:1px solid #fa8748; color:#fa8748; padding:5px 25px 3px; border-radius:5px; margin:0 0 0 5px;}
.btn-outline-orange:hover{border:1px solid #fa8748; background:#fa8748; color:#fff; padding:5px 25px 3px; border-radius:5px;}

.btn-primary{border:1px solid #42c3aa; background:#42c3aa; color:#fff; padding:5px 25px 3px; border-radius:5px;}
.btn-primary:hover{border:1px solid #42c3aa; background:none; color:#42c3aa; border-radius:5px;}

.inputfile{width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1;}
.inputfile + label{width:100%; font-size:14px; font-weight:500; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; display: inline-block; overflow: hidden; padding:4px 10px; color: #fff; border:1px solid #42c3aa; background:#42c3aa; border-radius:5px; text-align:center; float:left;}

.textarea{resize:none;}
.form-control{background-color:#f9f9f9;}
.form-select{background-color:#f9f9f9;}

.edit-form-control{background:#fff; padding: 0.375rem 0.375rem 0.375rem 0; border:none;}

.light_green_bg{background:#ecf9f6; padding:20px 5px; text-align:center; border-radius:5px; margin:0 0 10px;}
.light_orange_bg{background:#fff7e9; padding:20px 5px; text-align:center; border-radius:5px; margin:0 0 10px;}

.product_no{font-size:30px; font-weight:bold; margin:0 0 15px;}
.product_title{font-size: 12px;}
.green_text{color:#42c3aa !important;}
.blue_text{color:#2256dd !important;}
.orange_text{color:#fcae2b !important;}
.gray_text{font-size:11px; color:#999;}
.brand_gray_text{font-size:13px; color:#999; font-weight:normal; padding:3px 0 0;}

.status_complete{color:#42c3aa !important;}
.status_audit{color:#999 !important;}
.status_inprogress{color:#fcae2b !important;}
.status_pending{color:#ff6262 !important;}

.product_search_bg{background:#f5f5f5; border:0; width:240px; height:auto; border-radius:20px; float:right; margin:-2px 0 0;}
.product_search_icon{width:35px; padding:5px; display:inline-block; text-align:center; font-size:12px;}
.product_right_search_icon{width:35px; padding:5px; display:inline-block; text-align:center; font-size:12px;}
.product_search{background:#f5f5f5; border:0; width:155px; font-size:12px; height:auto; border-radius:20px; display:inline-block;}
.product_search:focus{outline:none;/* width:300px;*/}
/*.top_search:focus .top_search_bg{width:350px;}*/

.upload_icon{width:50px; height:50px; margin:0 auto 15px; background:#f2f9f9; color:#42c3aa; font-size:30px; text-align:center; border-radius:50px; line-height:50px;}

.details_title{font-weight:bold; margin:0 0 3px;}

.brand_report_name{margin:0; padding:4px 10px; background:#f2f9f9; border-radius:5px;}
.brand_report_name .bi{font-size:16px; color:#42c3aa; margin:0 0 0 10px;}
/*.brand_report_name a .bi{color:#999;}*/

.star{color:#fa8748;}
.star_light{color:#f8d4bf;}

.poweredby{color:#6f7780; font-size:10px; font-weight:normal; float:right;}
.card_lable{color:#6f7780;}
.billing a{color:#42c3aa !important;}
.billing a .bi{margin:0 0 0 10px;}

.rating_bg{background:#fdf0e8; padding:10px; border-radius:10px;}
.scans_bg{background:#f2f9f9; padding:10px; border-radius:10px;}

.offcanvas-end{width:600px;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{color: #495057; background-color:#fff; border-color:#fff; border-bottom: 3px solid #42c3aa; color:#42c3aa;}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{border-color:#fff; isolation: isolate; color:#42c3aa; border-bottom: 3px solid #42c3aa;}
.nav-link{color:#333;}
.nav-tabs .nav-link{border-bottom: 3px solid transparent;}

.tab_container{padding: 20px; background-color: #d6dbeb; border-radius: 5px;}
.tab_container::-webkit-scrollbar {width:6px; height:6px;}
.tab_container::-webkit-scrollbar-track {border-radius: 10px; background:#fff;}
.tab_container::-webkit-scrollbar-thumb {border-radius: 10px; background:#ccc;}
.tab_container::-webkit-scrollbar-thumb:hover {background: #bbb;}

.product_link{width:100%; padding: 10px 0; border-bottom: 1px solid #f4f4f4;}
.product_link a{color:#333; padding:5px 20px 5px 0;}
.product_link a:hover{color:#42c3aa;}
.product_link .bi{color:#42c3aa;}

.product_details_top{width:100%; padding: 10px 0;}
.product_details_top ul{margin:0; padding:0;}
.product_details_top ul li{margin:0; color:#333; padding:5px 20px 15px 0; width:210px; display:inline-block; list-style-type:none;}
.product_details_top a{color:#333; padding:5px 20px 15px 0; width:210px; display:inline-block;}
.product_details_top a:hover{color:#42c3aa;}
.product_details_top .bi{color:#42c3aa; font-size:16px; margin:0 5px 0 0;}

.supply_chain_box{background:#fff; border-radius:5px; padding:20px 10px; text-align:center; border:2px solid #fff;}
.supply_chain_box:hover{border:2px solid #42c3aa;}
.supply_chain_box.active{border:2px solid #42c3aa;}
.supply_chain_box img{width:80%; margin:0 0 15px;}
.supply_chain_rating{font-size:16px; font-weight:bold;}
.supply_chain_head{font-size:18px; font-weight:bold; margin:0 0 10px;}

.supply_chain_icon{width:78px; height:50px; margin:0 auto 10px;}
.supply_chain_icon.farming_icon1{background:url(../images/zeep_icon.png) 0 0;}
.supply_chain_box:hover .farming_icon1{background:url(../images/zeep_icon.png) 0 50px;}
.supply_chain_box.active .farming_icon1{background:url(../images/zeep_icon.png) 0 50px;}

.supply_chain_icon.farming_icon2{background:url(../images/factory_icon.png) 0 0;}
.supply_chain_box:hover .farming_icon2{background:url(../images/factory_icon.png) 0 50px;}
.supply_chain_box.active .farming_icon2{background:url(../images/factory_icon.png) 0 50px;}

.supply_chain_icon.farming_icon3{background:url(../images/truck_icon.png) 0 0;}
.supply_chain_box:hover .farming_icon3{background:url(../images/truck_icon.png) 0 50px;}
.supply_chain_box.active .farming_icon3{background:url(../images/truck_icon.png) 0 50px;}

.supply_chain_icon.farming_icon4{background:url(../images/company_icon.png) 0 0;}
.supply_chain_box:hover .farming_icon4{background:url(../images/company_icon.png) 0 50px;}
.supply_chain_box.active .farming_icon4{background:url(../images/company_icon.png) 0 50px;}

/*--------------------- Start accordion CSS Modify ----------------*/
.accordion-item{background-color:#f9f9f9; margin:0 0 10px; border-radius:5px;}
.accordion-button{font-weight:bold; cursor:pointer; border-radius:5px;}
.accordion-item:not(:first-of-type){border-top:1px solid rgba(0, 0, 0, .125);}
.accordion-button:hover{color:#000;}
.accordion-button:not(.collapsed){color:#42c3aa; background-color:#f9f9f9; box-shadow:none;}
.accordion-button::after{background-image:url(../images/accordin_arrow.svg);}
.accordion-button:not(.collapsed)::after{background-image:url(../images/accordin_arrow.svg);}
/*--------------------- End accordion CSS Modify ----------------*/

 /*--------------------------------------------------------------
# Start Datatable CSS
--------------------------------------------------------------*/
/*table.dataTable{border-collapse: collapse;}
.table thead{background:#f8f7fc; /*color:#a2a2a2;color:#333; border-bottom:#e8e8e8; z-index:99; position:relative;}*/
#listTable.table{font-size:12px;}

table.dataTable thead th{padding:3px;background: #fff; line-height:15px;}

.table.dataTable{border-collapse:collapse; font-size:12px;}
.table.dataTable a{text-decoration:underline; color:#333;}

.table tr:nth-child(even) {background: #fff;}
.table tr:nth-child(odd) {background: #f2f9f9;}

.table thead tr{color:#333; border-bottom:#fff; z-index:99; position:relative;}
table.dataTable thead th{padding:6px 5px; vertical-align:middle;}
table.dataTable tbody td{padding:8px 5px; color:#333; vertical-align: top !important;}
.table td{padding:3px; color:#333;}
tbody, td, tfoot, th, thead, tr{border: none !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button{padding:5px 11px; border: 1px solid #ccc;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current{background:#fff; color:#333 !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled{border: 1px solid #ccc;}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover{border: 1px solid #ccc;}
.dataTables_scrollHead{background: #f8f7fc;}
.dataTables_wrapper .dataTables_filter input{margin-left: 0.5em; outline: none;}
.dataTables_length{display:none;}
.dataTables_filter{display:none;}
.dataTables_info{font-size:10px; font-weight:bold; margin:5px 0; }
.dataTables_wrapper .dataTables_paginate{float:right; font-size:10px; margin:10px 0 0;}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{color: #333 !important; border: 1px solid #dee2e6; background-color: #e9ecef; background: linear-gradient(to bottom, #e9ecef 0%, #e9ecef 100%);}
.Records_no{font-size:11px; font-weight:bold; float:left; margin:10px 0 0;}

.table {color: #757575; margin-bottom:0;}
table.dataTable thead th, table.dataTable thead td {border-bottom: 1px solid #e1e1e1;}
.dataTables_wrapper.no-footer .dataTables_scrollBody{border-bottom: 1px solid #e1e1e1;}
.table td, .table th {padding:3px;}

.pagination {float:right; margin:5px 0 0;}
.pagination .page-link{color:#666;}
.page-item.active .page-link{z-index: 3; color: #fff; background-color: #01837d; border-color: #01837d;}
.VM_table td{vertical-align:middle;}

/*table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled{cursor:pointer;*cursor:hand;background-repeat:no-repeat;background-position:center;}
table.dataTable thead .sorting{background-image:url("../images/sort_both.png");}
table.dataTable thead .sorting_asc{background-image:url("../images/sort_asc.png");}
table.dataTable thead .sorting_desc{background-image:url("../images/sort_desc.png");}
table.dataTable thead .sorting_asc_disabled{background-image:url("../images/sort_asc_disabled.png");}
table.dataTable thead .sorting_desc_disabled{background-image:url("../images/sort_desc_disabled.png");}*/

/*.table-responsive{overflow-x:visible; overflow-y:visible;}*/
/*--------------------------------------------------------------
# End Datatable CSS
--------------------------------------------------------------*/

/*.BigPopUpMask{width:100%; height:100%; right:0; top:0; bottom:0; position:fixed; display:none; background:rgba(183, 181, 181, 0.7); z-index:9999;}
.PopupHead{font-size:35px; font-weight:bold; display:inline-block; width:100%;}
.PopUpMinHeight{min-height:350px; margin:0 0 15px; width:100%; float:left;}
.TabContener{background:#fff;  padding:10px; min-height:480px; box-shadow:0 0 15px #ccc; border-radius:15px; margin:10px 0 30px 0; position: relative;}
.ViewDataManage{background:#fff; position:fixed; right:0; top:25px; z-index:99991; width:95%; height:95%; overflow-y:auto; padding:10px; }
.ViewDataManage::-webkit-scrollbar{width:4px;background-color: #fff;}
.ViewDataManage::-webkit-scrollbar-track{border-radius: 10px; background:transparent;}
.ViewDataManage::-webkit-scrollbar-thumb{border-radius: 10px; background:#ccc;}
.ViewDataManage::-webkit-scrollbar-thumb:hover{background: #bbb;}

.ViewDataManageHeader{width:100%; color:#333; padding:20px 0; height:auto; margin:0;}
.ViewDataManageHeader .close{float:right; font-size:35px; font-weight:bold; line-height:1; color:#007bff; text-shadow:none; filter:alpha(opacity=20); opacity:.8; outline:none; margin:0; -webkit-transform: 2s ease-in-out; transition: transform .2s ease-in-out;}

.breadcrumb{width:100%; float:left; padding:0; margin-bottom:0; list-style:none; background-color:transparent; border-radius:0; color:#1f299c; font-family:Poppins;font-size:12px;}
.breadcrumb a{color:#1f299c; font-family:Poppins;}
.breadcrumb > li + li:before {padding:0 2px; color:#1f299c; content:"/\00a0";}*/

.tab-card-header{background-color: transparent;}
.tab-card-header a{color:#333 !important;}
.tab-card-header .nav-tabs .nav-link.active{color:#0069d9 !important;}


/*.PlusIcon{background:#fff; padding:5px; margin:0; color:#3395ff; border-radius:50%; width:30px; height:30px; display:inline-block; box-shadow: 0 2px 1px #ccc; cursor:pointer; text-align:center;}
.PlusIcon .fa{margin:0; line-height:22px;}

.DeleteIcon{background:#fff; padding:5px; margin:0; color:#f00; border-radius:50%; width:30px; height:30px; display:inline-block; box-shadow:0 2px 1px #ccc; cursor:pointer; text-align:center}
.DeleteIcon .fa{margin:0; line-height:22px;}*/

 /*----------------- End Edit Data Table CSS --------------------*/
 
 
 
/*-------------------- Start Auto Search CSS ---------------------*/
.auto_searchicon{position:absolute; left:20px; top:27px; color:#999; cursor:pointer;}

.autoSearch_textbox{padding:0.375rem 0.5rem 0.375rem 30px;}

.AutoSearch_popup{width:95%; position:absolute; z-index:991; background:#fff; display:none;/* white-space: nowrap;*/ margin:0; box-shadow: 0 0 10px #999;}
.AutoSearch_popup table{width:100%; margin:0;}
.AutoSearch_TableScrl{max-height:300px; overflow: auto;}
.AutoSearch_TableScrl thead tr{background:#42c3aa !important; color:#fff;}
.AutoSearch_TableScrl tr:nth-child(even) {background: #fff;}
.AutoSearch_TableScrl tr:nth-child(odd) {background: #f4f4f4;}
.AutoSearch_TableScrl tbody tr:hover{background:#f2f9f9;}
.AutoSearch_TableScrl td{border:none; padding:3px !important; cursor:pointer;}
.AutoSearch_TableScrl tr{border-bottom:1px solid #e8e8e8;}

.AutoSearch_TableScrl tr:nth-child(2n){border-bottom: 1px solid #e8e8e8 !important;}
.AutoSearch_TableScrl::-webkit-scrollbar {width: 4px;height: 4px;}
.AutoSearch_TableScrl::-webkit-scrollbar-track {border-radius: 10px;background: transparent;}
.AutoSearch_TableScrl::-webkit-scrollbar-thumb{border-radius: 10px; background: #ccc;}
.AutoSearch_TableScrl::-webkit-scrollbar-thumb:hover {background: #bbb;}


.AutoSearch_TableScrl ul{margin:0; padding:0;}
.AutoSearch_TableScrl ul li{margin:0; padding:5px; list-style-type:none; display:block; border-bottom:1px solid #ccc; cursor:pointer; white-space:break-spaces;}
.AutoSearch_TableScrl ul li:hover{background:#efefef;}

.user_img{float:right; margin:0 0 10px 10px; border:1px solid #333; width:150px; height:150px; overflow:hidden;}
.user_img img{width:100%; height:100%; object-fit:cover; margin:-44px 0 0;;}

.chat-message-text{width:100%; display: inline-block; border-radius: 10px; padding: 10px 15px; display: inline-block; word-wrap: break-word; white-space: pre-wrap; }
/*--------------------- End Auto Search CSS ----------------------*/

#footer{background:#42c3aa; color:#fff; padding:0px; width:100%; float:left; margin:15px 0 0; position:relative; z-index: 999;}
.copyright{font-size:12px; color:#fff; text-align:center; padding:10px 0;}
.footer_link{widows:100%; height:auto;}
.footer_link ui{margin:0; padding:0;}
.footer_link ul li{margin:0; padding:18px 15px 0; list-style-type:none; display:inline-block;}
.footer_link ul li .footer_no{background:#fa8748; width:16px; height:16px; border-radius:50%; color:#fff; text-align:center; line-height:18px; font-size:10px; font-weight:bold; float: right; margin: -5px 0 0;}
.footer_link ul li a{color:#fff;}

@media (max-width: 767px) {
#listTable{width:100%; overflow-x:scroll;}
.logo{padding:5px 0 0 40px;}
.sidebar-toggle{padding:12px 10px; color:#fff;}
.Mobile{display:none !important;}
.sidebar-menu{margin:0 !important;}
}

@media (max-width:680px) {
}

@media (max-width: 480px) {
.dashboard_list{width:95%; overflow-x:scroll;}
.card_title{font-size:14px;}
.sidebar-menu{list-style:none; margin:40px 0 0 0;}
.datatable-responsive{width:100%; overflow-x:auto;}
.table{width:1000px;}
#footer{text-align:center;}
.product_link a{color:#333; padding:10px 40px 10px 0; display:inline-block;}
}