@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap');

html, body {width: 100%; height: 100%; margin: 0; padding: 0;}

body {font-family: 'Inter', sans-serif; font-size: 15px; color: #212529; font-weight: 400; line-height: 1.6; background-color: #fff; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/*TRANSITIONS*/
.btn, a, button, .transition {webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; -ms-transition: all 250ms linear; transition: all 250ms linear; }

/*ANCHOR TAGS*/
a {color: #111; text-decoration: none; background-color: transparent; }
a:hover, a:focus{color: #0064E0;}
a:focus, :focus {outline: 0  !important; box-shadow:none !important}

/*TEXT WHITE TO LIGHT WHITE*/
.text-white-5{color: rgb(255 255 255 / 5%)!important;} .text-white-10{color: rgb(255 255 255 / 10%)!important;} .text-white-20{color: rgb(255 255 255 / 20%)!important;} .text-white-25{color: rgb(255 255 255 / 25%)!important;} .text-white-30{color: rgb(255 255 255 / 30%)!important;} .text-white-35{color: rgb(255 255 255 / 35%)!important;} .text-white-45{color: rgb(255 255 255 / 45%)!important;} .text-white-50{color: rgb(255 255 255 / 50%)!important;} .text-white-55{color: rgb(255 255 255 / 55%)!important;} .text-white-60{color: rgb(255 255 255 / 60%)!important;} .text-white-65{color: rgb(255 255 255 / 65%)!important;} .text-white-70{color: rgb(255 255 255 / 70%)!important;} .text-white-75{color: rgb(255 255 255 / 75%)!important;} .text-white-80{color: rgb(255 255 255 / 80%)!important;} .text-white-85{color: rgb(255 255 255 / 85%)!important;} .text-white-90{color: rgb(255 255 255 / 90%)!important;} .text-white-95{color: rgb(255 255 255 / 95%)!important;}

/*TEXT BLACK TO LIGHT BLACK*/
.text-black-5{color: rgb(0 0 0 / 5%)!important;} .text-black-10{color: rgb(0 0 0 / 10%)!important;} .text-black-20{color: rgb(0 0 0 / 20%)!important;} .text-black-25{color: rgb(0 0 0 / 25%)!important;} .text-black-30{color: rgb(0 0 0 / 30%)!important;} .text-black-35{color: rgb(0 0 0 / 35%)!important;} .text-black-45{color: rgb(0 0 0 / 45%)!important;} .text-black-50{color: rgb(0 0 0 / 50%)!important;} .text-black-55{color: rgb(0 0 0 / 55%)!important;} .text-black-60{color: rgb(0 0 0 / 60%)!important;} .text-black-65{color: rgb(0 0 0 / 65%)!important;} .text-black-70{color: rgb(0 0 0 / 70%)!important;} .text-black-75{color: rgb(0 0 0 / 75%)!important;} .text-black-80{color: rgb(0 0 0 / 80%)!important;} .text-black-85{color: rgb(0 0 0 / 85%)!important;} .text-black-90{color: rgb(0 0 0 / 90%)!important;} .text-black-95{color: rgb(0 0 0 / 95%)!important;}

/*TEXT LIGHT GREY TO DARK GREY*/
.text-grey-100{ color: #f8f9fa;} .text-grey-200{ color: #e9ecef;} .text-grey-300{ color: #dee2e6;} .text-grey-400{ color: #ced4da;} .text-grey-500{ color: #adb5bd;} .text-grey-600{ color: #6c757d;} .text-grey-700{ color: #495057;} .text-grey-800{ color: #343a40;} .text-grey-900{ color: #212529;}
 

/*SWIPER PAGINATION*/
.swiper-pagination{margin-top: 10px;}
.swiper-pagination-bullet-active{background-color:#0064E0;}

/*SWIPER NAV BUTTONS*/
.swiper-button-next, .swiper-button-prev,
.swiper-button-prev:after, .swiper-button-next:after{height: 40px; width: 40px;}

.swiper-button-next, .swiper-button-prev{z-index: 1;}
.swiper-button-prev:after, .swiper-button-next:after{font-size: 16px; color: #000; background: #fff; display: flex; border-radius: 20px; justify-content: center; align-items: center; box-shadow: 0 5px 10px rgb(0 0 0 / 20%); }

/*PADDING TOP*/
.pt5{padding-top: 5px;} .pt10{padding-top: 10px;} .pt15{padding-top: 15px;} .pt20{padding-top: 20px;} .pt30{padding-top: 30px;} .pt40{padding-top: 40px;} .pt50{padding-top: 50px;} .pt60{padding-top: 60px;} .pt70{padding-top: 70px;} .pt80{padding-top: 80px;} .pt90{padding-top: 90px;} .pt100{padding-top: 100px;} .pt110{padding-top: 110px;} .pt120{padding-top: 120px;}

/*PADDING BOTTOM*/
.pb5{padding-bottom: 5px;} .pb10{padding-bottom: 10px;} .pb15{padding-bottom: 15px;} .pb20{padding-bottom: 20px;} .pb30{padding-bottom: 30px;} .pb40{padding-bottom: 40px;} .pb50{padding-bottom: 50px;} .pb60{padding-bottom: 60px;} .pb70{padding-bottom: 70px;} .pb80{padding-bottom: 80px;} .pb90{padding-bottom: 90px;} .pb100{padding-bottom: 100px;} .pb110{padding-bottom: 110px;} .pb120{padding-bottom: 120px;}

/*MARGIN TOP*/
.mt5{margin-top: 5px;} .mt10{margin-top: 10px;} .mt15{margin-top: 15px;} .mt20{margin-top: 20px;} .mt30{margin-top: 30px;} .mt40{margin-top: 40px;} .mt50{margin-top: 50px;} .mt60{margin-top: 60px;} .mt70{margin-top: 70px;} .mt80{margin-top: 80px;} .mt90{margin-top: 90px;} .mt100{margin-top: 100px;} .mt110{margin-top: 110px;} .mt120{margin-top: 120px;}

/*MARGIN BOTTOM*/
.mb5{margin-bottom: 5px;} .mb10{margin-bottom: 10px} .mb15{margin-bottom: 15px} .mb20{margin-bottom: 20px} .mb30{margin-bottom: 30px} .mb40{margin-bottom: 40px} .mb50{margin-bottom: 50px} .mb60{margin-bottom: 60px} .mb70{margin-bottom: 70px} .mb80{margin-bottom: 80px} .mb90{margin-bottom: 90px} .mb100{margin-bottom: 100px} .mb110{margin-bottom: 110px} .mb120{margin-bottom: 120px}

/*FONT WEIGHTS*/
.fw100{font-weight: 100!important;} .fw200{font-weight: 200!important;} .fw300{font-weight: 300!important;} .fw400{font-weight: 400!important;} .fw500{font-weight: 500!important;} .fw600{font-weight: 600!important;} .fw700{font-weight: 700!important;} .fw800{font-weight: 800!important;} .fw900{font-weight: 900!important;}

/*LETTER SPACING*/
.lshalf{letter-spacing:0.5px} .ls1{letter-spacing:1px} .ls2{letter-spacing:2px} .ls3{letter-spacing:3px} .ls4{letter-spacing:4px} .ls5{letter-spacing:5px} .ls6{letter-spacing:6px} .ls7{letter-spacing:7px} .ls8{letter-spacing:8px} .ls9{letter-spacing:9px} .ls10{letter-spacing:10px}

/*LINE HEIGHT*/
.lh100{line-height:100%} .lh120{line-height:120%} .lh130{line-height:130%} .lh140{line-height:140%} .lh150{line-height:150%} .lh160{line-height:160%} .lh170{line-height:170%} .lh180{line-height:180%} .lh190{line-height:190%} .lh200{line-height:200%}

/*FONT SIZE 0 to 72px */
.fs0{font-size: 0;}.fs7{font-size: 7px;} .fs8{font-size: 8px;} .fs9{font-size: 9px;} .fs10{font-size: 10px;} .fs11{font-size: 11px;} .fs12{font-size: 12px;} .fs13{font-size: 13px;} .fs14{font-size: 14px;} .fs15{font-size: 15px;} .fs16{font-size: 16px;} .fs17{font-size: 17px;} .fs18{font-size: 18px;} .fs19{font-size: 19px;} .fs20{font-size: 20px;} .fs21{font-size: 21px;} .fs22{font-size: 22px;} .fs23{font-size: 23px;} .fs24{font-size: 24px;} .fs25{font-size: 25px;} .fs26{font-size: 26px;} .fs27{font-size: 27px;} .fs28{font-size: 28px;} .fs29{font-size: 29px;} .fs30{font-size: 30px;} .fs31{font-size: 31px;} .fs32{font-size: 32px;} .fs33{font-size: 33px;} .fs34{font-size: 34px;} .fs35{font-size: 35px;} .fs36{font-size: 36px;} .fs37{font-size: 37px;} .fs38{font-size: 38px;} .fs39{font-size: 39px;} .fs40{font-size: 40px;} .fs41{font-size: 41px;} .fs42{font-size: 42px;} .fs43{font-size: 43px;} .fs44{font-size: 44px;} .fs45{font-size: 45px;} .fs46{font-size: 46px;} .fs47{font-size: 47px;} .fs48{font-size: 48px;} .fs49{font-size: 49px;} .fs50{font-size: 50px;} .fs51{font-size: 51px;} .fs52{font-size: 52px;} .fs53{font-size: 53px;} .fs54{font-size: 54px;} .fs55{font-size: 55px;} .fs56{font-size: 56px;} .fs57{font-size: 57px;} .fs58{font-size: 58px;} .fs59{font-size: 59px;} .fs60{font-size: 60px;} .fs61{font-size: 61px;} .fs62{font-size: 62px;} .fs63{font-size: 63px;} .fs64{font-size: 64px;} .fs65{font-size: 65px;} .fs66{font-size: 66px;} .fs67{font-size: 67px;} .fs68{font-size: 68px;} .fs69{font-size: 69px;} .fs70{font-size: 70px;} .fs71{font-size: 71px;} .fs72{font-size: 72px;}

/*FORM ELEMENTS*/
.form-control, textarea, select, .form-select{border-color:#aaa;}
.form-control, textarea, select, .form-select, button{border-radius: 5px;font-size: 14px;}
.form-control:focus, .form-select:focus {outline: 0; box-shadow: 0 0 0 0.25rem #0069c226; border-color: #0069c2;}

/*PAGINATION*/
.pagination .page-link{color: #444; height: 35px; width: 40px; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 12px; font-weight: 500;}
.pagination .page-link:hover{background-color:#0064E0; border-color:#0064E0; color: #fff!important;}
.pagination .active>.page-link, 
.pagination .page-link.active {color: #fff; background-color:#0064E0; border-color:#0064E0; }
.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link{width: auto;}

/*CONTAINER*/
.container-custom{max-width: 1140px;} 

/*DROPDOWNS*/
.dropdown-item{font-size: 14px;}
.dropdown-item.active, .dropdown-item:hover {background-color:#0064E0; color: #fff;}

/*CARD*/
.card{box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%)!important; border: 0!important;}

/*HEADINGS*/
h1, h2, h3, h4, h5, h6 {font-family: 'Inter', serif; font-weight: 600; margin-bottom: .5rem; line-height: 1.3; color: #222; line-height: 120%;}
.heading-font{font-family: 'Inter', serif;}
.body-font{font-family: 'Inter', sans-serif;}

/*SECTION HEADINGS*/
.section-heading{margin-bottom: 30px; }
.section-heading h3{font-weight: 700; color: #1C1C1C; font-size: 34px; line-height: 120%; margin-bottom: 10px; }
.section-heading p{color: #495057; font-size: 18px; margin-bottom: 0; line-height: 1.8;}

.section-heading.text-white h3, .section-heading.text-white p{color: #fff;}

/*SECTION MAIN BUTTON*/
.section-button .btn {border-radius:4px; font-weight: 500; font-size: 12px; letter-spacing:0.5px; height: 50px; display: inline-flex; justify-content: center; align-items: center; min-width: 240px; padding-left: 20px; padding-right: 20px; text-transform: uppercase;}
 

.section-button .btn.btn-white {background-color: #fff; border-color: #fff; color: #333; }
.section-button .btn.btn-white:hover {background-color: #f1f1f1; border-color: #f1f1f1; }

/*CHECKED LIST*/
ul.checked-list{margin: 0; padding: 10px 0 0;}
ul.checked-list li{position: relative; list-style: none; padding-left: 25px; margin-bottom: 10px; padding-right: 25px;}
ul.checked-list li:before{position: absolute; content: "\f00c"; font-family: "FontAwesome"; left: 0px; color:#0064E0; font-size: 16px;}

/*BUTTONS*/
.btn{border-radius: 8px; font-weight: 500; font-size: 13px; display: inline-flex; align-items: center; justify-content: center;} 
.btn-sm{font-size: 12px;}
.btn-lg{font-size: 14px; padding-top: 12px; padding-bottom: 12px;}

.btn.btn-prime{background-color:#0064E0; border-color:#0064E0; color:#fff; }
.btn.btn-prime:focus, .btn.btn-prime:hover{background-color:#DA1B32; border-color:#DA1B32; color:#fff; }

.btn.btn-outline-prime{background-color: transparent; border-color:#0064E0; color:#153165; }
.btn.btn-outline-prime:focus, .btn.btn-outline-prime:hover{background-color:#DA1B32; color:#fff; }

.btn.btn-dark{background-color: #1C1C1C; border-color: #1C1C1C; color:#fff; }
.btn.btn-dark:focus, .btn.btn-dark:hover{background-color: #111; border-color: #111; color:#fff; }

.btn.btn-white{background-color: #fff; border-color: #fff; color:#111; }
.btn.btn-white:focus, .btn.btn-white:hover{background-color: #f1f1f1; border-color: #f1f1f1; color:#111; }

.btn-primary{ background-color:#DA1B32;border-color:#DA1B32}
.btn-primary:hover{background-color:#54595f;border-color:#54595f} 
/*DROPDOWN*/
.dropdown-menu{border-radius: 0;}

/*TEXT COLORS*/
.text-prime{color:#0064E0;}
.text-grey{color:#707070!important;}
.text-success {color: #2fb56d!important;}

/*BACKGROUNDS COLORS*/
.bg-prime{background-color:#0064E0!important;}
.bg-light-1{background-color: #EFF1FF!important;}
 
/*BORDER COLOR*/
.border-prime{border-color:#0064E0!important;}

/*SHADOW HOVER*/
.shadow{box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%)!important; border: 0!important;}
.hover-shadow:hover{box-shadow:0 2px 15px -3px rgba(0,0,0,0.16),0 10px 20px -2px rgba(0,0,0,0.1);}

/*TABLE*/
.table-lg tr th,
.table-lg tr td{padding: 10px 16px;}


.form-check-input:checked {background-color: #4CAF50; border-color: #4CAF50}

/*#################################################################*/
/*##################_________MAIN STYLES_________##################*/
/*#################################################################*/

.login-bg {background-image:url(../images/login-bgs.jpg); background-repeat: no-repeat;background-position: center;background-size: cover;background-attachment: fixed;}

.form-signin {max-width: 400px;padding: 2rem;border-radius:10px;box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);   background-color: #fff;}
.form-logo img {max-width:240px;height: auto;}
.form-signin .form-control {border-radius: 10px}
		

.profile-card .card-header{padding: 35px; background-color: #fff;}
.profile-card .card-header .btn{font-size: 13px; padding: 10px 20px;  }
.profile-card .profile-pic{margin-right: 35px;}
.profile-card .profile-pic img { width:102px; height:102px}	
		

.main-wrapper {background-color: #e0e2ee; min-height: 100vh; padding-top: 75px; position: relative;}
.main-content {padding-left: 280px; padding-bottom: 50px;}
hr.hr-divider{height: 2px; opacity: 1; border-top: 1px solid #00000029; border-bottom: 1px solid #ffffff;}
.admin-header-left .header-logo {display: inline-block; max-width: 160px;text-align: center;}
.admin-header-left .header-logo img{width:200px}

.admin-header-right .header-brand{margin-right: 15px;}
.admin-header-right .finyrselect,
.admin-header-right .header-notification{margin-right: 20px;}
.admin-header-right .header-brand .brand-logo img{width: 95px;}
 


/*ADMIN HEADER*/
.admin-header{ position: fixed; top: 0; left: 0; right: 0; z-index: 5; height: 75px; background: #FFFFFF; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); padding: 10px 20px; display: flex; justify-content: space-between; align-items: center; }
.admin-header .header-search{position: relative; margin-right: 24px;}
.admin-header .header-search .form-control{background-color: #F6F6F6; font-size: 13px;height: 36px; padding-right: 40px;}
.admin-header .header-search i.fa{position: absolute; top:12px; right: 13px;}


.admin-header .header-notification{position: relative; font-size: 20px; }
.admin-header .header-notification small{position: absolute; border-radius: 10px; border: 2px solid #fff; display: inline-block; width: 10px; height: 10px; right: -2px; top: 4px; background: #E92841;}
.admin-header .profile-img{width: 42px; height: 42px; margin-right: 10px; border-radius: 50%; overflow: hidden; background-color: #eee; display: flex; border: 1px solid #eee; justify-content: center; align-items: center;}
.admin-header .profile-img i.fa{font-size: 15px;}
.admin-header .dropdown .dropdown-toggle{font-size: 13px;  }
.admin-header .dropdown-menu .dropdown-item{font-size: 13px;text-decoration: none;}

/*ADMIN SIDEBAR*/
.admin-sidebar {border-bottom: 1px solid #DEE2E6; background-color:#000; position: fixed; width: 280px; height: calc(100vh - 74px); left: 0; top: 75px; bottom: 0;  overflow: auto; }

/*BRAND LOGO*/

.brand-block{background-color: #222751; text-align: center; }
.brand-block .brand-wrapper{padding: 40px 20px 20px; position: relative;}
.brand-block .brand-wrapper .brand-logo{height: 100px; width: 100px; margin-bottom: -50px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background-color: #fff; padding: 20px; outline: 4px solid rgb(255 255 255 / 46%);}
.brand-block .brand-name{background-color: #49508D; color: #fff; padding: 20px 10px; font-weight: 600; font-size: 12px; }

/*ADMIN SIDEBAR LINKS*/
.admin-sidebar-links{margin: 0; padding: 40px 10px;}
.admin-sidebar-links li{list-style: none; margin-bottom: 14px;}
.admin-sidebar-links li a{ font-size: 16px;color: #fff;padding: 10px 20px 10px 40px;border-radius: 5px;font-weight: 600;position: relative; display: flex;justify-content: space-between;align-items: center;}
.admin-sidebar-links li a:hover{color: #333;background-color: #fff;text-decoration: none;}
.admin-sidebar-links li a i {position: absolute; left: 16px; top: 14px;}
.admin-sidebar-links li a .dd-caret{position: absolute; right: 16px; top: 16px; font-size: 11px;left: auto;}
.admin-sidebar-links li.active a,
.admin-sidebar-links li a.active{color: #333; background-color: #fff; position: relative;}

/*ADMIN SIDEBAR SUBLINKS*/
.admin-sidebar-links ul.inner-links{padding-left: 10px; padding-right: 10px; margin-bottom: 15px; border-left: 1px solid #ffffff63; margin-left: 22px;}
.admin-sidebar-links ul.inner-links > a{padding-top: 10px; padding-bottom: 10px; cursor:pointer;}
.admin-sidebar-links ul.inner-links li{margin-bottom: 0;}
.admin-sidebar-links ul.inner-links li a{padding: 10px 10px 10px 15px; font-size: 14px; line-height: 1.3; font-weight: 400; opacity: 0.95; justify-content: flex-start;}
.admin-sidebar-links ul.inner-links li a .list-icon{left: 10px;}
.admin-sidebar-links ul.inner-links li a i{font-size:13px; margin-right: 15px;position: static;}
.admin-sidebar-links ul.inner-links li a:hover{opacity: 1;}

/*CLOSE PANELS*/
.panel-dismissible{position: relative;padding-top: 12px;}
.panel-dismissible .close-btn{position: absolute;padding: 5px; right: 0; top: 0; font-size: 10px;}

/*CALENDAR*/
div#calendar button {border-radius: 0;}
.fc .fc-toolbar.fc-header-toolbar {margin-bottom: 1.5em; font-size: 12px;}

 
/*PAGE HEADER*/
.page-header{padding-bottom: 20px;}
.page-header h3{margin-bottom: 0; padding-top: 10px; margin-bottom: 0;line-height: 1;}

/*TOP PAGE HEADER*/
.top-header{background-color: #222751; background-image: url(../images/header-bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; padding-top: 100px; }
 
 

/*DASHBOARD HIGHLIGHTS*/
.highlight-block{ position: relative; }
.highlight-block .card-body{padding-right: 90px; padding-bottom: 15px; }
.highlight-block .card-footer{background-color: transparent; border-color: #E4E4E4;border-radius: 0;}
.highlight-block .icon{position: absolute; right: 20px; top: 20px; font-size:20px; height: 48px; width: 48px; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #fff}
.highlight-block h4{font-weight: 800; font-size: 26px; margin-bottom: 3px; }
.highlight-block p{font-weight: 500; font-size: 14px; margin-bottom: 5px; color:#444444; }
.highlight-block a{color: #222; font-size: 12px; font-weight: 400; text-decoration: none;}
.highlight-block .card-footer:hover {background-color:#0064E0; border-color:#0064E0; color: #fff;}

/*CONTENT TABLE*/
.content-table thead.bg-light-1 {background-color: #f5f6ff !important;}
.table-hover>tbody>tr:hover>* {--bs-table-accent-bg: rgb(246 247 255);}
.content-table th{font-size: 14px;}
.content-table td{font-size: 13px;}
.content-table th, .content-table td{padding-top: 15px;padding-bottom: 15px;}
.content-table .progress{height: 4px;max-width: 70%; margin: 0 auto;}
.content-table .status-tag{padding: 5px 10px; line-height: 1; font-weight: 600; font-size: 10px; text-transform: uppercase; display: inline-block; border-radius: 30px; width: 90px; margin: 0 auto; text-align: center;}
.content-card .search-box{position: relative;}
.content-card .search-box .form-control{min-width: 270px;}
.content-card .search-box i{position: absolute; right: 10px;top: 10px; font-size: 12px;}

/*CARD FOOTER*/
.card-footer.bg-light-1 {background-color: #f7f8ff !important;}


.btn-p{padding: 5px;}

 
/*-----Dispatch Calander-----*/
.fc-h-event {background-color:#0064E0;border: 1px solid#0064E0;padding-left: 5px;}

/*-----POPUp-----*/
#pop-ups.modal {--bs-modal-width:430px;}
#pop-ups .modal-header{border: none;padding: 0;}
#pop-ups .modal-body{ padding:13px}

.logout-ups.modal {--bs-modal-width:430px;}
.logout-ups .modal-header{border: none;padding: 0;}
.logout-ups .modal-body{ padding:13px}
 
/*-----Notification Drop-----*/
.notification-drop, .notification-drop ul {list-style: none;margin: 0; padding: 0; position:relative }
.notification-drop {color: #444;}

.dropdown-menu-right:before{content: "";position: absolute;top: -20px;right: 15px;border: 10px solid;border-color: transparent transparent #fff transparent;}
.notification-drop .item {padding: 10px;font-size: 18px;position: relative; }

.notification-drop .item:hover {cursor: pointer;}
.notification-drop .item ul {display: none;position: absolute;top: 100%;background: #fff;left: -200px;right: 0;z-index: 1;border-top: 1px solid #ddd;box-shadow: 10px 10px 35px rgba(0, 0, 0, 0.125), -10px -10px 35px rgba(0, 0, 0, 0.125);}
.notification-drop .item ul li {font-size: 14px;padding: 8px; border-bottom: 1px solid #e8e8e8}
.notification-drop .item ul li:last-child{border-bottom:none }
.notification-drop .item ul li:hover { color: rgba(0, 0, 0, 0.8);}
@media screen and (min-width: 500px) {
.notification-drop {display: flex;justify-content: flex-end;}
.notification-drop .item {border: none;}
}
.notification-bell{font-size: 20px;}
.btn__badge {background: #ff0000;color: white;font-size: 12px;position: absolute;top: 0;right: 0px;width: 18px;height: 18px;border-radius: 50%;display: flex;justify-content: center;}
.notification-text{font-size: 14px;font-weight: bold;}
.notification-text span{float: right}



.i-con1 {background-color: #f8c20a}
.i-con2 { background-color: #16cdc7}
.i-con3 { background-color: #ff6692}
.i-con4 {background-color: #36c76c}
.i-con5 {background-color: #d23be7}
.i-con6 { background-color: #d73027}
.i-con7{ background-color: #d24f4f}
.i-con8{ background-color: #800080}
.ad-more{height: 30px;width: 110px;}

.toggle-password {float: right;cursor: pointer; margin-right: 10px;margin-top: -25px;}


.imgs .custom-file-uploader {position: relative;background: #d2d2d2;border-radius: 0;border: 1px solid #d2d2d2;}
.imgs .custom-file-uploader input[type=file] {display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 5;width: 100%;height: 100%;opacity: 0;cursor: default}


.icon-img img { width:85px}
.icon-img-inner img { width:50px}
.content-add th{ font-size:12px}
.content-add td{ padding:0}
/*-----Product Category filter-----*/
.fiter-new{display: inline-flex;justify-content: center;align-items: center;border-radius: 5px;padding: 8px;
font-weight: 600;font-size: 14px;color: #ffffff;margin-left: 10px;background:#0064E0}
.fiter-new:hover{ color:#f5f6ff; cursor:pointer}

.filters-sidebar .filter-block{border-top: 1px solid rgba(0,0,0,.1);}
.filters-sidebar .filter-block-title{font-size:12px; color: #000; text-transform: uppercase; padding-top:12px;padding-bottom:12px;margin-bottom: 0;display: flex;justify-content: space-between;align-items: center;cursor: pointer;letter-spacing: 1.5px;}
.filters-sidebar .filter-block-title i {font-size: 12px;}
.filters-sidebar .filter-block-body{ display: none; padding-bottom: 10px;}

.filters-sidebar ul{margin: 0;padding: 0;}
.filters-sidebar ul li{list-style: none;}
.filters-sidebar ul li a{display: block;text-decoration: none;margin-top: 2px;margin-bottom: 2px;}
.filters-sidebar ul li a,
.filters-sidebar .custom-control-label{ font-size: 13px; color: #444;padding-left: 5px;}
.filters-sidebar .custom-control.custom-checkbox{ display: flex;align-items: center;}

/*Date datepicker*/
.date-drop-down .input-group-append {cursor: pointer;}
.date-drop-down .input-group-append, .date-drop-down .input-group-text{height:31px}
.date-drop-down .datepicker { padding:0}
.date-drop-down .input-group-text{padding: .1rem .75rem .375rem .75rem;border-radius: 0rem .3rem .3rem 0rem;}
.datepicker-days{padding: 10px;font-size: 14px;}


.product_img{ width:50px}

.Product-V.nav-pills .nav-link {font-weight: 600;color: #999; margin-right: 10px;border-radius: 0;border-bottom: 3px #999 solid;text-transform: uppercase;}
.Product-V.nav-pills .nav-link.active {   background-color: transparent;color: #0064E0;border-bottom: 3px #0064E0 solid;border-radius: 0;} 
 
.V-por-tab .nav-pills .nav-link{background: #ffedf0;color: #000; margin-top: 7px;width: 145px;}    
.V-por-tab .nav-pills .nav-link.active,  .V-por-tab .nav-pills .show>.nav-link {background: #e70d2f;color: #fff;}
.V-por-tab .add{ margin-top: 25px;}
 
/*#################################################################*/
/*################___________MEDIAQUERIES____________##############*/
/*#################################################################*/




@media (max-width: 1439.98px) {}
@media (max-width: 1199.98px) {}
@media (max-width: 991.98px) {}
@media (max-width: 767.98px) {}
@media (max-width: 575.98px) {}
@media (max-width: 479.98px) {}


.toast {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    border-radius: 8px;
    padding: 15px;
    background-color: #333;
    color: black;
}

.toast-success {
    background-color: #4CAF50;
}

.toast-error {
    background-color: #F44336;
}

.toast-close-button {
    color: #fff;
}

.toast {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}