body{font-family: "Noto Sans", sans-serif;; font-size:13px; color:#64748b !important; background-color:#f1f4f8; width:100%;  padding:0px; margin:0px; transition: all 0.5s ease;}
html{width:100%; height:100%;}
form, h1, h2, h3, h4, h5, h6, img{padding:0px; margin:0px; text-decoration:none; list-style:none; border:0px;}
a{text-decoration:none !important; color:#0e4373; cursor:pointer;}
:root {
  --border-color: #e5e7eb; 
  --border-color-btn: #e2e8f0cc; 
  --box-shadow-color: #00000017; 
  --font-color-blue: #03045e; 
  --dark-gray-color: #475569; 
  --dark-blue-color: #114675; 
  --heading-color: #64748b; 
}
::-webkit-scrollbar { width: 10px;} 
::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 10px} 
::-webkit-scrollbar-thumb { background: #e0e4e9; border-radius: 10px} 
::-webkit-scrollbar-thumb:hover { background: #e0e4e9;}
#dashboardbg{height:370px; position:fixed; left:0px; top:0px; z-index:-1;background: rgb(29,104,170); background: linear-gradient(180deg, rgba(29,104,170,1) 0%, rgba(9,64,112,1) 100%); width:100%; text-align:center;}
#dashboardbg img { width: auto; height: 130%; margin: auto; }

#loginbg{height:100%; position:fixed; left:0px; top:0px; z-index:-1;background: rgb(29,104,170); background: linear-gradient(180deg, rgba(29,104,170,1) 0%, rgba(9,64,112,1) 100%); width:100%; text-align:center;}
#loginbg img { width: auto; height: 130%; margin: auto; }

.pagingdiv { margin: 10px 20px; color: #464659; font-size: 14px; }  
.pagingnumbers{border:0px #EAEAEA solid; border-radius: 2px; overflow:hidden; float:right;}  
.pagingnumbers a { display: inline-block; padding: 5px 9px; min-width: 10px; text-align: center; color: #2c2c2c; text-decoration: none; border-right: #EAEAEA solid 0px; font-size: 13px; margin: 0px 2px; }
.pagingnumbers .nextprev{line-height: 20px;}  
.pagingnumbers a:hover{background-color:#EAEAEA; color:#4d709f;    border-radius: 5px; }  
.pagingnumbers .active{background-color:#6990C3; color:#FFFFFF;    border-radius: 5px;}  
.pagingnumbers .current{background-color:#3b5de7; color:#FFFFFF;    border-radius:5px; background: rgb(17, 70, 117); background: linear-gradient(80deg, rgba(17, 70, 117, 1) 0%, rgba(35, 103, 163, 1) 100%) !important;}  
.pagingnumbers .disabled{display: inline-block; padding:7px 8px;color: #CECECE;    border-radius: 2px;}  
.pagingnumbers .current{display: inline-block; padding: 5px 10px;    border-radius: 5px;} 
.pageingouter { margin-top: 1rem!important; overflow: hidden; padding: 10px; background-color: #f8fafc; border-radius: 5px; }
.pageingoutertotalnumber{float: left; font-size: 13px; padding: 7px 11px; border: 1px solid #ededed; background-color: #fff; color: #000; border-radius: 5PX;}
.filterbox{ margin:0px -10px !important; margin-bottom:5px !important;}
.filterbox .btn-primary {padding: 8px 12px !important; margin: 1px; }
.ui-widget.ui-widget-content { border: 1px solid #e9e9e9; box-shadow: 2px 4px 19px #a2a2a26e; z-index:999999 !important; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #ffffff; background: #f6f6f6; color: #454545; font-size: 12px; font-weight: 500; padding: 10px; text-align: center; border-radius: 5px; width: 14px; height: 13px; }
.ui-widget.ui-widget-content { border: 1px solid #e9e9e9; box-shadow: 2px 4px 19px #a2a2a26e; width: auto !important; height: auto; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid #e9e9e9; background: #ededed; font-weight: normal; color: #2b2b2b; background: linear-gradient(180deg, rgba(255, 255, 255, 1) 47%, rgba(244, 244, 244, 1) 100%); }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border:0px solid #003eff; background: #007fff; font-weight: normal; color: #ffffff; background: linear-gradient(80deg, rgba(17, 70, 117, 1) 0%, rgba(35, 103, 163, 1) 100%) !important; color: #FFFFFF !important; }
.ui-widget-header { border: 1px solid #f3f3f3; background: #f8f8f8; color: #333333; font-weight: bold; }
.ui-datepicker .ui-datepicker-title select { margin: 1px 0; border: 1px solid #ddd !important; border-radius: 5px; padding: 3px; font-size: 12px; font-weight: 600; }
.ui-widget.ui-widget-content { border: 1px solid #e9e9e9; box-shadow: 2px 4px 19px #a2a2a26e; width: auto; height: auto; border-radius: 10px; overflow: hidden; padding: 4px 4px 0px; }

 
.card-body{padding: 18px !important;} 
.card { border-radius: 10px !important;  box-shadow: 0 5px 10px var(--box-shadow-color) !important;}
.card{margin-bottom: 20px;}
.box-stacked{margin-bottom: 30px;}
hr { margin-top: 5px !important; margin-bottom: 5px !important; border: 0; border-top: 1px solid rgb(0 0 0 / 6%) !important; }

.side-menu{position:fixed; left:0px; top:0px; z-index:50; height:100%; background-color:#FFFFFF; border-right:1px solid var(--border-color); box-shadow: 0 5px 10px var(--box-shadow-color); overflow:auto;transition: all 0.2s ease-in-out; width: 70px; overflow:hidden;}
.side-menu__link__chevron{display:none;}
.side-menu:hover{width:274px; box-shadow: 0 1px 32px var(--box-shadow-color); overflow:auto; }
.side-menu .inner{padding:20px 12px;  padding-top:78px; }
.side-menu:hover .inner{width:auto; }
.side-menu .inner ul{list-style:none; padding:0px; margin:0px;}
.side-menu .inner li{list-style:none; padding:0px; margin:0px; display:block; position:relative; }
.side-menu .inner li a{ display:block; padding: 12px 12px; margin-bottom:5px; border-radius: 10px; font-weight:500; line-height: 10px;  border:1px solid #fff;  overflow:hidden; color:var(--dark-gray-color); font-size:14px; height: 20px;white-space: nowrap; min-width: 20px;}
.side-menu .inner li a span{float:left; display:none; padding:5px 10px; padding-left: 30px;}
.side-menu .inner li .side-menu__link__icon {  opacity: 0.6; stroke: #03045e; fill: #03045e1a; width:20px; height:20px; float:left; position: absolute; }
.side-menu .inner li a:hover{background: #fffc; border:1px solid var(--border-color-btn); box-shadow: 0 2px 3px #0000000b; } 
.side-menu .inner li .active{font-weight:500; color:var(--font-color-blue); border:1px solid var(--border-color-btn); box-shadow: 0 2px 3px #0000000b; background: rgb(17,70,117);
background: linear-gradient(80deg, rgba(17,70,117,1) 0%, rgba(35,103,163,1) 100%) !important; color: #FFFFFF !important;}
.side-menu .inner li .active .side-menu__link__icon {  opacity: 0.8; stroke: #fff !important; fill: #03045e1a !important; } 
.side-menu .inner li .active .side-menu__link__icon path { color: #fff !important;  } 
.side-menu:hover .inner li a span{display:block;}
.side-menu:hover .side-menu__link__chevron{display:block; width: 18px; stroke: #bebebe; position: absolute; top: 11px; right: 10px;}
.side-menu .inner ul li ul{border:1px solid  var(--border-color); border-radius: 10px; overflow:hidden; display:none;}
.side-menu .inner ul li ul a{ border:0px; margin-bottom:0px; border-radius:0px;}
.side-menu .inner ul li ul a:hover{ border:0px solid var(--border-color-btn); box-shadow: 0 0px 0px #fff; background-color:#f3f9ff;}
.side-menu .inner ul li ul a .fa{position: absolute; left: 15px; font-size: 15px; top: 13px; color: #696a9d;}

#header{height:64px; width:100%; position:fixed; left:0px; top:0px; width:100%; background-color:#FFFFFF;  border-bottom:1px solid var(--border-color-btn); box-shadow: 0 2px 10px #0000000b; z-index:100;}
#header .logo { float: left; padding: 10px; height: 100%; box-sizing: border-box; }
#header .logo img{ height:100%; width:auto;}
#header .headersearch{margin:auto; margin-top:10px; width: 350px;}
#header .headersearch .in { background-color: #f8fafc; border: 1px solid var(--border-color-btn); color: #afb9c7; padding: 8px; border-radius: 10px; font-weight: 500; margin-top: 14px; cursor: pointer; padding-left: 40px; position: relative; }
#header .headersearch .in .lucide-search { position: absolute; left: 10px; top:8px; height: 18px; }
#header .headersearch .in:hover{background-color:#f1f5f9;}
#header .rightmenu { position: absolute; right: 0px; top: 15px; right:10px; }
#header .rightmenu .menulink{ float:left; padding:0px 5px;}
#header .rightmenu .menulink .profilephoto { width: 30px; height: 30px; border-radius: 5px; overflow: hidden; cursor: pointer; background: linear-gradient(80deg, rgba(17, 70, 117, 1) 0%, rgba(35, 103, 163, 1) 100%) !important; text-align: center; color: #fff; padding-top: 6px; margin-top: 2px; }
#header .rightmenu .menulink .profilephoto img{ height:100%; width:auto;}
#header .rightmenu .menulink .lucide { margin-top: 3px; padding: 7px; width: 18px; border-radius: 50px; height: 18px; stroke: #8c8c8c; cursor: pointer; }
#header .rightmenu .menulink .lucide:hover{background-color:#f1f5f9;}
.dropmenu{position:absolute; width:190px; right:0px; background-color:#FFFFFF; border-radius: 10px; overflow:hidden; border:1px solid var(--border-color); padding:10px; box-shadow: 0 1px 10px var(--box-shadow-color); display:none;}
.dropmenu a{padding:10px; color:var(--dark-gray-color); font-size:13px; display:block; text-decoration:none; border-radius: 8px; font-weight:500; }
.dropmenu a:hover{ background-color:#f1f5f9; color:var(--dark-gray-color);  border-radius: 8px;  }
.dropmenu a .fa{margin-right:5px;}
.bodycontenor { max-width: 1410px; margin: auto; margin-top: 85px; padding-left: 92px; padding-right: 20px; }
.box-stacked:before { content: ""; z-index: -1; box-shadow: 0 1px 2px #0000000d; height: 100%; background-color: #f8fafc;  position: absolute; border-radius: .5rem; left: .875rem; right: .875rem; top: 0; margin-top: .75rem; }
.dashbottomborder{ border-bottom:1px dashed var(--border-color);}
.cardnew-window .fa-external-link { font-size: 16px; position: absolute; right: 4px; top: -13px; padding: 9px; background-color: #38cab333; color: #38cab3; border-radius: 4px;background-color: #5eaafd33; color: #3892ca; top: 22px; right: 20px; }
.card-1-heading{font-size:15px; font-weight:500; margin-bottom:5px; color:var(--heading-color);}
.card-2-heading{font-size:20px; font-weight:500;  }
.card-3-heading{font-size:14px; font-weight:500; margin-bottom:5px; color:var(--heading-color); position:relative; cursor:pointer;}
.bar-graph-outer{border:1px solid #e5e7eb; height:8px; background-color:#f7f7f7; margin-bottom:20px;border-radius: 20px;   position:relative;}
.bar-graph-outer .bar { border-radius: 20px; position: absolute; width: 15%; background-color: var(--purple); top: -1px; height: 8px; }
.card-3-heading .right { font-weight: 400; text-align: right; position: absolute; right: 0px; top: 1px; font-size: 14px; }
.form-control { font-size: 14px !important; font-weight: 500; border: 1px solid #dddddd91 !important; box-shadow: 0px 1px 4px #00000012 !important; border-radius: 8px !important; }
.exploreall-btn{border:1px solid var(--border-color); display:block; border-radius:50px; font-size:15px; font-weight:500; position:relative; padding:10px 15px;color:var(--heading-color); text-align:center;}
.lightgreen-btn{ border:1px solid #0d94881a; background-color:#0d94881a; color:#0d9488 !important;}
.tasktable tr td{font-size:14px !important; border-top: 1px dashed #dee2e6 !important; color:#475569 !important;}
.tasktable tr:hover{background-color:#f8f8f880 !important;}
.table-hover tbody tr:hover { background-color: rgb(0 0 0 / 2%) !important; }
.green-color{color:var(--teal);}
.gray-color{color:var(--gray);}
.font18-size{font-size: 18px !important;}
.table thead th { vertical-align: bottom !important;  border-bottom: 1px solid #dee2e6 !important;  background-color: #f8fafc !important; color:#64748b !important; font-weight: 500 !important; }
.small-font{color:#97a5b5; font-size:12px;}
.weathericon{background: linear-gradient(180deg, rgba(29, 104, 170, 1) 0%, rgba(9, 64, 112, 1) 100%); color:#fff; width:100%;}
.loginbox{width:35%; height:100%; position:fixed; left:-100%; top:0px; z-index:50; background-color:#FFFFFF; border-top-right-radius:25px; border-bottom-right-radius:25px;} 
.loginbox:before { content: ""; z-index: -1; height: 96%; background-color: #ffffff80; position: absolute; border-radius: 20px; left: 100px; right: -15px; top: 2%; bottom: 0px; } 
.loginbox .logo{width:100%; margin-bottom:40px;}
.loginbox .logo img{height:100px; width:auto;}
.heading26{font-size:26px; margin-bottom:5px; color:#475569;}
.heading15{font-size:15px; margin-bottom:10px; font-weight:500; color:#475569; }
.btn-primary{background-color:#043c6e !important; border:0px !important; padding:5px 20px; color:#FFFFFF;  font-size: 13px !important; font-weight: 500 !important;}
.btn-theme { padding: 14px 20px !important; box-sizing: border-box; width: 100%; font-size: 14px !important; border-radius: 40px !important; font-weight: 500 !important; }
.form-control{box-sizing: border-box !important;}
.loginbox .in .form-control{padding: 24px 15px;} 
.loginrightbox { right: 0px; position: fixed; top: 0px; width: 60%; padding: 19% 2% 0%; color: #ffffffb3; font-size:22px; transition: all 0.5s ease; }
.loginbox .in{padding:20% 20% 0%; margin:auto;}  
.loginrightbox h1{color:#fff;}
.commenu ul{ overflow:hidden; list-style:none; padding:0px; margin:0px; }
.commenu ul a{display: block; padding: 12px 12px;   border-radius: 10px; font-weight: 500;   border: 1px solid #fff; overflow: hidden; color: #475569; font-size: 14px; white-space: nowrap; min-width: 20px; margin-bottom:2px;}
.commenu a:hover{  box-shadow: 0 0px 0px #fff; background-color:#f3f9ff;}
.commenu .active{  box-shadow: 0 0px 0px #fff; background-color:#f3f9ff;}
.commenu ul a .fa{ padding-right:5px;}
.profileuserbadges { background-color: #c6e5f5; height: 70px; width: 70px; border: 4px solid #fff; margin-right: 10px; border-radius:15px; text-align: center; font-size: 30px; font-weight: 700; line-height: 62px; background: linear-gradient(80deg, rgba(17, 70, 117, 1) 0%, rgba(35, 103, 163, 1) 100%) !important; color: #FFFFFF !important;}
.profilehead { padding: 10px; background-color: #f8fafc; border: 1px dashed #d9e0ea; border-radius: 10px; margin-bottom:10px; }
.cardheader{border-bottom:1px dashed #cbd5e1b3; margin-bottom:20px; padding-bottom:10px; font-size:16px; color:#475569;font-weight: 500; overflow:hidden;}
.cardfooter{border-top:1px dashed #cbd5e1b3;  padding:15px; font-weight: 500; text-align:right;}
.form-body .col-xl-2{ padding-left:15px !important; padding-right:15px !important;}
.form-body .col-xl-3{ padding-left:15px !important; padding-right:15px !important;}
.form-body .col-xl-3{ padding-left:15px !important; padding-right:15px !important;}
.form-body .col-xl-4{ padding-left:15px !important; padding-right:15px !important;}
.form-body .col-xl-5{ padding-left:15px !important; padding-right:15px !important;}
.form-body .col-xl-6{ padding-left:15px !important; padding-right:15px !important;}
.form-body .col-xl-7{ padding-left:15px !important; padding-right:15px !important;}
.form-body .col-xl-8{ padding-left:15px !important; padding-right:15px !important;}
.form-body .col-xl-9{ padding-left:15px !important; padding-right:15px !important;}
.form-body .col-xl-10{ padding-left:15px !important; padding-right:15px !important;}
.form-body .col-xl-11{ padding-left:15px !important; padding-right:15px !important;}
.form-body .col-xl-12{ padding-left:15px !important; padding-right:15px !important;}
.formlabel{font-weight:500; text-align:left; font-size:14px; color:#475569; padding-top: 10px;    padding-bottom: 10px;}
.formlabel span { color: #64748b; padding: 1px 5px; border: 1px solid #cedaea; background-color: #e9f2fe; font-size: 11px; border-radius: 4px; margin-left: 5px; }
.listrow{margin-bottom:20px;}

::placeholder{color:#afb9c7 !important; font-weight:400;}
.btn-outline-primary {  color: #043c6e !important; font-weight: 500; font-size: 13px !important; border: 1px solid #043c6e !important; margin: 0px 10px !important; height: auto !important; padding: 5px 10px !important; background-color: #fff !important; }
.listrowsub{font-size:12px; margin:3px 0px 0px; font-weight:400; color:#64748bcc;}
h6{margin-bottom:20px !important;} 
.rounded-1 { border: 1px solid #dee2e6 !important; border-radius: 10px; overflow: hidden; }
.rounded-1 th{border-top:0px !important;}
.tablebtn { background: linear-gradient(180deg, rgba(255, 255, 255, 1) 47%, rgba(244, 244, 244, 1) 100%); color: #475569 !important; border: 1px solid #ddd !important; padding: 2px 6px !important; font-size: 12px !important; }
.tablebtn2 { background-color:#043c6e; color: #fff !important; border: 1px solid #043c6e !important; padding: 2px 6px !important; font-size: 12px !important; }

.roleouter{ border-left:2px dashed #c5c5c5; margin-left:50px;}
.roleouter .headrole { margin-top:30px; padding: 5px 10px; font-weight: 600; margin-left: 30px; background-color: #dff0ff; border-radius: 4px; line-height: 25px; position:relative; width: max-content;}
.roleouter .hyrouter { border-left: 2px dashed #ddd; padding: 13px 30px; margin-left: 50px; position: relative; }
.roleouter .rolebox { background-color: #EFEFEF; width: fit-content; padding: 4px 10px; text-align: center; color: #000000; border-radius: 4px; font-weight: 600; line-height: 22px; }
.roleouter .linerole { position: absolute; left: 0px; width: 31px; background-color: #EFEFEF; height: 4px; left: -30px; top: 15px; }
.roleouter .hyrouter .linerole { position: absolute; left: 0px; width: 31px; background-color: #EFEFEF; height: 4px; left: 0px; top: 30px; }
.roleouter .hyrouter .ingry{ background-color: #EFEFEF; width: fit-content; padding: 4px 30px; text-align: center; color: #000000; border-radius: 4px; font-weight: 600; line-height: 22px; }
.roleouter a { display: block; position: absolute; top: 18px; left: 14px; background-color: #000 !important; padding: 0px; height: 20px; width: 20px; font-size: 12px; color: #fff !important; line-height: 15px; border-radius: 100px; line-height: 18px; }
option:disabled { color: red; background-color:#FFFFCC; font-weight:600; padding:4px;}
.modal-content { border: 0px; box-shadow: 2px 2px 9px #00000045; } 
.cardheader span{display:block; float:left;line-height: 25px;}
.cardheader .right{float:right;}
.cardheader .right .btn{padding: 4px 10px !important;}

#popupouterblur{background: rgb(62,38,80); background: linear-gradient(180deg, rgb(55 74 159) 0%, rgb(39 38 106) 25%, rgb(27 76 115) 46%, rgb(32 58 81) 93%, rgba(56, 56, 56, 1) 100%); position:fixed; left:0px; top:0px;   width:100%; height:100%; z-index:999; opacity: 0.5; display:none;}
#popupouter{backdrop-filter: blur(4px); position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:9999;transition: all 0.5s ease; display:none;}

#popupouterblurquery{background: rgb(62,38,80); background: linear-gradient(180deg, rgb(55 74 159) 0%, rgb(39 38 106) 25%, rgb(27 76 115) 46%, rgb(32 58 81) 93%, rgba(56, 56, 56, 1) 100%); position:fixed; left:0px; top:0px;   width:100%; height:100%; z-index:999; opacity: 0.5;  display:none; }
#popupouterquery{backdrop-filter: blur(4px); position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:9999;transition: all 0.5s ease;  display:none;    overflow: auto; padding-bottom:20px;  }

#popupouterquery .inner { max-width: 650px; height: auto; background-color: #FFFFFF; border-radius: 10px; text-align: left; color: #475569; position: relative; overflow: hidden; margin: auto; margin-top: 2%; }
#popupouterquery .inner .header { padding: 20px 20px; font-size: 15px; position: absolute; left: 0px; top: 0px; width: 100%; border-bottom: 1px solid #ededed; z-index: 9; font-weight: 500; }
#popupouterquery .inner .popupcontent {padding: 20px; padding-top: 78px; }



#popupouter .inner{ width:100%; height:100%;  background-color:#FFFFFF;  border-top-left-radius: 10px;  border-bottom-left-radius:10px; float:right; text-align:left; color:#475569; position:relative; margin-right:-100%; transition: all 0.5s ease; overflow:hidden; } 
#popupouter .inner .header { padding: 20px 20px; font-size: 15px; position: absolute; left: 0px; top: 0px; width: 100%; border-bottom: 1px solid #ededed; z-index: 9; font-weight: 500; }
#popupouter .inner .popupcontent { overflow: auto; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; padding: 20px; padding-top: 78px; }
#popupouter .popclose { color: #fff; border: 1px solid #fff; position: fixed; right:-100%; top: 49%; width: 55px; height: 55px; text-align: center; border-radius: 50px; line-height: 44px; cursor: pointer; line-height:50px;    margin-right: 50px; transition: all 0.5s ease; }
#popupouter .popclose svg{width:30px; height:30px;}
.datepicker{background-color:#FFFFFF !important;}

#popupouter .inner .popupcontent label{float: left; width: 30%; text-align: right; margin: 0px; padding: 10px; padding-left:0px;}
#popupouter .inner .popupcontent .form-control{width: 65%; float: right;}
#popupouter .inner .popupcontent .form-group{ margin-bottom:20px;display: flex;}
#popupouter .inner .popupcontent .modal-body{ padding:0px;height: 100%; overflow: auto; position: fixed; padding-bottom: 120px; padding-right:10px;}
#popupouter .inner .popupcontent .modal-footer{ padding: 15px 15px; position: absolute; width: 100%; box-sizing: border-box; left: 0px; bottom: 0px; background-color: #fcfdfd;}
.nodatafound { padding: 100px 0px 10px; background-image: url(../images/no-data-6.png); background-repeat: no-repeat; background-position: center; background-size: 90px; text-align: center; text-decoration: inherit; color: #a5b0c3; margin: 20px; }
.reqfield{ border-left: 3px solid #e94141 !important;}
.storespacebox { border: 1px solid #e5ebef; padding: 15px; margin-left: 5px; border-radius: 10px;     margin-right: 5px; margin-bottom:20px;}
.showthumlistimg{width: 56px; height: 40px; overflow: hidden; border-radius: 4px;}
.showthumlistimg img{width:100%; min-height:100%; height:auto;}

.select2-container { z-index: 9999 !important;  width: 65% !important; }
.select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; box-shadow: 0px 1px 4px #00000012; border: 1px solid #e1eefa; padding: 4px; font-weight: 500; height: auto; border-radius: 10px; }
.select2-container--default.select2-container--focus .select2-selection--multiple { background-color: #fff; border: 1px solid #dddddd91; border-radius: 4px; box-shadow: 0px 1px 4px #00000012; border: 1px solid #e1eefa; padding: 0px 4px 4px 0px; font-weight: 500; height: auto; border-radius: 10px;    min-height: 38px; }
.select2-container--default .select2-selection--multiple { font-weight:500; border: 1px solid #dddddd91; border-radius: 4px; box-shadow: 0px 1px 4px #00000012;     min-height: 38px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #f4f4f4; border: 1px solid #eaeaea; border-radius: 4px; box-sizing: border-box; display: inline-block; margin-left: 5px; margin-top: 5px; position: relative; max-width: 100%; overflow: hidden; text-overflow: ellipsis; vertical-align: bottom; white-space: nowrap; padding: 4px; padding-left: 22px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { background-color: transparent; border: none; border-right: 1px solid #e1e1e1; border-top-left-radius: 4px; border-bottom-left-radius: 4px; color: #999; cursor: pointer; font-size: 1em; font-weight: bold; padding: 0 4px; position: absolute; left: 0; top: 0; height: 100%; }

.grn{ background-color:#dfac3c !important;}
.rd{ background-color:#e45555 !important; color:#fff !important;}
.listdestia { background-color: #dff0ff !important; color: #194a77; padding: 5px 6px !important; font-size: 12px !important; font-weight: 500 !important; border: 1px solid #3d75a87a; }
#bulkassign{padding: 2px 0px 2px 5px; background-color: rgb(248 250 252); border: 1px solid rgb(233 233 233); border-radius: 10px; margin-bottom: 10px;}
.badge-dark { color: #fff; background-color: #33c790 !important; }
@media only screen and (max-width: 1400px) {

.loginrightbox {  padding: 26% 2% 0%; }
.loginbox .in{padding:20% 12% 0%; }
}