*{margin:0px; padding:0px;}
html {position:relative; min-height:100%; font-size: 1rem;}
body{ color:#000000; font-style:normal; font-size: 0.875rem; font-weight:400; background:#ffffff;  font-family: 'Poppins', sans-serif; background: #F5F5F5; }
.alignleft {float:left;}
.alignright{float:right;}
h1{margin:0; font-size:2.5rem;}
h2{margin:0; font-size:1.875rem;}
h3{font-size:2rem; font-weight:500; margin:0;}
h4{ font-size:1.75rem; margin:0;}
h5{ font-size:1.125rem; font-weight:500; margin:0;}
h6{ font-size:1rem; font-weight:500; margin:0;}
p{font-size:0.875rem; font-weight:400;  margin:0;}
strong{font-weight:700;}
a, a:hover{text-decoration:none; transition:0.3s all ease-in-out;}
ul{margin:0px;}
.padd-0{padding:0px;}
.mar-0{margin:0px;}
.clearfix:before, .clearfix:after { content: ''; display: table; }
.clearfix:after { clear: both; }
.wrapper { width: 100%; margin: 0 auto;     overflow-x: hidden;}
.container{ max-width: 100%; }
.header{ position: fixed; width: 100%; left:0; top:0; z-index:9999; }
.header_main{ display: flex; align-items: center; justify-content: space-between; }
.headerchat_list { width: 81%; }
.headerchat_list ul { display: flex; align-items: center; justify-content: flex-end; padding:0; }
.headerchat_list ul li{ display: inline-block; vertical-align: middle; margin-right: 20px;  }
.headerchat_list ul li:last-child { margin-right: 0px;  }
.headerchat_list ul li a{ font-weight: 400; font-size: 1.063rem; letter-spacing: 0.02em; color: #131D40; display: block; vertical-align: middle; }
.headerchat_list ul li a em{  display: inline-block; vertical-align: middle; }
.headerchat_list ul li a em img{  display: inline-block; vertical-align: middle;  }
.headerchat_list ul li a em img.user-add{ width: 25px; }
.headerchat_list ul li a em img.user-noti{ width: 18px; }
.headerchat_list ul li a em img.user-profile{ width: 32px; margin-right: 15px; max-width: 32px;}
.headerchat_list ul li a span.red_noti { width: 12px; height: 12px; background: #FC5A5A; border-radius: 12px; display: block;  position: absolute; right: -5px;top: 0px; }
.headerchat_list ul .dropdown ul { display: none;    padding-bottom: 5px; }
.headerchat_list ul .dropdown ul.dropdown-menu.show { display: block; transform: translate(-20px, 48px) !important;  top: 0px !important;}
.headerchat_list ul .dropdown ul li{ margin: 0px; display: block; }
.headerchat_list ul .dropdown ul li a{ display: block; padding: 13px 18px; font-weight: 400; font-size: 1.063rem; line-height: 26px; letter-spacing: 0.02em; color: #131D40; }
.headerchat_list ul .dropdown ul li a.redtxt{ color: #FA2228; }
.dropdown-toggle::after{ display: none;}
.headerchat_list ul li:last-child .dropdown-toggle::after { display: inline-block; margin-left: 0.255em;  vertical-align: 0.255em; content: "";  border-top: 0.3em solid;
 border-right: 0.3em solid transparent;border-bottom: 0; border-left: 0.3em solid transparent;border-top-color: #131D40; }
.dropdown-menu {box-shadow: 0px 14px 30px rgb(16 20 24 / 25%); border-radius: 10px;border: 0px;  min-width: 12rem;}
.dropdown-menu .dropdown-item { padding: .5rem 1rem;}
.dropdown-menu .dropdown-item:hover { color: #252930;}
.dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:focus {background: #fafbff;}
.dropdown-menu .dropdown-item.active, .dropdown-menu .dropdown-item:active { background: #fafbff;}
.header.sticky { top: 0; }
/**********notification_main*************/
.notification_main{ padding: 20px 20px; }
.noti_drop .dropdown-menu { width: 315px; padding: 0px 0px 8px; top: 20px !important; transform: translate(-60px, 28px) !important; }
.head_notification{ padding-bottom: 10px; border-bottom: 1px solid #e7e9ed; }
.head_notification h3{ font-weight: 500; font-size: 1.25rem; line-height: 30px; color: #131D40; text-transform: capitalize; }
.notification_content .item{ padding: 10px 0px; border-bottom: 1px solid #e7e9ed; }
.notification_content .item .profile-image { width: 30px; margin-right: 10px; }
.notification_content .item .info { display: flex; align-items: center; justify-content: space-between; }
.notification_content .item .desc {  display: inline-block; vertical-align: top; margin-right: 10px; width: 74%; }
.notification_content .item .desc p { font-weight: 400; font-size: 0.875rem; color: #131D40; }
.notification_content .item .meta { font-weight: 400; font-size: 0.875rem; color: #919BAC; display: inline-block;  vertical-align: top; }
/********headerfixed-sidepanel*********/
.fixed-top {  position: fixed; top: 16px; right: 0; left: 0; z-index: 1030; background-color: #131d40;     border-radius: 16px 0px 0px 16px;}
.app-header-inner {background: #FFFFFF;box-shadow: 0px 3.24283px 10.8094px rgba(0, 0, 0, 0.05);border-radius: 16.2141px 0px 0px 0px;padding: 16px 43px;}
.app-sidepanel { position: fixed;  min-height: 100vh; height: 100%; left: 0; top: 0; font-size: .875rem;background: #131D40;padding-top: 135px;padding-bottom: 20px;
border-radius: 16px 0px 0px 16px; }
.app-sidepanel .sidepanel-inner { position: relative;  z-index: 10;background-color: #131D40; box-shadow: rgba(0, 0, 0, .05) 0px 8px 15px; width:281px; height: 100%; }
.app-sidepanel .sidepanel-close { display: none; position: absolute; z-index: 20; right: -2rem; top: 0; color: #fff; font-size: 2rem; }
.app-sidepanel.sidepanel-hidden { left: -400px;  }
.app-sidepanel.sidepanel-visible {  left: 0; }
.app-nav { color: #5d6778; display: block; width: 100%;}
.app-nav .app-menu {  margin-bottom: 0; }
.app-nav .nav-item { display: block; color: #5d6778; margin-bottom: 5px;}
.app-nav .nav-link { display: block; padding: .875rem 2rem; color: #F5F6FA;  position: relative; display: block; font-size: 1.063rem; letter-spacing: 0.02em; font-weight: 400; 
transition:0.3s all ease-in-out;}
.app-nav .nav-link span{ margin-right: 1.15rem; display: inline-block; width: 25px; }
.app-nav .nav-link span.submenu-arrow{ margin-right: 0; width: auto; position: absolute; right: 30px; transform: rotate(-90deg); }
.app-nav .submenu-toggle[aria-expanded=true] span.submenu-arrow svg { transform: rotate(90deg); }
.app-nav ul li .submenu ul li a{ font-weight: 400; font-size: 1.081rem; line-height: 26px; letter-spacing: 0.02em; color:#919BAC; padding:0.75rem 2rem 0.7rem 5rem; display:block; }
.app-nav ul li .submenu ul li.active a { color: #ffffff;  font-weight: 500;  box-sizing: border-box;  background: linear-gradient(270deg, rgba(53, 80, 220, 0) -110.41%, rgba(51, 84, 255, 0.43) 110.41%); }
.app-nav .nav-link em {   font-style: normal; font-size:0.75rem; letter-spacing: 0.02em; color: #FFFFFF; background: #2C6342; padding: 2px 12px; border-radius: 50px;     
display: inline-block; }
.app-nav .nav-link.active { color: #ffffff; font-weight: 500;box-sizing: border-box;
background: linear-gradient(270deg, rgba(53, 80, 220, 0) -110.41%, rgba(51, 84, 255, 0.43) 110.41%); }
.app-nav .nav-link:hover { background: linear-gradient(270deg, rgba(53, 80, 220, 0) -110.41%, rgba(51, 84, 255, 0.43) 110.41%); transition:0.3s all ease-in-out;}
.app-nav .nav-link.submenu-toggle.active { background: none; border-color: transparent;}
.app-sidepanel .app-nav-main { overflow-y: auto; scrollbar-color: rgba(0, 0, 0, .1) #e7e9ed; scrollbar-width: thin;}
.app-sidepanel .app-nav-main::-webkit-scrollbar { width: 6px; background-color: #e7e9ed;}
.app-sidepanel .app-nav-main::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .1); border-radius: .5rem;}
.app-nav .nav-icon { position: absolute; left: 1rem; top: .7rem; }
.app-sidepanel-footer { width: 100%; bottom: 0; left: 0;  background-color: #131D40;  padding: 1rem 0; }
.app-sidepanel-footer .app-nav-footer {  margin-bottom: 0; }
.app { min-height: 100vh;  height: 100%; width: 100%; background: #f5f6fe; padding-top: 56px; overflow-x: hidden; }


/****search_box****/
.search_box{ width: 287px; position: relative; }

.search_box input[type="search"] { padding: 7px 15px 7px 50px; width: 100%; display: block; color: rgba(145, 154, 172, 0.8); font-weight: 400; font-size: 1rem; line-height: 24px;
outline: 0; border: 0; background-color: #F5F6FA; border-radius: 32.4283px; }
.header .search_box input[type="search"] { width: 287px;  }
.search_box input[type="submit"] { font-size: 0; position: absolute; left: 16px; top: 8px; width: 20px; height: 20px; background-image: url(../images/search.svg);
 background-repeat: no-repeat; outline: none; border: 0;  background-color: transparent; }
.search_box input::placeholder {color: rgba(145, 154, 172, 0.8); }
.search_box input::-webkit-input-placeholder { color: rgba(145, 154, 172, 0.8); }
.search_box input::-moz-placeholder {  color: rgba(145, 154, 172, 0.8); }
.search_box input:-ms-input-placeholder { color: rgba(145, 154, 172, 0.8); }
.search_box input:-moz-placeholder{ color: rgba(145, 154, 172, 0.8);  }
/******app-wrapper*******/
.app-wrapper {  transition: all .4s ease-in-out;  background: #131d40; padding-top: 16px; padding-bottom: 16px; border-radius: 0px 16px 0px 0px; }
.dashboard_wrapper { background: #f5f5f5; padding: 40px 40px; margin-top: 69px;     border-radius: 0px 0px 0px 16px;}
.dashboard_top{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 19px; padding-bottom: 19px; border-bottom: 1px solid #E2E2EA; }
.dashboard_top_head { margin-right: 20px; display: inline-block; vertical-align: middle; }
.dashboard_top_head h5{ font-weight: 400; font-size: 1.5rem; letter-spacing: 0.1px; color: #171725; margin-right: 20px; display: inline-block; vertical-align: middle; }
.dashboard_top_head h3{ font-weight: 600; font-size: 1.5rem; letter-spacing: 0.1px; color: #171725;    display: inline-block; vertical-align: middle; }
.dashboard_calender { margin-right: 20px; display: inline-block; vertical-align: middle; }
.dashboard_topbar_right .search_box { width: 209px; margin-right: 20px; display: inline-block; vertical-align: middle;  }
.dashboard_topbar_right .search_box input[type="search"]{ background: #FFFFFF; border-radius: 10px; }
.dashboard_topbar_right .search_box input[type="submit"]{ background-image: url('../images/search1.svg');  background-repeat: no-repeat; background-color: transparent; }
.download_btn { display: inline-block; vertical-align: middle;  margin-right: 20px; }
.download_btn a { display: block;  background: #919BAC; border-radius: 10px; padding: 9px 12px;}
.download_btn img { width: 20px; }
.quick_btn{ margin-right: 20px;  display: inline-block; vertical-align: middle; }
.quick_btn a{ background-color: #131D40; border-radius: 10px;  display: block; padding: 10px 20px; font-weight: 600; font-size: 0.875rem; letter-spacing: 0.1px; color: #FFFFFF; }
.quick_btn img{ width: 18px;  margin-right: 10px; display: inline-block; vertical-align: middle; }
.analytic_btn{ display: inline-block; vertical-align: middle; }
.analytic_btn a{ background-color: #5779FF; border-radius: 10px;  display: block; padding: 10px 20px; font-weight: 600; font-size: 0.875rem; letter-spacing: 0.1px; color: #FFFFFF;   }
.analytic_btn img{ width: 18px; margin-right: 10px; display: inline-block; vertical-align: middle;  }
.dashboard_calender input { border: 1px solid #E2E2EA; border-radius: 10px !important; background-color: transparent; text-align: center; font-weight: 500; color: #131D40; z-index: 9; }
.dashboard_calender .form-control:focus {  background-color: transparent; }
.dashboard_calender input::placeholder { color: #131D40; }
.dashboard_calender input::-webkit-input-placeholder { color: #131D40; }
.dashboard_calender input::-moz-placeholder { color: #131D40; }
.dashboard_calender input:-ms-input-placeholder { color: #131D40;}
.dashboard_calender input:-moz-placeholder{ color: #131D40; }
/******journal_sec*******/ 
.journal_sec{ margin-bottom: 20px; }
.border_box{ background: #FFFFFF; box-shadow: 0px 0px 5.40471px rgba(0, 0, 0, 0.0986943); border-radius: 16px; padding: 25px 20px; }
.affected_topbox { display: flex;  justify-content: space-between; align-items: center; margin-bottom: 23px; }
.affected_tophead{ display: inline-block; }
.affected_tophead h3{  font-weight: 600; font-size: 1.5rem; letter-spacing: 0.1px; color: #171725; }
.affected_filter{ display: inline-block; vertical-align: middle; margin-right: 17px; }
.affected_topentry { display: inline-block; }
.affected_topentry .dashboard_calender { margin-right: 0px; }
.affected_topentry .dashboard_calender input { font-weight: 400; }
.affected_topentry .dashboard_calender input::placeholder {color: #919BAC; }
.affected_topentry .dashboard_calender input::-webkit-input-placeholder { color: #919BAC; }
.affected_topentry .dashboard_calender input::-moz-placeholder {  color: #919BAC; }
.affected_topentry .dashboard_calender input:-ms-input-placeholder { color: #919BAC; }
.affected_topentry .dashboard_calender input:-moz-placeholder{ color: #919BAC;  }
/******affected_map*******/ 
.affected_map > img { width: 100%; height: 418px; object-fit: cover; }
.affected_filter .dropdown a{ border: 1px solid #E2E2EA; border-radius: 10px; padding: 6px 15px; display: block; font-weight: 400; font-size: 1rem; letter-spacing: 0.0888889px;
color: #919BAC; }
.affected_filter .dropdown a strong { font-weight: 500;  color: #131D40; }
.affected_filter .dropdown ul { display: none;    padding-bottom: 5px;     inset: inherit !important;}
.affected_filter .dropdown ul.dropdown-menu.show { display: block; transform: translate(0px, 40px) !important;  top: 0px !important;  padding: 0; }
.affected_filter .dropdown ul li{ margin: 0px; display: block; }
.affected_filter .dropdown ul li a{ display: block; padding: 10px 18px; font-weight: 400; font-size: 1.063rem; line-height: 26px; letter-spacing: 0.02em; color: #131D40;
border: 0; }
.affected_filter .dropdown ul li a.redtxt{ color: #FA2228; }
.affected_filter .dropdown-toggle::after { display: inline-block; margin-left: 0.255em;  vertical-align: 0.255em; content: "";  border-left: 5px solid transparent;
 border-right: 5px solid transparent; border-top: 7px solid #919BAC;  position: relative; top: 4px; }
/******trends_box*******/ 
.trends_box{ padding: 25px 30px; }
.trends_head { margin-bottom: 32px; padding-top: 12px; }
.trends_head h3{ font-weight: 500; font-size: 1.25rem; color: #131D40; text-transform: capitalize; }
.trends_typebox { background: #F5F5F5; border-radius: 5px; padding: 11px 18px 6px 25px; margin-bottom: 36px; }
.trends_typebox ul { padding: 0px; }
.trends_typebox ul li{ display: inline-block; vertical-align: middle; margin-right: 15px; font-weight: 400; font-size: 0.938rem; line-height: 23px; color: #919BAC; }
.trends_typebox ul li:last-child{ margin-right: 0px; }
.trends_typebox ul li.trend_types{ width: 26%; }
.trends_typebox ul li.trend_total{ width: 36%; }
.trends_typebox ul li.trend_rate{ width: 30%; text-align: right;  }
.trends_community ul { padding: 0px; }
.trends_community ul li{ display: block; margin-bottom: 56px; padding: 0px 11px 0px 25px; }
/******trendentry_txt*******/ 
.trendentry_txt {  display: inline-block; vertical-align: middle; width: 27%;  margin-right: 5px; }
.trendentry_txt h4{ font-weight: 400; font-size: 1rem; letter-spacing: 0.02em; color: #131D40; }
.trendentry_progress {  display: inline-block; vertical-align: middle;  width: 35%;  margin-right: 20px; }
.trendentry_progress .progress{  padding:0; width:100%; height:30px; overflow:hidden; background: #CCCCCC; border-radius: 50px; }
.trendentry_progress .progress .bar { position:relative; float:left; min-width:1%; height:100%; background:cornflowerblue; padding: 4px 15px; background: #459ED8; 
border-radius: 50px; }
.trendentry_progress .progress .bar.cssProgress-success{ background: #54BCBD; }
.trendentry_progress .progress .bar.cssProgress-info{ background: #F05179; }
.trendentry_progress .progress .bar.cssProgress-warning{ background: #FF9F0D; }
.trendentry_progress .progress .percent { position:absolute; top:50%; left: 15px; transform:translateY(-50%); margin:0; font-weight: 700; font-size: 0.875rem; line-height: 21px;
letter-spacing: 1px; color: #FFFFFF; }
.trendentry_rate {  display: inline-block; vertical-align: middle; width: 31%; text-align: right; }
.trendentry_rate p{ font-weight: 400; font-size: 1rem; letter-spacing: 0.857143px; color: #77838F; }
.trendentry_rate span.red_down{ width: 0px; height: 0px; border-left: 5px solid transparent;  border-right: 5px solid transparent; border-top: 7px solid #E74625; 
display: inline-block; vertical-align: middle; margin-top: -2px;}
.trendentry_rate span.green_up{ width: 0px; height: 0px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 7px solid #2FA307; 
display: inline-block; vertical-align: middle; margin-top: -4px;}
/******table_sec*******/ 
.share_list { display: inline-block; vertical-align: middle;  }
.share_list a{ display: block; }
.recentjournal_sec .affected_topentry .dashboard_calender {  margin-right: 20px; }
.flow_chart img{ width: 100%; }
.recentbox_list #content-1.content {  height: 250px; }
.table tr th{ font-weight: 400; font-size: 0.946rem; line-height: 23px; color: #919BAC; padding: 10px 0px; border: 0px; }
.table_sec tr td{ font-weight:400; font-size: 1rem; line-height: 24px; letter-spacing: 0.02em; color: #131D40;background: #ffffff; padding: 10px 0px; border-bottom-color: #F5F6FA;}
.table_sec tr { background: #ffffff; }
.table_sec tr td span { background: #F5F6FA; border-radius: 21.67px; padding: 4px 20px;     display: block; width: 160px; }
.table_sec tr td span i { width: 9px; height:9px; background: #E74625; border-radius: 21.67px;  display:inline-block; margin-right: 4px; padding: 0; vertical-align: middle; }
.table_sec tr td span i.red_dot {  background: #E74625;  }
.table_sec tr td span i.pink_dot { background: #F05179;  }
.table_sec tr td span i.purple_dot { background: #5363F8;  }
.table_sec { margin-bottom: 44px !important;}
/*.table_sec .dataTables_length, .table_sec .dataTables_filter,  .table_sec .dataTables_info, .table_sec .dataTables_paginate  { display:none; }*/
.table_sec tr td{ vertical-align:middle; }
.table>:not(:first-child) { border: 0px; }
.datepicker { padding: 0;}
/******responsive*******/ 
.content{overflow: auto;position: relative; max-width: 100%;height: 400px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.showcase #content-9.content{height: 420px;background-color: #c2beb2;padding: 5px;}
.showcase #content-9.content .mCSB_container{ margin-right: 21px; }
.table-striped>tbody>tr:nth-of-type(odd), .table-striped>tbody>tr:nth-of-type(odd)>* { --bs-table-accent-bg: transparent;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color:  #5779FF;    width: 5px; opacity:1; height: 56px;}
.mCSB_scrollTools .mCSB_draggerRail { width: 5px; background-color:  #F5F6FA;opacity:1; }
.mCSB_scrollTools .mCSB_dragger { height: 56px !important; }
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #5779FF; }
/******affected_mapbox*******/ 
.mapbox_text{ background: #FFFFFF; width: 380px; box-shadow: 8.64754px 8.64754px 15.1332px rgba(133, 128, 128, 0.25); border-radius: 16.2141px; padding: 25px 25px;
position: absolute; left: 175px; top: 85px; display: none;}
.mapbox_texthead { margin-bottom: 35px; display: flex; align-items: center; justify-content: space-between; }
.mapbox_firetxt img { width: 25px; margin-right: 9px; display: inline-block; vertical-align: middle;  }
.mapbox_firetxt h5 { font-weight: 400; font-size: 1rem; color: #919BAC; display: inline-block; vertical-align: middle;  }
.mapbox_firetxt h5 strong { font-weight: 500; color: #131D40; }
.mapbox_arrow a{ width: 20px; display: block; }
.mapbox_arrow a img{ width: 100%; }
.mapbox_middtxt { margin-bottom: 10px; }
.mapbox_middtxt h6{ font-weight: 400; font-size: 1rem; color: #919BAC; margin-bottom: 5px; }
.mapbox_middtxt p{ font-weight: 500; font-size: 0.875rem; line-height: 21px; color: #131D40; }
.mapbox_btmtxt ul { padding: 0; }
.mapbox_btmtxt ul li{ margin-bottom: 12px;  display: flex; justify-content: space-between; }
.mapbox_btmtxt ul li p {  font-weight: 400; font-size: 1rem; line-height: 24px; color: #919BAC; display: inline-block; vertical-align: middle; }
.mapbox_btmtxt ul li span { font-weight: 500; font-size: 0.875rem; line-height: 21px; color: #131D40; display: inline-block; vertical-align: middle; }
.mapbox_btmtxt ul li span img{ margin-right: 5px; width:  0.75rem;  display: inline-block;  vertical-align: baseline; }
.affected_map { position: relative; }
.affected_mapbox  { position: absolute;  width: 100%; top:0; }
.mapbox_icon a { display: block; }
.mapbox_icon img { width: 100%; }
.mapbox_icon1 { width: 100px; left: 88px; top: 45px; position: absolute;  }
.mapbox_icon2 { width: 44px; left: 52px; top: 277px; position: absolute; }
.mapbox_icon3 { width: 44px; position: absolute; top: 61px; right: 260px; }
.mapbox_icon4 { width: 44px; position: absolute; top: 195px; right: 112px; }
.open_map .mapbox_text { display: block; }

/*.dashboard_calender .input-group:before {  content: ""; display: inline-block; border-top: 6px solid transparent; border-bottom: 6px solid transparent;
 border-right: 7px solid #919BAC; position: relative; width: 7px; height: 11px; top: 12px; left: 25px; }
.dashboard_calender .input-group:after {  content: ""; display: inline-block;  border-top: 6px solid transparent; border-bottom: 6px solid transparent;
 border-left: 7px solid #919BAC; position: relative; width: 7px; height: 11px; top: 12px;  right: 25px; }*/
/******entries_box*******/ 
.journalentries_top { margin-bottom: 22px; }
.journalentries_top .col-md-4 { height: 100%; }
.entries_box{ background: #FFFFFF; box-shadow: 0px 0px 5.40471px rgba(0, 0, 0, 0.0986943); border-radius: 16.2141px; padding: 46px 45px;  text-align: center; }
.entries_box span { background: #F5F6FA; border-radius: 5.4px; padding: 11px 12px; display: inline-block; margin-bottom: 16px; }
.entries_box span img{ width: 32px; }
.entries_box h3 { font-weight: 500; font-size: 1.486rem; line-height: 29px; letter-spacing: 0.02em; color: #131D40;   margin-bottom: 5px; }
.entries_box a { font-weight: 400; font-size: 0.946rem; line-height: 23px; text-align: center; letter-spacing: 0.02em; color: #919BAC; display: inline-block; }

.journalentries_btm .recentbox_list #content-1.content { height: 480px; }
.entry_breakdowntop { margin-bottom: 35px; }
.entry_breakdown{ background: #FFFFFF; box-shadow: 0px 0px 5.40471px rgba(0, 0, 0, 0.0986943); border-radius: 16.2141px; padding: 20px 23px; }
.entry_breakdown h4 { font-weight: 500; font-size: 1.25rem; line-height: 30px; color: #131D40; margin-bottom: 25px; text-transform: capitalize; }
.entry_graph img {  width: 100%; }
.entry_breakdownbtm ul { padding:0px;}
.entry_breakdownbtm ul li { background: #F5F6FA; border-radius: 10.81px; padding: 30px 30px; display: flex; margin-bottom: 22px; align-items: center; justify-content: space-between;}
.entry_breakdownbtm ul li:last-child { margin-bottom: 0px; }
.entry_breakdownbtm ul li p{ font-weight: 400; font-size: 1.081rem; line-height: 26px; color: #131D40; display: inline-block;  vertical-align: middle; }
.entry_breakdownbtm ul li p em { margin-right: 15px; display: inline-block;  vertical-align: middle; }
.entry_breakdownbtm ul li p em img{ width: 32px;  }
.entry_breakdownbtm ul li span { font-weight: 500; font-size: 0.946rem; line-height: 23px; text-align: right; letter-spacing: 0.02em; color: #131D40; display: inline-block; 
vertical-align: middle; }
/******journal_entries_box*******/ 
.jmembers_box { background: #FFFFFF; box-shadow: 0px 0px 3.65857px rgba(0, 0, 0, 0.0986943); border-radius: 10px; display: flex; justify-content: space-between; 
position: relative; }
.members_box { background: #FFFFFF; box-shadow: 0px 0px 3.65857px rgba(0, 0, 0, 0.0986943); border-radius: 10px; padding: 13px 15px; display: flex; justify-content: space-between; 
position: relative; }
.members_box a{ position: absolute; left:0; top:0; width: 100%; height: 100%; }
.members_txt {  display: inline-block; vertical-align: top; }
.members_txt h3 { font-weight: 600; font-size: 2.058rem; line-height: 49px; color: #131D40; }
.members_txt h3 span.red_down { width: 0px; height: 0px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top:7px solid #E74625; display:inline-block;
vertical-align: middle; margin:0px 2px; margin-top: 0px; }
.members_txt h3 em { font-weight: 500; font-size: 12px; color: #464E5F;  display: inline-block; vertical-align: middle; font-style: normal;}
.members_txt p { font-weight: 500; font-size: 1.006rem; line-height: 24px; color: #131D40; }
.members_img { background: #459ED8; border-radius: 11px; padding: 16px 21px; display: inline-block; vertical-align: top; width: 68px;  height: 68px; }
.members_greenbox .members_img { background: #54BCBD; }
.members_pinkbox .members_img { background: #F05179; }
.members_yellowbox .members_img { background: #FF9F0D; }
.members_txt h3 span.green_up { width: 0px; height: 0px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 7px solid #2FA307; 
display:inline-block; vertical-align: middle; margin:0px 2px; margin-top: 0px; }

.station_box .affected_filter { margin-right: 0; }
.journal_map { margin-bottom: 20px; }
.journal_map img{ width: 100%; }
.dashboard_top .add_btn { margin-right: 0; }
.journal_mapbtn { background: #459ED8; border-radius: 11px; padding: 13px 17px; margin-bottom: 22px; }
.journal_mapbtn em { width: 27px; margin-right: 20px; display: inline-block; vertical-align: bottom; }
.journal_mapbtn em img { width: 27px; }
.journal_mapbtn p{ font-weight: 400; font-size: 1rem; color: #FFFFFF;  display: inline-block; vertical-align: bottom;}
.journal_mapbtn p strong { font-weight: 500;  }
.journal_locatetxt { padding: 0px 19px; }
.journal_locatetxt h6 { font-weight: 400; font-size: 16px; color: #919BAC; margin-bottom: 5px;  }
.journal_locatetxt p { font-weight: 500; font-size: 14px; line-height: 21px; color: #131D40; margin-bottom: 10px; }
.journal_locatetxt ul { padding: 0; }
.journal_locatetxt ul li{ margin-bottom: 12px;  display: flex; justify-content: space-between; }
.journal_locatetxt ul li p {  font-weight: 400; font-size: 1rem; line-height: 24px; color: #919BAC; display: inline-block; vertical-align: middle; margin-bottom: 0; }
.journal_locatetxt ul li span { font-weight: 500; font-size: 0.875rem; line-height: 21px; color: #131D40; display: inline-block; vertical-align: middle; }
.journal_locatetxt ul li span img{ margin-right: 5px; width:  0.75rem;  display: inline-block;  vertical-align: baseline; }

.table_pagination{ display: flex; align-items: center; justify-content: space-between; }
.table_prevbtn a{ font-weight: 400; font-size: 16px; line-height: 24px; color: #919BAC; position: relative; border: 1px solid #E2E2EA; border-radius: 10px;  padding: 8px 19px 8px 31px;}
.table_prevbtn a:before{ content:'<'; position: absolute; left: 10px; top: 50%;font-weight: 400; font-size: 16px; line-height: 24px; color: #919BAC;     transform: translate(50%, -50%);}
.table_nextbtn a{ font-weight: 400; font-size: 16px; line-height: 24px; color: #919BAC; position: relative;  border: 1px solid #E2E2EA; border-radius: 10px; padding: 8px 31px 8px 19px;}
.table_nextbtn a:before{ content:'>'; position: absolute; right: 10px; top: 50%;font-weight: 400; font-size: 16px; line-height: 24px; color: #919BAC;     transform: translate(-50%, -50%);}
.table_pages p{ font-weight: 400; font-size: 16px; line-height: 24px; text-align: center; color: #131D40; }
.table_pages p a{ font-weight: 400; font-size: 16px; line-height: 24px; color: #5779FF;  border: 1px solid #E2E2EA; border-radius: 10px; display: inline-block; padding: 8px 19px 8px 19px;
margin:0px 9px; }

.journalentries_btm .affected_topbox { margin-bottom: 18px; }
.journalentries_btm .authorise_table .table tr th{ border: 0; }
.table_sec tr td span i.green_dot { background: #54BCBD; }
.table_sec tr td span i.blue_dot { background: #5779FF; }
.table_sec tr td span i.yellow_dot { background: #FF9F0D; }
/******journal_type*******/ 
.journalstories_sec { margin-bottom: 20px; }
.supervisor_graph img{ width: 100%; }
.facility_entrybox { background: #FFFFFF; box-shadow: 0px 0px 5.40471px rgba(0, 0, 0, 0.0986943); border-radius: 20px; padding: 20px 20px; margin-bottom: 22px;  }
.facility_cardbox { border-bottom: 3px solid #F5F5F5; padding-bottom: 5px; }
.facility_cardbox h3{ font-weight: 500; font-size: 1rem; line-height: 24px; color: #131D40; }
.facility_cardbody { padding: 19px 0px 0px;  }
.facility_cardbody p{ margin-bottom: 15px; }
.facility_cardbody h2{ font-weight: 500; font-size: 1.563rem; line-height: 38px; color: #131D40; }
.facility_cardbody p span.red_down { width: 0px;  height: 0px; border-left: 5px solid transparent;  border-right: 5px solid transparent; border-top: 7px solid #E74625;
display: inline-block; vertical-align: middle; margin: 0px 2px; margin-top: 0px; }
.facility_cardbody p em { font-weight: 500; font-size: 12px; color: #464E5F; display: inline-block;  vertical-align: middle; font-style: normal; }
.journalstories_table .table_sec { margin-bottom: 0px !important; }
.journal_locate {  display: inline-block; vertical-align: middle; margin-right: 11px; }
.journal_locate a{  display: inline-block; background: #F5F6FA; border-radius: 10px; padding: 9px 15px; }
/******show_filter*******/ 
.show_filter { display: inline-block; vertical-align: middle; margin-right: 15px;}
.show_filter .dropdown a{ border: 1px solid #E2E2EA; border-radius: 10px; padding: 6px 15px; display: block; font-weight: 400; font-size: 1rem; letter-spacing: 0.0888889px;
color: #919BAC; }
.show_filter .dropdown a strong { font-weight: 500;  color: #131D40; }
.show_filter .dropdown ul { display: none;    padding-bottom: 5px;     inset: inherit !important;}
.show_filter .dropdown ul.dropdown-menu.show { display: block; transform: translate(0px, 40px) !important;  top: 0px !important;  padding: 0; }
.show_filter .dropdown ul li{ margin: 0px; display: block; }
.show_filter .dropdown ul li a{ display: block; padding: 10px 18px; font-weight: 400; font-size: 1.063rem; line-height: 26px; letter-spacing: 0.02em; color: #131D40;
border: 0; }
.show_filter .dropdown ul li a.redtxt{ color: #FA2228; }
.show_filter .dropdown-toggle::after { display: inline-block; margin-left: 0.255em;  vertical-align: 0.255em; content: "";  border-left: 5px solid transparent;
 border-right: 5px solid transparent; border-top: 7px solid #919BAC;  position: relative; top: 4px; }
/******journal_incident*******/ 
.journal_incident .journalstories_table .table_sec tr:hover td { background: #F5F6FA; }
.table_sec tr td span i.darkgreen_dot { background: #9BBD54; }
.table_sec tr td span i.grey_dot { background: #717171; }
.facility_cardbody p span.green_up { width: 0px;  height: 0px;  border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 7px solid #2FA307;
display: inline-block; vertical-align: middle;  margin: 0px 2px; }
/******analytic_graph*******/
.analytic_graph img{ width: 100%; }
.analytic_type .dashboard_top_head a { background: #DFDFDF; border: 1px solid #E2E2EA; border-radius: 10px; display: inline-block; vertical-align: middle; font-weight: 600;
font-size: 24px; line-height: 36px; letter-spacing: 0.1px; color: #131D40; padding: 0px 13px 0px 13px; margin-right: 10px; }
.analytic_type .dashboard_top_head a:after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid;
border-right: 0.3em solid transparent; border-bottom: 0;  border-left: 0.3em solid transparent; border-top-color: #919BAC; position: relative; top: 4px; }
.report_btn { display: inline-block; vertical-align: middle; margin-right: 15px;}
.report_btn .dropdown a{ border: 1px solid #E2E2EA; background:#131D40; border-radius: 10px; padding: 6px 15px; display: block; font-weight: 400; font-size: 1rem; letter-spacing: 0.0888889px;
color: #E2E2EA; font-family: 'Roboto', sans-serif; }
.report_btn .dropdown a strong { font-weight: 500;  color: #E2E2EA; }
.report_btn .dropdown ul { display: none;    padding-bottom: 5px;     inset: inherit !important;}
.report_btn .dropdown ul.dropdown-menu.show { display: block; transform: translate(0px, 40px) !important;  top: 0px !important;  padding: 0; }
.report_btn .dropdown ul li{ margin: 0px; display: block; }
.report_btn .dropdown ul li a{ display: block; padding: 10px 18px; font-weight: 400; font-size: 1rem; line-height: 26px; letter-spacing: 0.0888889px; color: #131D40; border: 0; 
background: #FFFFFF ;}
.report_btn .dropdown ul li a.redtxt{ color: #FA2228; }
.report_btn .dropdown-toggle::after { display: inline-block; margin-left: 0.255em;  vertical-align: 0.255em; content: "";  border-left: 5px solid transparent;
 border-right: 5px solid transparent; border-top: 7px solid #E2E2EA;  position: relative; top: 4px; }
/******journalanalytic_sec*******/
.journalanalytic_sec { margin-bottom: 20px; }
.filter_buttons {  display: inline-block; vertical-align: middle; }
.filter_buttons ul { padding: 0; } 
.filter_buttons ul li{ display: inline-block; vertical-align: middle; margin-right: 27px; } 
.filter_buttons ul li a{ display: inline-block; vertical-align: middle; font-weight: 400; font-size: 0.75rem; line-height: 18px; color: #919BAC; } 
.filter_buttons ul li a i{ background: #459ED8;  width: 9px; height: 9px; border-radius: 21.67px; display: inline-block; margin-right: 4px; padding: 0; vertical-align: middle; 
margin-right: 10px; } 
.filter_buttons ul li a i.green_dot{ background: #54BCBD; } 
.filter_buttons ul li a i.pink_dot{ background:  #F05179; } 
.filter_buttons ul li a i.yellow_dot{ background: #FF9F0D; } 
.analytic_type .affected_tophead h3 { font-size: 1.25rem;  }
/******analystic_percentage*******/
.analystic_percentage { margin-bottom: 20px; }
.analystic_percentagebox {  padding: 20px 20px; background: #FFFFFF; box-shadow: 0px 0px 5.40471px rgb(0 0 0 / 10%); border-radius: 16px; } 
.analystic_percentagebox h3 { font-weight: 500; font-size: 1.25rem; line-height: 30px; color: #131D40; margin-bottom: 20px; }
.analystic_piechartbox { margin-bottom: 30px; }
.analystic_piechartbox img{ width: 100%; }
.analystic_piechartlist ul { padding: 0; display: flex; justify-content: space-between;  } 
.analystic_piechartlist ul li{ display: inline-block; vertical-align: middle; margin-right: 27px; } 
.analystic_piechartlist ul li:last-child{  margin-right: 0px; } 
.analystic_piechartlist ul li a{ display: inline-block;  font-weight: 400; font-size: 0.75rem; line-height: 18px; color: #919BAC; } 
.analystic_piechartlist ul li a i{ background: #459ED8;  width: 9px; height: 9px; border-radius: 21.67px; display: inline-block; margin-right: 4px; padding: 0; vertical-align: middle; 
margin-right: 10px; } 
.analystic_piechartlist ul li a i.green_dot{ background: #54BCBD; } 
.analystic_piechartlist ul li a i.pink_dot{ background:  #F05179; } 
.analystic_piechartlist ul li a i.yellow_dot{ background: #FF9F0D; } 
/******analystic_firebox*******/
.analystic_firebox{  padding: 20px 20px; background: #FFFFFF; box-shadow: 0px 0px 5.40471px rgb(0 0 0 / 10%); border-radius: 16px; } 
.analystic_firebox h3 { font-weight: 500; font-size: 1.25rem; line-height: 30px; color: #131D40; margin-bottom: 20px; }
.analystic_firechartbox { margin-bottom: 30px; }
.analystic_firechartbox img{ width: 100%; }
.analystic_firechartlist ul { padding: 0; display: flex; justify-content: space-between;  } 
.analystic_firechartlist ul li{ display: inline-block; vertical-align: middle; margin-right: 27px; } 
.analystic_firechartlist ul li:last-child{  margin-right: 0px; } 
.analystic_firechartlist ul li a{ display: inline-block; font-weight: 400; font-size: 0.75rem; line-height: 18px; color: #919BAC; } 
.analystic_firechartlist ul li a i{ background: #459ED8;  width: 9px; height: 9px; border-radius: 21.67px; display: inline-block; margin-right: 4px; padding: 0; vertical-align: middle; 
margin-right: 10px; } 
.analystic_firechartlist ul li a i.darkblue_dot{ background: #1C6696; } 
.analystic_firechartlist ul li a i.lightblue_dot{ background:  #68C3FF; } 
.analystic_firechartlist ul li a i.purple_dot{ background: #5161F0; } 
.analystic_tagbox {  padding: 20px 20px; background: #FFFFFF; box-shadow: 0px 0px 5.40471px rgb(0 0 0 / 10%); border-radius: 16px; }
.analystic_tagbox h3 { font-weight: 500; font-size: 1.25rem; line-height: 30px; color: #131D40; margin-bottom: 20px; }
.shift_main { margin-bottom: 20px; }
.shift_graph img { width: 100%; }
.affected_box h3{ font-weight: 600; font-size: 1.25rem; line-height: 30px; color: #131D40; margin-bottom: 20px; }
.affectedbox_map img{ width: 100%; border-radius: 10px; }
.affectedbox_button { margin-bottom: 20px; }
.affectedbox_button ul { padding: 0; display: flex; justify-content: space-between; }
.affectedbox_button ul li { display: inline-block; vertical-align: middle; margin-right: 5px;}
.affectedbox_button ul li a { font-weight: 600; font-size: 12px; letter-spacing: 0.75px; color: #000000; }
.affectedbox_button ul li img { margin-right: 10px; }
.dayswork_graph img{ width: 100%; }
.shift_box .affected_tophead h3 { font-weight: 500; }
/******cssprogress*******/
.cssprogress { width: 100%;  margin-bottom: 15px; }
.progress1 { background-color: #EEF2FF; }
.cssprogress .progress1, .cssprogress .progress2, .cssprogress .progress3 { position: relative;  overflow: hidden; width: 100%; font-family: "Roboto", sans-serif; }
.cssprogress .cssprogress-bar { display: block; float: left; width: 0%; height: 100%; background: #5779FF; transition: width 0.8s ease-in-out; }
.progress1 .cssprogress-bar {  height: 3px; }
.cssprogress .progress_txt { display: flex; justify-content: space-between; margin-bottom: 5px; }
.cssprogress span.cssprogress-label { font-weight: 400; font-size: 12px; line-height: 16px; color: #919BAC;}
.cssprogress span.cssprogress-num { font-weight: 600; font-size: 14px; line-height: 16px; text-align: right; color: #131D40;     margin-top: -8px;}
.cssprogress .cssprogress-bar.blue-progres{  background: #459ED8; }
.cssprogress .cssprogress-bar.pink-progres{  background: #F05179; }
.cssprogress .cssprogress-bar.yellow-progres{  background: #FF9F0D; }

.journalstories_table #content-1.content { height: 390px; }
.journalstories_table .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #919BAC; width: 14px; border-radius: 0; }
.journalstories_table .mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; }
.journalstories_table .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; }
/******responsive*******/  
@media(min-width: 1200px) {
.app-wrapper { margin-left: 281px; }
.app-header-inner {  margin-left: 281px; }
}
@media(max-width: 1739px) {
.entries_box { padding: 46px 30px; }
.trends_typebox ul li { margin-right: 12px; }
.trendentry_progress {  margin-right: 15px;    width: 33%; }
.trendentry_rate { width: 33%; }
.affected_filter { margin-right: 10px; }
.affected_tophead h3 { font-size: 1.2rem; }
.recentjournal_sec .affected_topentry .dashboard_calender {  margin-right: 5px; }
.affected_filter { margin-right: 5px; }
.affected_filter .dropdown a {  font-size: 0.9rem; }
.table_sec tr td {  font-size: 0.938rem; }
.dashboard_calender input { font-size: 0.9rem;  padding: 0.375rem 0.5rem;}
.members_img { padding: 8px 16px; width: 58px;  height: 58px; }
.members_txt p { font-size: 1rem; }
.journalstories_table .table_sec tr td:nth-child(2) {  width: 14% !important; }
.analystic_firechartlist ul li { margin-right: 20px; }
.analystic_piechartlist ul li { margin-right: 20px; }
}
@media(max-width: 1639px) {
.entries_box {  padding: 46px 54px; }
.trends_typebox ul li { margin-right: 10px; }
.trendentry_progress {  margin-right: 12px; }
.trendentry_rate p { font-size: 0.9rem; }
.affected_filter {  margin-right: 5px; }
.recent_box .affected_topbox { display: block;  }
.recent_box .affected_tophead { display: block;  margin-bottom: 10px; }
.recent_box .affected_topentry {  display: flex; width: 100%; justify-content: space-between; align-items: center; }
.trends_box {  padding: 25px 20px; }
.journalentries_btm .recent_box .affected_topbox { display: flex; }
.journalentries_btm .recent_box .affected_topentry{ width: auto;  }
.journalentries_btm .recent_box .affected_tophead{ margin-bottom: 0; }
.journal_entries .journalentries_top .col-lg-3 {  width: 50%; }
.members_box { margin-bottom: 20px; }
.journal_entries .journalentries_top {  margin-bottom: 0px; }
.analystic_firechartlist ul li , .analystic_piechartlist ul li{ margin-right: 9px; }
}
@media(max-width: 1539px) {
.app-header-inner { padding: 16px 25px; }
.dashboard_wrapper {  padding: 40px 25px; }
.trendentry_rate { width: 35%; }
.trendentry_txt {  width: 25%; }
.dashboard_top_head h3 {  font-size: 1.3rem; }
.dashboard_top_head h5 { font-size: 1.3rem;  margin-right: 10px; }
.analystic_piechartlist ul, .analystic_firechartlist ul { display: block; }
}
@media(max-width: 1439px) {
.dashboard_topbar_right .search_box {  width: 195px; margin-right: 10px; }
.download_btn {  margin-right: 10px; }
.quick_btn { margin-right: 10px; }
.dashboard_calender { margin-right: 5px;}
.dashboard_top_head {  margin-right: 5px;}
.quick_btn a { padding: 10px 16px;}
.analytic_btn a { padding: 10px 16px; }
.trends_typebox ul li { margin-right: 8px; }
.trends_box { padding: 25px 20px;}
.dashboard_calender input { font-size: 0.9rem;}
.trends_community ul li {  padding: 0px 10px 0px 10px;}
.trendentry_rate { width: 40%; }
.affected_box .affected_topbox { display: block;  }
.affected_box .affected_tophead { display: block;  margin-bottom: 10px; }
.affected_box .affected_topentry {  display: flex; width: 100%; justify-content: space-between; align-items: center; }
.trendentry_progress { margin-right: 5px;  width: 29%; }
.entries_box h3 { font-size: 1.125rem; }
.facility_entrybox {  padding: 20px 15px; }
.journalstories_table .table_sec tr td:nth-child(2) {  width: 13% !important; }
.affectedbox_button ul { display: block; }
.shift_box .affected_topbox, .dayswork_box .affected_topbox { display: flex; }
.shift_box .affected_topentry , .dayswork_box .affected_topentry { width: auto; }
}
@media(max-width: 1365px) {
.app-header-inner { padding: 16px 15px; }
.entries_box {  padding: 46px 20px; }
.affected_tophead { display: block; }
.trends_typebox { padding: 11px 15px 6px 15px; }
.trends_head {  padding-top: 0; }
.affected_topbox { display: block;  }
.affected_tophead { display: block;  margin-bottom: 10px; }
.affected_topentry {  display: flex; width: 100%; justify-content: space-between; align-items: center; }
.download_btn { margin-right: 5px;}
.download_btn a { padding: 9px 10px;}
.quick_btn { margin-right: 5px;}
.quick_btn a { padding: 10px 10px;}
.analytic_btn a {  padding: 10px 10px;}
.quick_btn img { margin-right: 5px; }
.analytic_btn img { margin-right: 5px; }
.dashboard_top .dashboard_calender {  width: 210px; }
.dashboard_wrapper {  padding: 40px 15px; }
.entry_breakdownbtm ul li { padding: 30px 18px; }
.entry_breakdownbtm ul li p em { margin-right: 5px; }
.facility_cardbox h3 { font-size: 0.9rem; }
.journalstories_table .affected_topbox { display: flex; width: 100%; }
.journalstories_table .affected_topentry {  width: auto; }
.journalstories_table .affected_filter { margin-right: 10px; }
}
@media(max-width: 1279px) {
.mapbox_icon3 {   right: 130px; }
.table_sec tr td span { padding: 4px 12px; width: 140px;}
.dashboard_topbar_right .search_box {  width: 160px; margin-right: 7px;}
.dashboard_topbar_right .search_box input[type="search"] { padding: 7px 5px 7px 35px;  font-size: 0.938rem;}
.dashboard_topbar_right .search_box input[type="submit"] {     left: 10px; }
.dashboard_top .dashboard_calender {  width: 195px; }
.app-sidepanel { transition: all .4s ease-in-out; left: -400px; }
.app-sidepanel.sidepanel-visible { display: block;    padding-top: 100px; }
.sidepanel-visible .sidepanel-close { display: inline-block !important; }
.sidepanel-visible .sidepanel-drop { position: fixed; display: block; min-height: 100vh; height: 100%; width: 100%; min-width: 100vw; left: 0; top: 0; 
background: rgba(0, 0, 0, .35); }
.header-content .row { flex-wrap: inherit; margin: 0; }
.header-content .app_home { padding: 1rem 1rem; display: block; }
.app_home{ display: none; margin:0; border:0; }
.header-inner{ padding-top:0; }
.fixed-top{  border-bottom: 1px solid #CBD5E1; background: #F8FAFC; }
.header-content{ padding: 0 1rem; }
.app-wrapper { padding-top: 4.4rem; background: #F8FAFC; margin-left: 0;}
.app-content { padding-top: 3rem;}
.app-header-inner { padding: 16px 10px; margin-left: 0; }
.noti_drop .dropdown-menu { transform: translate(-74px, 28px) !important; }
.dashboard_wrapper {  padding: 40px 15px; margin-top: 0; }
.headerchat_list { width: 71%; }
.fixed-top { top: 0; }
.app-header-inner .search_box {  margin-left: 20px; }
#sidepanel-toggler { display: inline-block!important; }
.app-sidepanel.sidepanel-visible .sidepanel-inner {     background-color: #0c132a; }
.app-sidepanel.sidepanel-visible .app-sidepanel-footer {     background-color: #0c132a; }
}
@media(max-width: 1279.98px)and (prefers-reduced-motion: reduce) {
.app-sidepanel { transition: none; }
}
@media only screen and (max-width: 991px) {
.recent_box, .affected_box   { margin-bottom: 20px; }	
.trendentry_rate { width: 33%; }
.app-wrapper {  padding-top: 4.4rem; }
.dashboard_wrapper { margin-top: 0; padding: 40px 10px; }
.app-header-inner {  padding: 16px 5px;}
.dashboard_top_head h3 { font-size: 1.3rem; }
.dashboard_top { display: block; }
.dashboard_top_left {  display: flex; justify-content: space-between;  align-items: center; margin-bottom: 10px; }
.dashboard_topbar_right .search_box { margin-left: 0; }
.trendentry_progress { width: 39%; }
.superior_box { margin-bottom: 20px; }
.table tr th { font-size: 0.8rem; }
.analystic_firebox h3, .analystic_percentagebox h3, .analystic_tagbox h3{     font-size: 1.09rem;}
.shift_box { margin-bottom: 20px;}
.analystic_percentagebox , .analystic_firebox{ margin-bottom: 20px;}
}
@media only screen and (max-width: 767px) {
.app-wrapper { padding-bottom: 0; }
.table_sec table, .table_sec thead, .table_sec tbody, .table_sec th, .table_sec td, .table_sec tr { display: block; }
.table_sec thead tr { position: absolute; top: -9999px; left: -9999px;}
.table_sec tr { border: 1px solid #ccc;  border-bottom: 0px; }
.table_sec td {  border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%;  white-space: normal;text-align:left;}
.table_sec td:before { position: absolute;	top: 6px; left: 0px; width: 100%;  white-space: nowrap; text-align:left; font-weight: bold; padding:0px 10px;}
.table_sec td:before { content: attr(data-title); }
.headerchat_list ul li a span{ display: none; }
.search_box { display: none;}
.search-mobile-trigger { margin-left: 20px; display: block !important;  cursor: pointer; }
.headerchat_list ul li a em img.user-profile {  margin-right: 0px; }
.table_sec tr td { width: 100% !important;  padding: 35px 10px 10px;  }
.trendentry_progress {  width: 37%; }
.headerchat_list ul .dropdown ul.dropdown-menu.show { transform: translate(-140px, 48px) !important; }
.noti_drop .dropdown-menu {  transform: translate(-275px, 28px) !important; }
.mapbox_text { width: 290px; }
body.search_open { overflow: hidden; }
.search_open .app-header-inner .search_box { display: block;  position: absolute;  left: 0; top: 64px;  width: 100%; margin: 0;  padding: 15px 20px;background: rgba(0, 0, 0, 0.85);
 height: 100vh; }
.search_open .app-header-inner .search_box input[type="submit"] { left: 32px; top: 24px; }
.header .search_box input[type="search"] {  width: 100%; }
.search-mobile-close-icon { display: none; }
.search_open .search-mobile-trigger-icon { display: none; }
.search_open .search-mobile-close-icon { display: block; }
.search-mobile-close-icon img { width: 21px; }
.entries_box { margin-bottom: 20px; }
.journalstories_table .affected_topbox {  display: block; }
.journal_incident .journalstories_table .table_sec tr:hover td { background: #ffffff; }
}
@media(max-width: 575px) {
.quick_btn a span{  display: none; }
.analytic_btn a span{  display: none; }
.quick_btn img , .analytic_btn img{  margin-right: 0px; }
.quick_btn a, .analytic_btn a { padding: 10px 12px; }
.recent_box .dashboard_calender .input-group:before {  left: 16px; }
.recent_box .dashboard_calender .input-group:after { right: 16px; }
.mapbox_text {  width: 280px;  left: 60px;  top: 125px; }
.dashboard_top_left { display: block; }
.datepicker {  margin-left: -8px; }
.dashboard_top .dashboard_calender { margin-right: 0; }
.dashboard_top_head { margin-right: 0px; margin-bottom: 10px;     display: block;}
}
@media(max-width: 479px) {
.affected_map > img {  height: 380px; }
.mapbox_icon3 {  right: 25px; }
.mapbox_text { width: 90%;  left: 15px;  padding: 25px 15px; }
.trends_typebox ul li { width: 100% !important; }
.trends_typebox ul li.trend_rate { text-align: left; }
.trendentry_txt { display: block; width: 100%; margin-bottom: 10px; }
.trendentry_progress { display: block; width: 100%;  margin-bottom: 10px;}
.trendentry_rate { display: block; width: 100%;     text-align: left; }
.recent_box .affected_topentry { flex-wrap: wrap; }
.recent_box .affected_filter , .affected_filter{ margin-bottom: 10px; }
.affected_box .affected_topentry {  flex-wrap: wrap; }
.journalentries_btm .recent_box .affected_topbox { display: block; }
.journalentries_btm .recent_box .affected_tophead { margin-bottom: 10px; }
.entry_breakdown { padding: 20px 15px; }
.entry_breakdownbtm ul li { padding: 30px 12px; }
.mCSB_inside > .mCSB_container {  margin-right: 20px; }
.dashboard_top_head h5 { font-size: 1.2rem; }
.dashboard_top_head h3 { font-size: 1.2rem; }
.affected_topentry { display: block; }
.journal_locate, .show_filter { margin-bottom: 10px; }
.journal_entries .journalentries_top .col-lg-3 {  width: 100%; }
.shift_box .affected_topbox, .dayswork_box .affected_topbox {  display: block; }
.report_btn {  display: block; margin-right: 0; margin: 10px 0px; }
.mapbox_firetxt img { width: 20px;  margin-right: 5px; }
}
@media(max-width: 375px) {
.dashboard_top_left { flex-wrap: wrap; }
.dashboard_top_head { margin-bottom: 10px;}
.dashboard_topbar_right .search_box {  width: 100%; margin-right: 0; margin-bottom: 10px; }
.app-sidepanel .sidepanel-inner {  width: 260px; }
.border_box {  padding: 25px 15px; }
.mapbox_icon1 { width: 75px; left: 25px; }
.headerchat_list ul .dropdown ul.dropdown-menu.show { transform: translate(-140px, 48px) !important; }
.noti_drop .dropdown-menu { transform: translate(-175px, 28px) !important;    width: 270px; }
.report_btn .dropdown a { font-size: 0.9rem; }
}

.login_bg { background:url('../images/bg.png'); background-repeat: repeat-y; height:100%; width:100%; background-size:cover; padding-top:230px;}
.login-main{padding-bottom:50px;     width: 90%;  text-align:center; margin: 0 auto;}
.login_sec .logo{text-align:center;}
.login-main .logo img{width:74px;}
.login-btn {text-align:center; width:80%; margin:0 auto;}
.login-btn button{ font-weight:300; width:100%;     margin-top: 24px;  padding:22px 10px; font-size:14px;}
.login-text{width:80%; margin:0 auto; padding-top:16px; text-align:left; }
.login-text p{color:#ffffff; padding-bottom:5px;     margin-bottom: 11px;}
.login-text h5{color:#ffffff; text-transform:uppercase; font-weight:400;}
.login-text p a{color:#03a4d5; text-decoration:none;}

.modal { z-index: 9999 !important; }
.modal-dialog.modal-full { max-width: 98% !important; }
.weather { font-size: 0.85em; }
.type-select { border-radius: 25px; border-width: 2px; border-color: #000000; margin: 0px; background: #FFFFFF; padding: 10px; width: 60px; height: 60px; }
.type-select-active { border-radius: 25px; background: #00f8f3; padding: 10px; width: 60px; height: 60px; }
.type-select-label { margin: 0px 10px; }
.jtype-select { border-radius: 25px; border-width: 2px; border-color: #000000; margin: 0px; background: #FFFFFF; padding: 10px; }
.jtype-select-active { border-radius: 25px; background: #00f8f3; padding: 10px; }
.jtype-select-label { margin: 0px 10px; font-size: 11.5px;}
div.Zebra_DatePicker { z-index: 9999 !important; }
.card-bg { width: 18rem; border-radius: 15px;  border-color: #131D40; }
.card-title-bg { background-color: #131D40; color: #FFFFFF; border-radius: 15px 15px 0px 0px; padding: 10px 15px 10px 15px; }