*{font-family: 'Montserrat', sans-serif ; outline:none; scrollbar-color: #008751 #f1f1f1; scrollbar-width: revert;}
/*body{background:#1b2a47;}*/

/* width */
::-webkit-scrollbar{
  width: 0px;
  height:0px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #008751; 
  border-radius:50px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #008751; 
  border-radius:50px;
}

a{
	cursor: pointer;
}

/*Loader*/
#loader-wrapper, #loader-wrapper-2 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background:#fff;
}

#loader, #loader-2 {
  border: 3px solid transparent;
  border-top-color: #008751;
  border-radius: 50%;
  display: block;
  margin: -75px 0 0 -75px;
  width: 150px;
  height: 150px;
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-animation: spin 2s linear infinite;
  -moz-animation: spin 2s linear infinite;
  -o-animation: spin 2s linear infinite;
  -ms-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
#loader:before, #loader-2:before{
  border: 3px solid transparent;
  border-top-color: #02b16b;
  border-radius: 50%;
  content: "";
  position: absolute;
  top: 5px;
  right: 5px;
  bottom: 5px;
  left: 5px;
  -webkit-animation: spin 3s linear infinite;
  -moz-animation: spin 3s linear infinite;
  -o-animation: spin 3s linear infinite;
  -ms-animation: spin 3s linear infinite;
  animation: spin 3s linear infinite;
}
#loader:after, #loader-2:after {
  border: 3px solid transparent;
  border-top-color: #01de86;
  border-radius: 50%;
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  bottom: 15px;
  right: 15px;
  -webkit-animation: spin 1.5s linear infinite;
  -moz-animation: spin 1.5s linear infinite;
  -o-animation: spin 1.5s linear infinite;
  -ms-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
}

#notification_loader-wrapper{position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background:#fff;}

  #notification_loader img{margin:50px auto;}



@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*Loader*/

#main_bg{background-image:url(../image/Emergency.png); /*background:#152036;*/ background-size: cover; height: 100vh; background-position: center;}
#page-wrapper{/*background-image:url(../image/BG_1.png);background:#152036;*/  position: relative; background-size: cover; height: auto !important; min-height:auto!important; background-position: center; /*border-top: 4px solid #152036;
 border-left: 4px solid #152036;*/     padding: 20px 30px; margin-left: 0; width:100%; float: left;}
 .dash_home{border-right: 2px solid #bbbbbb;}   
/*.navbar-default{background:#1b2a47; border:none;}*/
.sidebar ul li{border-bottom:1px solid #2f313900; width: 10%; float: left; /*margin-left: 0.3%;*/}
/*.sidebar .dept_side{width: 10%;}*/
.sidebar ul li a.active, .nav>li>a:focus, .nav>li>a:hover{background:#eeeeee00; }
#main_bg .panel-body{padding-top:0px;}
#main_bg .panel-body img{margin: 20px auto; width: 50%;}
#main_bg .panel-heading {background-color:#000; font-weight:bold; color:#fff; }
#main_bg .panel-title{font-weight:bold;}
#main_bg form button{background-color: #008751; border: none; font-weight: bold; margin-top: 40px;}
a, a:hover{color: #008751;}
.navbar-header .navbar-brand{padding: 5px 20px; width: 250px;}
.navbar-header .navbar-brand img{float: left; margin-right: 10px;}
.navbar-header .navbar-brand p{line-height: 44px; font-weight: bolder; /*color:#fff;*/}
.navbar-top-links .dropdown-menu li:last-child{float:left;}
.wel_dep{width:50%; float:right;}
.wel_dep label{line-height: 30px; color: #838383; float:right; font-weight: normal;}
.wel_dep label .wel_inner{color: #838383; font-size:20px; font-weight:bold;}

#page-wrapper .form-group{/*float: right;*/ margin-right: 10px; /*margin-top:20px;*/}
#page-wrapper .form_header{float: right;}
#page-wrapper h1{margin-top: 0;}
#page-wrapper .dispatch_btn{float: right; margin-right: 11px; margin-top: 6px;}
.form-inline .form-control{min-width:200px !important;}    
#page-wrapper .panel-heading .form-group button{background: #008751; border: none; min-width:100px;}
#page-wrapper .panel-heading{width: 100%; float: left; font-size: 12px; /*color:#fff;*/ padding-top: 5px; padding-bottom: 5px;}
#page-wrapper .panel-footer{width :100%; float:left; padding:5px 15px; }
#page-wrapper .panel{width :100%; float:left; margin-top: 10px; margin-bottom: 10px;}
#page-wrapper .alert{margin-top: 100px;}
#page-wrapper .table-responsive{width: 100%;}
.panel-primary > a{color:#337ab7;}
#successMessage{margin-top: 150px !important;}

/*#dataTables-example form button{background: none; border: none; color: #008751;}*/
#dataTables-example form button:focus{outline: none;}
#page-wrapper .panel-heading img{max-width: 50px;}
.report_panel > .panel-heading{border-color:#d94839; background-color:#d94839;}
/*.panel-yellow > .panel-heading{border-color: #008653; background-color: #008653;}*/
.panel-info>.panel-heading{color: #fff; background-color: #5bc0de; border-color: #46b8da;}
.panel-info{border-color: #46b8da;}
.panel-info > a{color: #5bc0de;}
.panel_user .panel-heading{border-color: #008653; background-color: #008653;}
.panel_user{border-color: #008653;}
.panel_user > a{color:#008653;}
.report_panel{border-color: #d94839; }
.report_panel > a {color:#d94839;}
/*.panel-yellow{border-color: #008653;}*/
.panel-emergency .panel-heading{color: #fff; border-color: #ff0000; background-color: #ff0000;}
.panel-emergency{border-color:#ff0000;}
.panel-emergency > a{color: #ff0000;}
.panel-police .panel-heading{color: #fff; border-color: #484848; background-color: #484848;}
.panel-police{border-color:#484848;}
.panel-police > a{color: #484848;}
.my_file{height: auto; line-height: 20px !important;}
.form-row.col-md-12{padding: 0;}
.page-header{/*color:#fff;*/ margin:10px 0px 20px; font-size: 30px;}
.font-14{color:#fff;}
.logout_message{margin-top:20px;}
.assign, .view, .edit{background-color: #008751; border-color: #008751;}

.specific_assign{width: 100%; border-radius: 0; line-height: 30px;}

.breadcrumb{margin-bottom:10px; margin-top:20px; }

.footer{width:100%; float:left;}
.footer_text{text-align:center; width:100%; float:left; /*color:#fff;*/ font-weight: bold; padding-top:50px;}

.map_bottom{color:#008751 !important; overflow:inherit; height:auto;}

.case_details{position: absolute; left: 30%; top:20%; border-radius: 20px; padding-left: 0;} 

.case_header, .chat_header{width: 100%; float: left; background:  rgba(74, 74, 74, 0.47); height: 50px; /*border-radius: 9px 8px 0px 0px; padding-top: 5px;*/}
#open_hide .case_header, #open_hide .chat_header{background: rgba(74, 74, 74, 0.2784313725490196);}
#open_hide .case_header h4{color: #fff;}

.case_header h4, .chat_header h4{padding-left: 20px;
    /* height: 40px; */
    font-weight: bold;
    float: left;
    line-height: 36px;
    width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #008751;
    white-space: nowrap;
    }
   .case_header .custom_close{color: #fff !important;}  

#sender_name{padding-left:65px;}

#form_wrapper{/*padding: 10px;*/ width: 100%; float: left; height: 400px; overflow-y: auto; background: #272727a6; color: #fff;}

#form_wrapper .tabel{margin-left:10px; word-break: break-word; word-wrap: break-word; width: 100%;}
#form_wrapper .tabel tr{width: 100%; float: left; margin-bottom: 5px}
#form_wrapper .tabel td{width: 50%; float: left;}

#form_wrapper .tabel tr td{vertical-align:top;}

#form_wrapper .tabel tr td:last-child{padding-left:10px;}
#open_hide{right: 0; overflow: auto; height: auto; border-radius: 20px; background-color: rgba(74, 74, 74, 0.5098039215686274); z-index: 9990}

/*#open_hide{border-radius: 10px 10px 0px 0px;}*/

.map_bottom label{    width: 100%;
     background: #f8f8f8; 
    padding: 10px;
    /* border-radius: 2px; */
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 2px solid #fff;
    color: #008751;
    margin-top: 5px;}

 #form_wrapper label{color: #fff; background-color: rgba(74, 74, 74, 0.5098039215686274);}   

.map_bottom{padding:10px;}

.map_logo{position: absolute; z-index: 1;}

.map_bottom .custom_close{ border-radius: 20px;
    border: 0;
    font-size: 25px;
    width: 40px;
    color: #008751;
    background: none;
    float: right;
    padding-top: 3px;
    font-weight: bold;}

.track_btn{    background: #008751;
    border-radius: 50px;
    margin: 5px 5px;
    float: right;
    width: auto;
}   

#append_device_details{margin-bottom: 20px;}

#search_from_keyword{width: 100%; margin: 10px auto; padding: 5px 10px; border-radius: 50px; border:1px solid #008751; display: block;}

.no_result_class{text-align: center; font-size: 15px; color: #008751; padding-top: 20px;}


#side-menu .material-icons-round{font-size: 19px; position: relative; top: 4px; margin-right: 5px; text-shadow: none;}
#dataTables-example .material-icons-round{font-size: 15px;margin-right: 5px; text-shadow: none; vertical-align:sub;}
#dataTables-example .alert_view{display:inline-block; width: 200px; margin: 0px 5px 5px 0px;}
#side-menu i, #side-menu img{/*margin-right: 5px; */
    font-size: 30px;
    width: 63px;
    /* float: none; */
    margin: 5px auto;
    display: block;
    background: #eee;
    padding: 15px;
    text-align: center;
    border-radius: 50px;
    color: #fff;
    position: relative;}

 #side-menu .icofont-home{background:#008751; }
 #side-menu .icofont-users-alt-5{background:#59B5E4; }
 #side-menu .icofont-ui-map{background:#ED5C5E; }
 #side-menu .icofont-exclamation-circle{background:#ff0000; }
 #side-menu .icofont-law-document{background:#761D14; }
 #side-menu .icofont-file-alt{background:#E7BD1A; }   
 #side-menu .icofont-ambulance-cross{background:#3EDACA; }
 #side-menu .icofont-police{background:#4D6B89; }
 #side-menu .icofont-cop-badge{background:#DA9A00; }
 #side-menu .icofont-medical-sign{background:#F2695F; }
 #side-menu .icofont-car-alt-1, #side-menu .report_ve{background:#0089AE; }
 #side-menu .fa-bullhorn{background:#59B5E4; }
 #side-menu .fa-user-plus{background: #339AF0;}

 #side-menu .icofont-map{background:#f52222;}


  #side-menu a{text-align: center; font-size: 12px;} 


.map_bottom .chat_close{
   border-radius: 20px;
    border: 0;
    font-size: 25px;
    width: 40px;
    color: #008653;
    background: none;
    float: right;
    padding-top: 3px;
    font-weight: bold;}

 /*Message*/  
 #msg-contents, #msg-contents_department{width: 100%; float: left; margin: 0 auto; padding-top:10px; -ms-overflow-style: none;}
/*#msg-contents::-webkit-scrollbar, #msg-contents_department::-webkit-scrollbar  {width:0px;}*/
 #msg-contents li, #msg-contents_department li{list-style:none; width:100%; float:left;}




 #msg-contents .left-li,  #msg-contents_department .left-li{float:left;}
 #msg-contents .right-li, #msg-contents_department .right-li{float:right;}

#msg-contents .do-chat-list, #msg-contents_department .do-chat-list, #msg-contents .police-do-chat-list {width: 100%; float: left; padding: 0px;}



.message_left_content, .message_right_content{padding:0;} 

.message_right_content .msg_box{    background: #008751;
    border-radius: 10px 0px 10px 10px;
    padding: 5px 10px;
    margin-bottom: 14px;
    margin-right:10px;
    margin-left:10px;
    width: auto;
    float: right;
    color: #fff;
    word-break: break-all;
  }

  .message_right_content .msg_box h6{    
    float: left;
    margin-top: 0;
    font-size: 13px;
    padding-right: 3px;
    font-weight: bold;}

  .message_right_content .msg_box p{font-size: 10px; float: left;}

 .message_left_content .msg_box {
    background: #f8f8f8;
    border-radius: 0px 10px 10px 10px;
    padding: 5px 10px;
    margin-left:10px;
    margin-right:10px;
    margin-bottom: 14px;
    width: auto;
    float: left;
    color: #000000;
    word-break: break-all;
}   

.message_left_content .msg_box h6{    
    float: left;
    margin-top: 0;
    font-size: 13px;
    padding-right: 3px;
    font-weight: bold;}

  .message_left_content .msg_box p{font-size: 10px; float: left;}
    
.bck_btn{    float: left;
    padding: 15px 12px;
    font-size: 15px;}
 
.sidebar_header{  width: 100%;
    float: left;
    display: block;
    background-color: #f8f8f8;
    border-color: #e7e7e7;
    /*margin: 0px 0px;
    position: fixed;
    z-index: 1;
    top:50px;*/
  }
        



#welcome-wrapper{background: #fff; height:100vh; overflow:hidden;  position:fixed; display: block; z-index: 9991;  top: 0; width: 100%;}
#welcome img{margin:120px auto; width:100%;}

.specific-sidebar label, .specific-sidebar span{color: #fff;
    width: 50%;
    float: left;
    margin-top: 7px;
    word-wrap: break-word;}
 .custom-sidebar label{float: left;}   

.custom-sidebar h4{    line-height: 50px;
    background: rgba(0, 0, 0, 0.8509803921568627);
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 10px;
    color: #fff;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 9999;
    font-size: 1vw;
    border-radius: 10px 0px 0px 0px;}    

.user_detail, .poli_detail{font-size: 16px;
    color: #fff;
    font-weight: bold;
    padding-left: 15px;
    width: 100%;
    float: left;
    line-height: 50px;
    background: #000000d9;
    margin-top: 0;
    margin-bottom: 0;
    position: fixed;
    z-index: 1;}

.specific-sidebar .profile_img{    margin: 60px auto 20px;
    border-radius: 50px;
    display: block;
    width: 100px;
    background: #000;
    height: 100px;}

    .police_details .profile_img, .user_details .profile_img{border-radius: 50px;
    display: block;
    width: 80px;
    background: #000;
    height: 80px;
    margin: 0 auto}

.custom-sidebar .eme_img{margin-bottom:10px;}   

/*.custom-sidebar{
max-height: 790px;
}*/

.specific-sidebar{height: 100vh; /*max-height: 100vh;*/ float: left; word-break: break-word; padding-bottom: 30px; overflow: auto; width: 100%;
    background: #1b1b1b; position: absolute; display: none;}

#check_type_of_problem, #emergenciesByPeriod{width:100%; border-radius:50px; /* margin-left: 10px;*/ margin-bottom: 10px; font-size:12px;}


.btn-primary, .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{background-color:#008751; border-color:#008751;}

.pagination>li>a, .pagination>li>span{color:#008751;} 

.no_data{font-size:14px; color:#008751; text-align:center; font-weight:bold;}

input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control{height:auto; line-height:20px;}

#msg-contents .right-li .row {margin:0;}
.message_right_content {padding-right:0px;}

.track_btn{padding: 6px 12px;}

.track_btn .fa-location-arrow{-webkit-transform: rotate(316deg); -ms-transform: rotate(316deg); transform: rotate(316deg);}

.specific_btn{margin: 15px auto; display: block; float:none;}

#dataTables-example .assign, #dataTables-example .view, #dataTables-example .edit, #dataTables-example .trash{margin: 0px 5px 5px 0px; border-radius:5px; float: left; width: 30%;}
.vehicle_table .main_btn .view, .vehicle_table .main_btn .trash, .vehicle_table .main_btn .edit  {float: right !important;}

#dataTables-example .mob_num{width: 350px !important; }

.ea_table .assign, .ea_table .view {width: 200px !important;}

.tracking_img{padding:5px;}

#gif-wrapper, #vehicle-wrapper{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; background:#ffffff;}
#gif-wrapper img , #vehicle-wrapper img{margin: 80px auto 0px; display: block;}
#gif-wrapper img{margin: 0px; display: block; height:auto; width:1000px;}

#gif-wrapper p, #vehicle-wrapper p {width: 240px; margin: 5px auto;  display: none; color: #2a9158; /*color: #fff;*/ font-weight: bold; font-size: 15px;}

#loader-wrapper p, #loader-wrapper-2 p{width: 180px;
    margin: 0px auto;
    display: none;
     color: #2a9158; 
    /*color: #fff;*/
    font-weight: bold;
    font-size: 15px;
    position: relative;
    top: 55%; 
    line-height:30px;}



.receiver_name{position: absolute; left: 11%; top: 0; margin: 6px;}
#dataTables-example td, #creport-table td{
  word-break: break-word;
    overflow-wrap: break-word;
    width: 33.3%;
}
#dataTables-example .main_btn{width: 25% !important ; }

.pegination{float: right;}

.status_alert{padding:0 !important; vertical-align:middle !important; text-align: center;;}

.user-table td, .alert_tabel td, .crime_table td, .report_table td, .ambu_table td, .officer_table td, .department_table td, .medi_table td, .vehicle_table td   {
    width: 390px !important;
}
.user-table tr td:first-child, .alert_tabel tr td:first-child, .crime_table tr td:first-child, .report_table tr td:first-child, .ambu_table tr td:first-child, .officer_table tr td:first-child, .department_table tr td:first-child, .medi_table tr td:first-child, .vehicle_table tr td:first-child  {
  width:1% !important; 
  
}

.user-table th, .alert_tabel th, .crime_table th, .report_table th, .ambu_table th, .officer_table th, .department_table th, .medi_table th, .vehicle_table th{text-align: center;}

.crime_table .main_btn .view, .report_table .main_btn .view, .ambu_table .main_btn .view{width: 100% !important;}


.emergency-modal #address{white-space: normal;}


.broad{float:right;}

.notification.badge{float: right;
    background-color: #ff3737;}

.alert_2{
	position: absolute;
    top: -10%;
    right: -10%;
    padding: 2px 5px;
    border-radius: 50px;
    border: 2px solid #fff;}    

.pie_header, .bar_header{text-align: center; margin-top: 0; margin-bottom: 20px;}
.bar_label input[type=radio],   
.pie_label input[type=radio]  { 
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.bar_chart, .pie_chart{opacity: 0.5;}
.bar_chart.selected, .pie_chart.selected{opacity: 1;}

.bar_label, .pie_label, .export_btn{text-align: center; margin-top: 20px; width: 50%; float: left; color: #333; font-weight: 700; cursor:pointer;}
.bar_label i, .pie_label i, .export_btn i{width: 100%;
    float: left;
    font-size: 30px;}

/*#countBySelected{margin-top: 20px;}*/

.expo_any{margin-bottom:20px;}
.export_btn:hover{color:#333; text-decoration: none;}

#dateCheck, #dateSubmit, #state-picker{margin-top: 10px; margin-bottom: 10px;}

#dateSubmit{background-color: #008751; color: #fff;}

.countBySelected_2 select, .type_prob select {
  background-color: #008751;
  color: white;
  border: none;
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  outline: none;
}

.countBySelected_2 select::-ms-expand{display: none;}

.countBySelected_2::before {
    content: "\f078";
    font-family: FontAwesome;
    position: absolute;
    top: 30px;
    right: 15px;
    width: 15%;
    /*height: 100%;*/
    text-align: center;
    font-size: 16px;
    line-height: 45px;
    color: rgba(255, 255, 255, 0.5);
    background-color: rgba(255, 255, 255, 0.1);
    pointer-events: none;
}

 .type_prob::before{content: "\f078";
    font-family: FontAwesome;
    position: absolute;
    top: 0px;
    right: 15px;
    width: 15%;
    height: 100%;
    text-align: center;
    font-size: 20px;
    line-height: 34px;
    color: rgba(255, 255, 255, 0.5);
    background-color: rgba(255, 255, 255, 0.1);
    pointer-events: none;}

.countBySelected_2:hover::before, .type_prob:hover::before {
  color: rgba(255, 255, 255, 0.6);
  background-color: rgba(255, 255, 255, 0.2);
}

.countBySelected_2 select option, .type_prob select option {
  padding: 30px;

}

.countBySelected_2 select option:disabled{color:#000 !important;}

.countBySelected_2 select option[value="week"]:hover{
 background-color: rgba(0, 0, 0, 0.2);
  
}

.countBySelected option:hover{background-color:#000 !important;}


.map_nav{ background-color: #f8f8f800 !important; border-color: #e7e7e700; /*position:inherit;*/  margin-bottom: 0; padding: 0; position: fixed; width: 17%; right: 0; top: 39%;}
.dpt_map_nav{ background-color: #f8f8f800 !important; border-color: #e7e7e700; /*position:inherit;*/  margin-bottom: 0; padding: 0; position: fixed; width: 17%; right: 0; top:33%;}

.map_sidebar ul li {
   /* border-bottom: 1px solid #e7e7e7;*/
    background-color: #fff0;
    width: 100%;
    float: left;
    margin-left: 0%;
}

#wrapper{float: left;}

.custom-sidebar{height:68vh;
    overflow: auto;}
   
.dpt_map_nav .custom-sidebar h4{border-radius: 0;}

/*#side-menu-map .badge{border-radius: 5px; padding: 5px 10px; margin-left: 15px;}  */
#side-menu-map .inprogress{background-color:#e3aa21;}
#side-menu-map .todo{background-color: #ff4444;}
#side-menu-map .incomplete{background-color:#ff3737;}
#side-menu-map .complete{background-color: #0abb87;}

.sidebar_header input{border-radius:50px;}

.video_eviden{width: 100%; height: 500px;}

#country-wrapper {
    border-radius: 10px 10px 0px 0px;
}

.country-div{
    position: absolute;
    /* z-index: 999999999; */
    bottom: 0%;
    /* width: 55%; */
    left: 0px;
    background:rgba(74, 74, 74, 0.2784313725490196);
    border-radius: 0px 10px 0px 0px;
    padding: 5px;
}

.country-chart{
   position: absolute;
    top: 11%;
    left: 0%;
    background:rgba(224, 224, 224, 0.5);
    border-radius: 0px 10px 10px 0px;
    padding: 0px;
}

#country-table tbody{ position: relative; height: 280px; overflow: auto; display: block; color: #fff;}
#country-table tbody td a{text-decoration: none; color: #fff;}
#country-table tbody td a img{float: left; display: block; margin-right: 10px;}
#country-table th:first-child{width: 32%; text-align: left;}
#country-table th{width: 17%; float: left; color: #fff; font-weight: bold;}
#country-table td:first-child{width: 27%; text-align: left; font-size: 13px;}
#country-table td{width:17.8%; float: left; color: #fff; text-align: center;}
#country-table tr{width:100%; float: left;}
#country-table p{ text-align: center; margin-top: 5px;}
.country-chart h4, .report_count h4{padding-left: 10px; font-size: 1vw; color: #fff;  line-height: 50px; background: rgba(0, 0, 0, 0.8509803921568627); margin-top: 0; border-radius: 0px 10px 0 0;}
.country-div h4{color: #fff; font-size: 1vw;}
#country-table{background:#ffffff00; margin-bottom: 0; }
.date_filter, .month_filter {
    position: absolute;
    top: 41px;
    width: 65%;
    background: #000000d9;
    padding: 10px;
    z-index: 11;
    border-radius: 8px;
    right: 0;
}

#radar-chart-container {
    min-height: 180px;
}

#stateBySelection{    border-radius: 25px;
    background: rgba(0, 0, 0, 0.8509803921568627);
    border: none;
    color: #fff;
      -webkit-appearance: none;
    appearance: none;
  cursor: pointer;
width: 50%; 
float: right;} 

#month-picker, #year-picker{    border-radius: 20px;
    width: 49%;
    padding: 5px 5px;}

.filter_country::before {
        content: "\f078";
    font-family: FontAwesome;
    position: absolute;
    top: -6px;
    /* bottom: 0; */
    right: 18px;
    width: 15%;
    height: 100%;
    text-align: center;
    font-size: 15px;
    line-height: 45px;
    color: rgba(255, 255, 255, 0.5);
    /* background-color: rgba(255, 255, 255, 0.1); */
    pointer-events: none;

}

 #dateState{border-radius: 25px;}   

.date_filter .btn, .month_filter .btn{width: 100%;
    margin-top: 5px;
    border-radius: 50px;}

#report_col{background: rgba(74, 74, 74, 0.2784313725490196); border-radius: 0px 0px 0px 10px; padding: 0; color: #fff;}
.report_count{    position: absolute;
    /*left: 37%;*/
    right: 0;
    top: 0%;
    height:auto;
    z-index: 9991; }
#reports-table th, #reports-table td{color: #fff;}



.nigeria-flag img {     
  position: absolute;
    z-index: 99999;
    right: 8px;
    top: 5px;}
#earth_div{height: 100vh; background-image:url(".././image/stars.jpg"); background-size: cover; background-repeat: no-repeat; }


/*Emergency list*/


.timeline {
    list-style: none;
    padding:20px 0px 20px;
    position: relative;
    height: auto;}

    .timeline:before {
        top: 0;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 3px;
        background-color: #eeeeee;
        left: 5.2%;
        margin-left: -1.5px;
        display: block;
        height: auto;
    }

    .timeline > li {
        margin-bottom: 20px;
        position: relative;
    }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

    .timeline  li  .timeline-panel {
    width: 85%;
    float: left;
    border: 0px solid #d4d4d4;
    border-radius: 2px;
    margin-right: 5px;
    padding: 10px;
    position: relative;
    background:#00000085;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
    color: #fff;
        }

        .timeline  li  .rape, .timeline  li  .rape:hover {background: #f1ca15; /* Old browsers */
background: -moz-linear-gradient(-45deg, #f1ca15 0%, #f08c00 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #f1ca15 0%,#f08c00 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #f1ca15 0%,#f08c00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1ca15', endColorstr='#f08c00',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}


.timeline  li  .assault-robbery, .timeline  li  .assault-robbery:hover {background: #009633; /* Old browsers */
background: -moz-linear-gradient(top, #009633 0%, #f1ca15 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #009633 0%,#f1ca15 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #009633 0%,#f1ca15 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009633', endColorstr='#f1ca15',GradientType=0 ); /* IE6-9 */}
.timeline  li  .disaster, .timeline  li  .disaster:hover {background: #ff0200; /* Old browsers */
background: -moz-linear-gradient(top, #ff0200 0%, #f08d00 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ff0200 0%,#f08d00 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ff0200 0%,#f08d00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0200', endColorstr='#f08d00',GradientType=0 ); /* IE6-9 */
}
.timeline  li  .domestic-threat, .timeline  li  .domestic-threat:hover {background: #ead900; /* Old browsers */
background: -moz-linear-gradient(top, #ead900 0%, #015bbb 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ead900 0%,#015bbb 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ead900 0%,#015bbb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ead900', endColorstr='#015bbb',GradientType=0 ); /* IE6-9 */
}
.timeline  li  .homicide, .timeline  li  .homicide:hover {background: #ff0000;}
.timeline  li  .kidnapping, .timeline  li  .kidnapping:hover {background: #ff0000; /* Old browsers */
background: -moz-linear-gradient(top, #ff0000 1%, #eadc00 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ff0000 1%,#eadc00 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ff0000 1%,#eadc00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#eadc00',GradientType=0 ); /* IE6-9 */
}
.timeline  li  .killing-spree, .timeline  li  .killing-spree:hover {background: #f08c00; /* Old browsers */
background: -moz-linear-gradient(top, #f08c00 0%, #ff4800 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f08c00 0%,#ff4800 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f08c00 0%,#ff4800 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f08c00', endColorstr='#ff4800',GradientType=0 ); /* IE6-9 */
}
.timeline  li  .violence, .timeline  li  .violence:hover {background: #025cba; /* Old browsers */
background: -moz-linear-gradient(top, #025cba 0%, #ff0100 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #025cba 0%,#ff0100 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #025cba 0%,#ff0100 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#025cba', endColorstr='#ff0100',GradientType=0 ); /* IE6-9 */}

.timeline  li  .burglary, .timeline  li  .burglary:hover {background: #00fa7b; /* Old browsers */
background: -moz-linear-gradient(top, #00fa7b 0%, #009633 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #00fa7b 0%,#009633 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #00fa7b 0%,#009633 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fa7b', endColorstr='#009633',GradientType=0 ); /* IE6-9 */
}

.timeline  li  .other, .timeline  li  .other:hover {background: #909090;}


            .timeline > li > .timeline-panel:before {
                position: absolute;
                top: 26px;
                right: -15px;
                display: inline-block;
                border-top: 15px solid transparent;
                border-left: 15px solid #ccc;
                border-right: 0 solid #ccc;
                border-bottom: 15px solid transparent;
                content: " ";
                display: none;
            }

            .timeline > li > .timeline-panel:after {
                position: absolute;
                top: 27px;
                right: -14px;
                display: inline-block;
                border-top: 14px solid transparent;
                border-left: 14px solid #fff;
                border-right: 0 solid #fff;
                border-bottom: 14px solid transparent;
                content: " ";
                display: none;
            }

    .timeline > li > .timeline-badge {
    display: block;
    color: #fff;
    width: 20px;
    height: 20px;
    line-height: 50px;
    font-size: 1.4em;
    text-align: center;
    position: absolute;
    top: 16px;
    left: 10.1%;
    margin-left: -25px;
    background-color: #999999;
    z-index: 100;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
        }

        .timeline-heading{margin-bottom: 10px; font-size: 14px;}

        .timeline > li.timeline-inverted > .timeline-panel {
            float: right;
            height: 160px;
        }

            /*.timeline > li.timeline-inverted > .timeline-panel:before {
                border-left-width: 0;
                border-right-width: 15px;
                left: -15px;
                right: auto;
            }*/

           /* .timeline > li.timeline-inverted > .timeline-panel:after {
                border-left-width: 0;
                border-right-width: 14px;
                left: -14px;
                right: auto;
            }*/

.timeline-badge.primary {
    background-color: #2e6da4 !important;
}

.timeline-badge.success {
    background-color: #3f903f !important;
}

.timeline-badge.warning {
    background-color: #f0ad4e !important;
}

.timeline-badge.danger {
    background-color: #d9534f !important;
}

.timeline-badge.info {
    background-color: #5bc0de !important;
}

.timeline-title {
    margin-top: 0;
    color: inherit;
}

.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
}

    .timeline-body > p + p {
        margin-top: 5px;
    }

/*@media (max-width: 767px) {
    ul.timeline:before {
        left: 40px;
    }

    ul.timeline > li > .timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
    }

    ul.timeline > li > .timeline-badge {
        left: 15px;
        margin-left: 0;
        top: 16px;
    }

    ul.timeline > li > .timeline-panel {
        float: right;
    }

        ul.timeline > li > .timeline-panel:before {
            border-left-width: 0;
            border-right-width: 15px;
            left: -15px;
            right: auto;
        }

        ul.timeline > li > .timeline-panel:after {
            border-left-width: 0;
            border-right-width: 14px;
            left: -14px;
            right: auto;
        }
}*/


/*Emergency list*/

.view-button{margin: 0px 5px 5px 0px;}

.map_sidebar {
	/*width: 17%;*/
    background-color: rgba(74, 74, 74, 0.2784313725490196) !important;
    border-color: #e7e7e7;
    /* display: block; */
    float: right;
    margin: 0;
    position: absolute;
    right: 0;
  border-radius: 10px 0px 0px 0px;}
.sidebar{z-index: 1;
        z-index: 1;
    position: absolute;
    width: 26%;
    margin-top: 0px;
    right: 0;}

    .speci-side{
  background-color: #1b1b1b;
} 


.menu-sidebar{z-index: 1;
    position: inherit;
    width: 100%;
    float: left;
    margin-top: 0px;} 

#arrow_container{    position: absolute;
    /* right: 323px; */
    left: -42px;
    border-radius: 4px 0px 0px 4px;
    border: none;
    background: rgba(74, 74, 74, 0.2784313725490196);
    padding: 10px 15px;
    outline: none;
}

#arrow_container_2, #arrow_container_country{position: absolute;
    right: -45px;
    border-radius: 0px 4px 4px 0px;
    border: none;
    background: rgba(74, 74, 74, 0.2784313725490196);
    padding: 10px 15px;
    outline: none;}

#arrow_container_4{position: absolute;
    right: -41px;
    border-radius: 0px 4px 4px 0px;
    border: none;
    background: rgba(74, 74, 74, 0.2784313725490196);
    padding: 10px 15px;
    top: 10px;
    outline: none;}

#arrow_container_3{
    position: absolute; 
    left: -42px; 
    top: 10px;
    border-radius: 4px 0px 0px 4px;
    border: none;
    background: rgba(74, 74, 74, 0.2784313725490196);
    padding: 10px 15px;
    outline: none;}

#arrow_container_6{position: absolute;
    left:20px;
    background: rgba(0, 0, 0, 0.50);
    border: none;
    top: -45px;
    font-size: 18px;}
    

#arrow_container_5{
    position: fixed;
    background: rgba(74, 74, 74, 0.50); border: none;
    right: 20px;
    top: 10px;
    z-index: 1}

 #lightgallery img{max-height: 400px; min-height: 400px; }  

 .assign_panel .panel-body{padding:0px;}
 .assign_panel .panel-body .col-lg-4, .assign_panel .panel-body .col-md-4{padding-right: 0;}
 .assign_panel .panel-body .col-lg-8, .assign_panel .panel-body .col-md-8{padding-left: 0;}

 .assign_card{width: 100%; float:left;}

 .assign_body {width: 100%; float: left; height: 515px; overflow: auto;} 
 .assign_card .card-header h4{    margin-right: 30px;
    border-bottom: 2px solid #000;
    margin-bottom: 0;
    padding-bottom: 10px;}

.assign_card .register{float: right;}

#email{margin: 0px 5px;}


/* The container */
.assign_con {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.assign_con input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.assign_check {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.assign_con:hover input ~ .assign_check {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.assign_con input:checked ~ .assign_check {
  background-color: #008751;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.assign_check:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.assign_con input:checked ~ .assign_check:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.assign_con .assign_check:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}

/*.assign_inner h4{    
    font-size: 16px;
    color: #008751;
    background: #eeeeee91;
    border-radius: 5px;
    padding: 10px;
    margin-right: 20px;}*/


.assign_inner{width: 100%;
    float: left;
    margin: 5px 0px;
      border-bottom: 2px solid #f5f5f5;}

 .navbar-right .view-button{border-radius:20px; }   

  #mytable{
  width: 100%;
float: left;
}
#search_officer{border-radius: 50px; width: 95%; margin-top: 10px;}
.low_km, .more_km, .more_than_km{text-align: right;  margin-top: 10px; font-weight: 800;}
.more_km{color:#e3aa21;}
.more_than_km{color: #ff3737;}
.low_km{color: #0abb87;}
.assign_small{color:#ccc;}
.cesium-credit-textContainer:before{content:'Powered by Gulf Technologies Networks' !important; }


#country_col table, #country_col_1 table {
  width: 100%;
}

#country_col table, td {
  border-collapse: collapse;
 /* border: 1px solid #000;*/
}
#country_col_1 table, td {
  border-collapse: collapse;
 /* border: 1px solid #000;*/
}

#country_col thead, #country_col_1 thead {
  display: table; /* to take the same width as tr */
  width: calc(100% - 1px); /* - 17px because of the scrollbar width */
}

#country_col tbody, #country_col_1 tbody {
  display: block; /* to enable vertical scrolling */
  max-height: 300px;
  min-height: 300px; /* e.g. */
  overflow-y: auto; /* keeps the scrollbar even if it doesn't need it; display purpose */
}

#country_col th:first-child, #country_col td:first-child {text-align: left; color: #008751;}
#country_col_1 th:first-child, #country_col_1 td:first-child {text-align: left; color: #008751; width: 28%;}

#country_col th{
  width: 80px; /* to enable "word-break: break-all" */
  padding: 5px;
  word-wrap: break-word; /* 4. */
  text-align: center;
  border: none;
}
#country_col td{
  width: 80px;
  padding: 0px;
  word-wrap: break-word;}

#country_col tr, #country_col_1 tr {
  display: table; /* display purpose; th's border */
  width: 100%;
  box-sizing: border-box; /* because of the border (Chrome needs this line, but not FF) */
}


#country_col td, #country_col_1 td {
  text-align: center;
  border-bottom: none;
  border-left: none;
  padding-top: 5px;
}

#country_col_1 th, #country_col_1 td{ width: 18%; text-align: center;}
#country_col_1 th{border: none;}
#country_col_1 td:nth-child(2){color: #008751;}

/*#append-body-country td:first-child{width: 171px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;}*/

#report_col table {
  width: 100%;
}

#report_col table, #report_col td {
  border-collapse: collapse;
  /*border: 1px solid #000;*/
}

#report_col thead {
  display: table; /* to take the same width as tr */
  width: calc(100% - 1px); /* - 17px because of the scrollbar width */
}

#report_col tbody {
  display: block; /* to enable vertical scrolling */
  max-height: 200px; /* e.g. */
  overflow-y: auto; /* keeps the scrollbar even if it doesn't need it; display purpose */
}

#report_col td:first-child, #report_col th:first-child {
    width: 70%;
}

#report_col th, #report_col td {
  width: 30%; /* to enable "word-break: break-all" */
  padding: 5px;
 word-wrap: break-word; /* 4. */
 color: #fff;
  border-color: #fff;
}
#report_col th{border: none;}

#report_col tr {
  display: table; /* display purpose; th's border */
  width: 100%;
  box-sizing: border-box; /* because of the border (Chrome needs this line, but not FF) */
}

#report_col td {
  /*text-align: center;*/
  border-bottom: none;
  border-left: none;
}

.assign_dept, .assign_dept_btn  {float: left !important; margin: 2px 10px;}
.assign_dept_btn{width: 20% !important;}
.assign_dept{width: 70% !important;}

.police_details {position: absolute;
    background: rgba(0, 0, 0, 0.80);
    /* width: 30%; */
    /* height: 240px; */
    bottom: 0;
    left: 0;
    padding: 10px 0px;
    border-radius: 0px 20px 0px 0px;
    min-height: 180px;
    max-height: 180px;}

  .user_details {
    position: absolute;
    background: rgba(0, 0, 0, 0.80);
    width: 25.3%;
    bottom: 0;
    right: 0;
    padding: 10px 0px;
    border-radius: 20px 0px 0px;
    min-height: 180px;
    max-height: 180px;
}

.police_details label, .police_details span, .user_details label, .user_details span{color: #fff; width: 100%;
    float: left; font-size: 12px;}

    .police_name, .user_name{font-size: 15px !important;}
    .police_name{text-align: center; margin-top: 10px;}
    .mobile_num{text-align: center;}
    .user_details .specific_btn{display:inherit; float: inherit;}

    .compo_icon{margin-top: 2px;}

    .map_bar_specific {
    position: fixed !important;
    bottom: 180px !important;
    right: 0% !important;
}


  .police_message_btn {
       position: absolute;
       z-index: 104;
       bottom: 11px;
       right: 9px;
       background: none;
       border: none;
       font-size: 17px;
   }
  #police-btn-send-image {
      position: absolute;
      z-index: 104;
      bottom: 14px;
      right: 42px;
      background: none;
      border: none;
      font-size: 17px;
  }
  #police-upload-image {
      position: absolute;
      z-index: 104;
      bottom: 0px;
      right: 59px;
      display: none;
      border-radius: 40px;
      background: none;
      border: none;
      font-size: 17px;
  }
  ul.police-do-chat-list li.left-li .msg_box small:last-child {
      margin-top: 10px;
      font-size: 9px;
      color: #000;
      text-align: right;
  }
  ul.police-do-chat-list li.right-li .msg_box small, ul.police-do-chat-list li.left-li .msg_box small {
      width: 100%;
      float: left;
  }

.rest_btn{    color: #fff;
    float: right;
    margin-right: 15px;
    line-height: 39px; 
    text-decoration: none;
	font-weight: bold;}

  .stat a {
    width: 70px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
  
}  

#broad_panel .form-group{position: relative;}

#sel1-error, #state-error{position: absolute;
    left: 0;
    bottom: -30px;
    color: #f00;}
#message-error{color: #f00;}    

.emergency-modal #rv_modal, .emergency-modal {
        background: #000000c4;
        background-color: rgba(0, 0, 0, 0.77);
    }
    #rv_modal .modal-content {
        background: none;
        box-shadow: none;
        border: none;
    }
    #rv_modal .modal-header {
        border-bottom: 60px solid #0089AE;
        border-left: 0px solid transparent;
        border-right: 60px solid transparent;
        height: 0;
        width: 250px;
        background: none;
        padding: 0px;
    }
    #rv_modal .modal-body {
        border: 4px solid #0089AE;
        background: none;
    }
    /*#notification-modal-close {
        background: none;
        color: #f2f2f2;
        font-size: 31px;
        margin-top: 15px;
        opacity: 1;
    }*/
    #rv_modal .modal-title {
        line-height: 60px;
        padding-left: 23px;
    }
    #rv_modal .row {
        width: 100%;
        display: block;
        margin: 0 auto;
        border: 15px solid #0089AE;
    }
    #rv_modal h1{color: #0089AE;}
     #rv_modal .close{background: none;
   
    color: #f2f2f2;
    /*font-size: 31px;*/
    margin-top: 15px;
    opacity: 1;}
    #rv_modal .emergency-modal .col-md-6 {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

/*#append-body tr:nth-child(2){animation: blink-emergency 1s;
    -webkit-animation: blink-emergency 1s;
    animation-iteration-count: 3;
  
}

}*/

@keyframes blink-emergency { 
0% {background: rgba(255, 0, 0, 0); }
50% {background:#ff000096;}
100% {background: rgba(255, 0, 0, 0);}
}

@-webkit-keyframes blink-emergency {
0% {background: rgba(255, 0, 0, 0); }
50% {background: rgba(255, 0, 0, 0.59);}
100% {background: rgba(255, 0, 0, 0);}
}

@-moz-keyframes blink-emergency { 
0% {background: rgba(255, 0, 0, 0); }
50% {background: rgba(255, 0, 0, 0.59);}
100% {background: rgba(255, 0, 0, 0);}
}

@-ms-keyframes blink-emergency { 
0% {background: rgba(255, 0, 0, 0); }
50% {background: rgba(255, 0, 0, 0.59);}
100% {background: rgba(255, 0, 0, 0);}
}


#report_tbody .emergency_heading i{color:#d21120; font-weight: bold;}
#report_tbody .crime_heading i{color:#0abb87; font-weight: bold;}
#report_tbody .police_heading i{color:#E7BD1A; font-weight: bold;}
#report_tbody .vehicle_heading i{color:#0959b4; font-weight: bold;}

/*#broad_panel {background: rgba(31, 31, 31); border-radius: 20px;}
#broad_panel label{color: #fff;}*/

.broadcast_body .icofont-users-alt-5{color:#59b5e4;}
.broadcast_body .icofont-ui-map{color: #ed5c5e;}
.broadcast_body .icofont-ui-message{color:#e7bd1a;}
.broadcast_body .icofont-upload-alt{color:#3edaca;}
.broadcast_body label, .broadcast_body .form-group{width: 100%; float: left; margin-right: 0 !important;}
#vehicleDetailModal{background: rgba(0,0,0,.5);}
#vehicleDetailModal .modal-dialog{width: 60%;}
#vehicleDetailBody{height:80vh; overflow: auto;}
#vehicleDetailModal .modal-title{float: left;}
#vehicleDetailModal button{float: right; background: none; font-size: 30px; border: none; line-height: 15px;}
#vehicleDetailModal .breadcrumb{margin-top: 0;}
.crte_police_btn, .officer_btn, .medical_btn{margin-right: 10px; margin-top: 8px;}

/*role*/

/* The container */
.custom_checkbox {
  /*display: block;*/
  position: relative;
  padding-left: 35px !important;
  margin-bottom: 12px;
  font-weight: 600 !important;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.custom_checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #ccc;
  border-radius: 4px;
}

/* On mouse-over, add a grey background color */
.custom_checkbox:hover input ~ .checkmark {
  background-color: #eee;
}

/* When the checkbox is checked, add a blue background */
.custom_checkbox input:checked ~ .checkmark {
  background-color: #008751;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.custom_checkbox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.custom_checkbox .checkmark:after {
      left: 8px;
    top: 4px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


/* Responsive */

@media screen and (min-width:1024px){
.navbar-collapse {
  width: auto;
  border-top: 0;
  -webkit-box-shadow: none;
  box-shadow: none
}
.navbar-collapse.collapse {
  /*display: block!important;*/
  /*height: auto!important;*/
  padding-bottom: 0;
  /*overflow: visible!important*/
}
.navbar-collapse.in {
  overflow-y: visible
}
.navbar-fixed-bottom .navbar-collapse, 
.navbar-fixed-top .navbar-collapse, 
.navbar-static-top .navbar-collapse {
  padding-right: 0;
  padding-left: 0
}

.navbar-toggle {
  display: none
}

.custom-sidebar{display: block;}
.map_sidebar{padding-top: 50px;}



}

@media screen and (max-width:1600px){

/* #map{height:890px;}*/
  #welcome img { margin: 10px auto; width: 100%;}
  #check_type_of_problem, #emergenciesByPeriod{margin-bottom: 5px;}
  #search_from_keyword{margin: 5px auto;}
  .map_nav, .dpt_map_nav{width: 22%;}
  #country-table th{font-size: 10px;}
  #country-table td:nth-child(2){width: 19%;}
  .case_details{left: 25%;}
  #form_wrapper{height: 300px;}
   #gif-wrapper img {width: 1000px; margin-top: -90px;}
   #stateBySelection{width: 60%; font-size: 10px;}
   .date_filter, .month_filter{width: 70%;}
   .report_count{top: 0%; width: 22%;}
   #report_col tbody {max-height: 150px;}


}

@media screen and (max-width:1400px){
 
    #welcome img {margin: 0px auto;}
    .country-chart{top: 12.5%; }
    #country_col tbody, #country_col_1 tbody { max-height: 180px; min-height: 180px;}
    #country-table td:nth-child(2){width: 18%;}
    #country-table th {font-size: 9px;}
    #country-table tbody{height: 200px;}
    #form_wrapper{height: 270px;}
    #gif-wrapper img {/*margin-top: 20px;*/ width: 900px;}
    .overViewPage .panel-body{height: 390px;overflow: scroll;}
    .user_details{width: 30%;}
    .speci-side{width: 31%;}
    .custom-sidebar{height:100vh;}
    /*.map_nav{top: 45%;}*/
    #police_chatting_bar .policer_inner{height:250px !important; }
    #msg-contents{height: 36vh!important;}
    #vehicleDetailBody td{word-break:normal;}

}

@media screen and (max-width:1199px){
  .sidebar ul li{width: 33%;}
  .map_sidebar ul li{width: 100%;}
  /*.map_nav{width: 25%;}*/
  /*.map_content {width: 75% ;}*/
  .assign_dept_btn{width: 100% !important;}
  .assign_dept {width: 100% !important; margin-left: 0;}
   #dataTables-example .view span, #dataTables-example .edit span, #dataTables-example .trash span{display: none;}
}

@media screen and (max-width:1023px) and (min-width:768px){
.sidebar-nav{display:none;}
.collapse.in {display: block !important;}

}

@media screen and (max-width:1023px){
  #page-wrapper{width:100%; float:left;}
  .navbar, .navbar-header, .sidebar_header{width:100% !important;}
  .sidebar-nav{width:100%; float:left;}
  #search_from_keyword{width:100%;}
  .map_sidebar{width: 29%; right: 0%;}
  #page-wrapper .panel-heading img{max-width:55px;}
  #chting_btn, #police_chting_btn {display: none;}
  #main-header{height:auto; overflow: hidden;}
  #arrow_container_3{display: none;}
/*.navbar-collapse{display:none;}*/
.map_sidebar { width: 50%; right: 0%; top: 50px; }
.custom-sidebar {
    max-height: 94vh;
    overflow: auto;
}
.police_details{left: 0px; bottom: 225px; width: 100%; border-radius: 0;}
.user_details { width: 100%; right: 0px; border-radius: 0;}

.custom-sidebar h4 {
    left: 0;
    font-size: 2vh; 
}

.map_nav{top: 20px;}
.country-chart, .country-div, .report_count{display: none;}
.timeline{margin-top: 50px;}
#country-table th {
    font-size: 7px;
}

.speci-side{width: 100%; float: left; position: inherit; z-index: 9999999;}
.custom-sidebar label {
     float: inherit; 
}

.load_img{margin:0 auto; padding-top: 100px; display: block; width: 100%;}

}


@media screen and (max-width:991px){
#page-wrapper{height:auto !important;}
#welcome img {margin: 200px auto;}
.case_details{padding: inherit;
    /* margin-top: 50%; */
    position: absolute;
    width: 90%;
    float: left;
    left: 6%;}
  .map_bottom .custom_close {
    padding-right: 45px;
    padding-top: 10px;
}  

/*.report_count{left: inherit; right: 0;}*/


}

@media screen and (max-width:767px){

.panel-heading .form_outer{width:100%; float:left; }
.panel-heading .form_outer form{width:100%; float:left; }
.form-inline .form-control {min-width: 200px !important; float: left; width: 50%; margin-right: 10px; } 
.navbar-top-links li:last-child{float:right;}
/*.navbar{width:100% !important;*/
/*#page-wrapper{width:100%; float:left;}*/
/*#search_from_keyword{width:85%;}*/
.navbar-top-links{width:10%; float:right;}
#dataTables-example td{word-break: normal; overflow-wrap: normal;}
.Emer_alert{display: table;}
.sidebar ul li{width: 49%;}
.map_sidebar ul li{width: 100%;}


.map_sidebar{width: 100%; top: 100px;}
.timeline-panel{width: 80% !important;}
ul.timeline > li > .timeline-badge {
    top: 16px;
    left: 30px;
    margin-left: 0;
}

.custom-sidebar {
    max-height: 84vh;
    overflow: auto;
}

.navbar-top-links .compo_icon{float: right;}
.police_details {
    right: 10px;
}

.overViewPage{width: 100% !important; right: 0 !important;}

#dataTables-example .view, #dataTables-example .edit, #dataTables-example .trash{float: inherit;}
#dataTables-example .alert_view{width: 210px;}

#vehicleDetailModal .modal-dialog{margin-left: auto; margin-right: auto; width: 80%;}

}

@media screen and (max-width:425px){
  .form-inline .form-control{width:100%; margin-bottom:10px;}
  #page-wrapper .form-group button{width:100%;}
  .map_bottom .track_btn{font-size:10px;}
.navbar-top-links{width:20%;}
.wel_dep {width: 100%; margin-right: 20%; }
.custom-sidebar label, .custom-sidebar span{width: 100%;}
#notific{right: -60px;}
 #notific_2{right: -145px;}
 #page-wrapper .form-group{width: 100%; float: left;}
 #page-wrapper .dispatch_btn{width: 100%; margin:0; }
}
/*modal css for alert notification*/
.emergency-modal {color:#fff}
.emergency-modal .col-md-6{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.emergency-modal h1{text-align:center; margin-bottom: 20px; color: #d94839; font-weight: bold;}

.emergency-modal  img{display:block; margin:0 auto;}
.emergency-modal  .modal-dialog{width:50%;}
.emergency-modal  .modal-body{border: 4px solid #d94839; background:none; }
.emergency-modal  .modal-body::after{    width: 100%;
    height: auto;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: inherit;
    box-shadow: inset 0 0 0 200px rgba(0, 0, 0, 0.2);
    filter: blur(10px); z-index:-1;}

#myModal  .modal-content, #department-modal .modal-content{background: none; box-shadow: none; border: none;}
#myModal  .modal-header, #department-modal  .modal-header{border-bottom: 60px solid #d94839;
    border-left: 0px solid transparent;
    border-right: 60px solid transparent;
    height: 0;
    width: 250px;
    background: none;
    padding: 0px;}
#myModal  .modal-title, #department-modal  .modal-title{line-height: 60px; padding-left: 23px;}
#myModal  .row, #department-modal  .row{    width: 100%;
    display: block;
    margin: 0 auto;
    border: 15px solid #d94839;}

#myModal .modal-body label, .modal-body span, #department-modal .modal-body label, .modal-body span {font-size:17px;}

#department-modal .modal-dialog{visibility: visible !important;}

.emergency-modal #myModal, .emergency-modal #department-modal{background: #000000c4; background-color: rgba(0, 0, 0, 0.77);}

#department-modal  .close{    background: none;
    color: #f2f2f2;
    margin-top: 15px;
    opacity: 1;}

#myModal .btn{ margin: 20px 5px 20px 0px;
    border-radius: 5px;
    float: right;
    background-color: #008751;
    border-color: #008751;
    color:#fff;}

#myModal .modal_btn{float:right;}

/*Crime Report Modal Style*/
.crime-modal {color:#fff}
.crime-modal .col-md-6{white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;}
.crime-modal h1{text-align:center; margin-bottom: 20px; color: #d94839; font-weight: bold;}

.crime-modal  img{display:block; margin:0 auto;}
.crime-modal  .modal-dialog{width:50%;}
.crime-modal  .modal-body{border: 4px solid #d94839; background:none; }
.crime-modal  .modal-body::after{    width: 100%;
    height: auto;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: inherit;
    box-shadow: inset 0 0 0 200px rgba(0, 0, 0, 0.2);
    filter: blur(10px); z-index:-1;}

#crime-report-modal  .modal-content{background: none; box-shadow: none; border: none;}
#crime-report-modal  .modal-header{border-bottom: 60px solid #d94839;
    border-left: 0px solid transparent;
    border-right: 60px solid transparent;
    height: 0;
    width: 250px;
    background: none;
    padding: 0px;}
#crime-report-modal .modal-title, #police-notification-modal-close .modal-title{line-height: 60px; padding-left: 23px;}
#crime-report-modal  .row{    width: 100%;
    display: block;
    margin: 0 auto;
    border: 15px solid #d94839;}

#crime-report-modal .modal-body label, .modal-body span{font-size:17px;}

.crime-modal  #crime-report-modal{background: #000000c4; background-color: rgba(0, 0, 0, 0.77);}

#crime-report-modal .btn{ margin: 20px 5px 20px 0px;
    border-radius: 5px;
    float: right;
    background-color: #008751;
    border-color: #008751;
    color:#fff;}

#crime-report-modal .modal_btn{float:right;}

#crime-notification-modal-close{
    background: none;
    color: #f2f2f2;
    font-size: 31px;
    margin-top:15px;
    opacity: 1;
}
/*Crime Report Modal Style Ends*/

/*Police Report Modal Starts*/
.report-modal {color:#fff}
.report-modal .col-md-6{white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;}
.report-modal h1{text-align:center; margin-bottom: 20px; color: #d94839; font-weight: bold;}

.report-modal  img{display:block; margin:0 auto;}
.report-modal  .modal-dialog{width:50%;}
.report-modal  .modal-body{border: 4px solid #d94839; background:none; }
.report-modal  .modal-body::after{    width: 100%;
    height: auto;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: inherit;
    box-shadow: inset 0 0 0 200px rgba(0, 0, 0, 0.2);
    filter: blur(10px); z-index:-1;}

#police-report-modal  .modal-content{background: none; box-shadow: none; border: none;}
#police-report-modal  .modal-header{border-bottom: 60px solid #5bc0de;
    border-left: 0px solid transparent;
    border-right: 60px solid transparent;
    height: 0;
    width: 250px;
    background: none;
    padding: 0px;}
#police-report-modal .modal-title{line-height: 60px; padding-left: 23px;}
#police-report-modal  .row{    width: 100%;
    display: block;
    margin: 0 auto;
    border: 15px solid #5bc0de;}

#police-report-modal .modal-body label, .modal-body span{font-size:17px;}

.report-modal  #police-report-modal{background: #000000c4; background-color: rgba(0, 0, 0, 0.77);}

#police-report-modal .btn{ margin: 20px 5px 20px 0px;
    border-radius: 5px;
    float: right;
    background-color: #008751;
    border-color: #008751;
    color:#fff;}

#police-report-modal .modal_btn{float:right;}

#police-notification-modal-close{
    background: none;
    color: #f2f2f2;
    font-size: 31px;
    margin-top:15px;
    opacity: 1;
}
/*police Report modal style ends*/

/*Police Report Modal Starts*/
.report-modal {color:#fff}
.report-modal .col-md-6{white-space: normal;
padding-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;}
.report-modal h1{text-align:center; margin-bottom: 20px; color: #5bc0de; font-weight: bold;}

.report-modal  img{display:block; margin:0 auto;}
.report-modal  .modal-dialog{width:50%;}
.report-modal  .modal-body{border: 4px solid #5bc0de; background:none; }
.report-modal  .modal-body::after{    width: 100%;
    height: auto;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: inherit;
    box-shadow: inset 0 0 0 200px rgba(0, 0, 0, 0.2);
    filter: blur(10px); z-index:-1;}

#ambulance-request-modal .modal-content{background: none; box-shadow: none; border: none;}
#ambulance-request-modal  .modal-header{border-bottom: 60px solid #008653;;
    border-left: 0px solid transparent;
    border-right: 60px solid transparent;
    height: 0;
    width: 250px;
    background: none;
    padding: 0px;}
#ambulance-request-modal  .modal-body{border: 4px solid #008653;
    background: none;}
#ambulance-request-modal .modal-title{line-height: 60px; padding-left: 23px;}
#ambulance-request-modal  .row{    width: 100%;
    display: block;
    margin: 0 auto;

    border: 15px solid #008653;

  }

#ambulance-request-modal h1{color:#008653;}

#ambulance-request-modal .modal-body label, .modal-body span{font-size:14px;}

.report-modal  #ambulance-request-modal{background: #000000c4; background-color: rgba(0, 0, 0, 0.77);}

#ambulance-request-modal .btn{ margin: 20px 5px 20px 0px;
    border-radius: 5px;
    float: right;
    background-color: #008751;
    border-color: #008751;
    color:#fff;}

#ambulance-request-modal .modal_btn{float:right;}

#ambulance-request-modal{
    background: none;
    color: #f2f2f2;
    font-size: 31px;
    margin-top:15px;
    opacity: 1;
}
#ambulance-notification-modal-close{
    background: none;
    color: #f2f2f2;
    font-size: 31px;
    margin-top:15px;
    opacity: 1;
}
/*police Report modal style ends*/
@media (max-width:1440px){
  /*  .modal-dialog {
        width: 70%;
    }*/
}
.emergency_time{
    font-size: 10px;
    color: #fff;
    background: none;
    position: absolute;
    z-index: 1;
    right: 5px;
    bottom: 5px;
}
#notification-modal-close{
    background: none;
    color: #f2f2f2;
    font-size: 31px;
    margin-top:15px;
    opacity: 1;
}
/*modal css end*/
.sender_image_alerts {
    position: absolute;
    left: 10px;
    top: 5px;
    width: 40px;
    height: 40px;
}




#side-menu-map a{padding-bottom:25px; cursor: pointer;}
/* Custom marker style maps*/
.customMarker {
    position:absolute;
    cursor:pointer;
    background:#424242;
    width:50px;
    height:50px;
    /* -width/2 */
    margin-left:-50px;
    /* -height + arrow */
    margin-top:-110px;
    border-radius:100%;
    padding:0px;
}
.customMarker:after {
    content:"";
    position: absolute;
    bottom: -6px;
    left: 15px;
    border-width: 10px 10px 0;
    border-style: solid;
    border-color: #424242 transparent;
    display: block;
    width: 0;
}
.customMarker img {
    width:45px;
    height:45px;
    margin:2.5px;
    border-radius:100%;
}
/*.gm-style .gm-style-iw-c{*/
    /*top: -105px;!important;*/
    /*left:-25px !important;*/
/*}*/

/*.gm-style .gm-style-iw-t::after{*/
    /*top: -105px;!important;*/
    /*left:-25px !important;*/
/*}*/

.customMarker2 {
    position:absolute;
    cursor:pointer;
    /*background:#424242;*/
    background: #0000ff; /* Old browsers */
    background: -moz-linear-gradient(top, #0000ff 50%, #ffff00 51%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #0000ff 50%,#ffff00 51%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #0000ff 50%,#ffff00 51%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000ff', endColorstr='#ffff00',GradientType=0 ); /* IE6-9 */
    width:50px;
    height:50px;
    /* -width/2 */
    margin-left:-50px;
    /* -height + arrow */
    margin-top:-110px;
    border-radius:100%;
    padding:0px;
}
.customMarker2:after {
    content:"";
    position: absolute;
    bottom: -9px;
    left: 15px;
    border-width: 10px 10px 0;
    border-style: solid;
    border-color: #00cc00 transparent;
    display: block;
    width: 0;
}
.customMarker2 img {
    width:45px;
    height:45px;
    margin:2.5px;
    border-radius:100%;
}

#notific, #notific_2{
  height: 300px;
  min-height: 300px;
  overflow:auto;
  padding-top: 0;
  transform-origin: 100% 0;
  min-width:320px;
}

li#bell_2, li#bell {
    text-align: center;
    float: none;
    margin-top: 10px;
}

#bell a, #bell_2 a {border-bottom: 1px solid #cacaca; padding-left: 20px;
  padding-right:20px;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 360px;
    float: left;}

#bell ul, #bell_2 ul{width: 100%; float: left; padding: 0;}
  

#bell ul li, #bell_2 ul li {width:350px; text-align: left; font-size: 13px; line-height: 46px; text-decoration: none; font-weight: bold;}


#bell a img, #bell_2 a img{
    width: 50px;
     float: left; 
    border-radius: 50px;
    height: 50px;
    margin-right: 10px;
    border: 3px solid #008751;
    display: inline-block;
}
  
 #bell .unseen,  #bell_2 .unseen{background: #5bc0de21;}

.noti{position: relative;}
.noti-badge{position: absolute;
    font-size: 9px;
    padding: 2px 5px;
    right: 11px;
    top: 10px;}

 .noti-badge-2{position: absolute; font-size: 6px; padding: 3px 2px; right: 12px; top: 17px; min-width: 6px; display: block !important;}   

.navbar-top-links .dropdown-user{transform-origin:100% 0; }

.form-row .col-md-3
{
  padding-left: 0;
}
.Emer_alert{
    background-color: #f5f5f5;
    margin-bottom: 10px;
    padding: 0px 20px 20px 20px;
    border-radius: 5px;
    margin-top: 50px;
    width: 100%;
    float: left;
    margin-top: 10px;}

.Emer_alert table{background: #fff;}  

.Emer_alert .inner_bread{background-color:#fff;}

.Emer_alert small{line-height: 35px; text-align: center; width: 100%; float: left; font-weight:bold;}

.detail_emer {float: right; display: block; width: 230px; margin-top: 20px; margin-left: 10px;  }
.detail_emer:first-child{background:#0982C9;}

#logout-form a{color: #333;}

.dropdown-menu-right .dropdown{margin-right: 0px !important;}

.grey_conv, .grey_conv:hover {background:#ccc !important; border: none !important;}

.btn-primary i{padding-right: 8px;}

.view_chatting{
  bottom:0 !important;
  position: fixed !important;
  right: 30px !important;
  border: 2px solid !important;
  border-radius: 13px 11px 0px 0px !important;
  border-bottom: none !important;
}

#conv_bar{
    display: none;
    border-style: none;
    border-width: 0px;
    background: rgb(22, 39, 54);
    width: 323px;
    /*height: 300px;*/
    overflow: hidden;
    margin: 0;
    padding: 0;
    font: #fff;
    position: absolute;
    bottom: 350px;
    right: 15px;
border-bottom: 2px solid !important;}

#conv_bar_dept{
    display: none;
    border-style: none;
    border-width: 0px;
    background: rgb(22, 39, 54);
    width: 323px;
    /*height: 300px;*/
    overflow: hidden;
    margin: 0;
    padding: 0;
    font: #fff;
    position: absolute;
    bottom: 350px;
    right: 15px;
border-bottom: 2px solid !important;}

#chatting_bar2
{
   display: none;
    border-style: none;
    border-width: 0px;
    background: rgb(22, 39, 54);
    width: 323px;
   /* height: 300px;*/
    overflow: hidden;
    margin: 0;
    padding: 0;
    font: #fff;
    position: absolute;
    bottom: 350px;
    right: 15px;
border-bottom: 2px solid !important;
}

/*input[type="text"]{text-transform:capitalize; }*/

.notificat_text, .message_text{padding-right: 0; padding-left: 0; text-align: left;}

.notificat_text p{display: block;
    display: -webkit-box;
    max-width: 400px;
    height: 40px;
    margin: 0 auto;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;}

    #transcript{border-radius: 0; width: 100%;}

    .email_sender {
height: 400px;
    }
    #email-transcript
{height: 400px;}


#dataTables-example .ea_address{   /* width: 100% !important;*/
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -ms-line-clamp: 3;
    -webkit-box-orient: vertical;
    -ms-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    border: none;
    height: 70px;
    word-wrap:break-word; }

#dataTables-example .ea_button{margin-bottom: 5px;}

#message2, #message{text-transform: none; max-width: 100%; min-width: 100%;}

.ea_table .odd{background-color: #f9f9f9;}
.ea_table .even{background-color:#fff;}
   .chat-loader{
    position: absolute;
    right: 19%;
    bottom: 0px;
    top: 91%;
    height: 9%;
    width: 13%;
    display: none;
    z-index: 127;
   }

   .ea_table .unseen, #dataTables-example .unseen {
    font-weight: bold;
    background: rgba(0, 135, 81, 0.2);
}

#emergency-alert-popup{
    width: 20%;
    background: rgba(255, 55, 55, 0.3411764705882353);
    position: absolute;
    color: #fff;
    /* right: 50%; */
    text-align: center;
    left: 40%;
    top: 4%;
    display: block;
    line-height: 50px;
    border-radius: 5px;}
#emergency-alert-popup p{margin-bottom: 0;}
.police_chat_close{
    border-radius: 20px;
    border: 0;
    font-size: 25px;
    width: 40px;
    color: #008653;
    background: none;
    float: right;
    padding-top: 3px;
    font-weight: bold;
}


/*#email_check[]{margin: 0 auto; display: block;}
*/

/*#bell ul li .fa{padding-right: 10px;}*/

/*ends*/



/*--------------------------------media query--------------------*/



@media screen and (min-width: 300px){
  button.btn.btn-primary.broad {
    /* height: 30px; */
    margin: 15px 0 0 0;
    /* position: relative; */
    /* right: 96px; */
}
}

@media screen and (min-width: 1024px){
  .country-div {
      width: 69%;
      font-size: 12px;
    }
}

@media screen and (min-width: 1245px){

	.col-lg-5{
		width: 33.667%;
	}

	.col-lg-7{
		width: 66.333%;

	}

}


@media screen and (min-width: 1200px){

	.sidebar ul li{
		width:14%;
	}

}


@media screen and (min-width: 1366px){
	.sidebar ul li{
		width:7%;
	}
}

/*@media screen and (min-width: 1440px){
	.sidebar ul li{
		width:7%;
	}
}*/

a.navbar-brand.map_logo{
	width: 13%;
    /* height: auto; */
    padding-top: 0;
    padding-bottom: 0;
    display: flow-root;
}


/*div#emergencies_list {
        position: relative;
    top: 238px;
}*/



   
.dpt_map_nav .custom-sidebar h4{border-radius: 0;}


/*div#emergencies_list {
    position: relative;
    top: 260px;
}*/


.dpt_map_nav .custom-sidebar{height: 100vh;} 




/*--------------------------------------------------------*/





.container-new-2 {
    width: 100%!important;
    float: right;
    height: 67%!important;
}


.map_sidebar-2 {
    width: 16%;
    background-color: #1b2a47 !important;
    /*border-color: #e7e7e7;*/
    /* display: block; */
    /* float: left; */
    margin: 0;
    /* position: absolute; */
    /* right: 0; */
    /*border-radius: 10px 0px 0px 0px;*/
    /*height: 100%;*/
    padding-top: 50px;
    /*display: none;*/
}


.h4-new-2{
       line-height: 50px!important;
    /*background: #08422b!important;*/
    margin-top: 0!important;
    margin-bottom: 0!important;
     padding-left: 0px!important; 
    color: #008751!important;
    /* position: absolute; */
    top: 0px!important;
    width: 15%!important;
    z-index: 9999!important;
    font-size: 1vw!important;
    border-radius: 0px 0px 0px 0px!important;
     font-family: inherit!important;
    font-weight: 500!important;
    text-align: center!important;
        padding-right: 45px;
}

.collapse-2{
  padding-right: 0px;
  padding-left:0px;
  height: 0%;
  overflow: auto;
  width: 102%;
}

.kidnapping-2{


         /* float: right!important;*/
    height: 100%!important;
    /* padding-bottom: 25px!important; */
    cursor: pointer!important;
    display: block!important;
        width: 100%!important;
    /* float: left!important; */
    border: 0px solid #d4d4d4!important;
    border-radius: 2px!important;
    margin-right: 175px!important;
    padding: 6px!important;
    position: relative!important;
    /* background: #00000085!important; */
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175!important);
    /* box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175)!important; */
    color: #008751!important;
    padding-left: 4px!important;
    padding-right: 5px!important;

}


@media screen and (min-width: 1366px){
  .container-new-2{
    width: 84%;
  }

  .map_sidebar-2{
    width: 16%;
  }

  .collapse-2{
        width: 100%;
  }

  .h4-new-2{
     width: 18%!important;
  }
}



.timeline-heading-2{

         /* margin-bottom: 4px; */
    font-size: 13px;
    width: 100%;
    float: left;
    border: 0px solid #d4d4d4;
    border-radius: 2px;
    margin-right: 5px;
    padding: 18px;
    position: inherit;
    background: #00000085;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
    /* box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); */
    height: 100%;
    overflow: hidden;
    padding-bottom: -15px;
}

.emergency_time-2 {
    font-size: 10px;
    color: #008751;
    background: none;
    position: absolute;
    z-index: 1;
    right: 14px;
    bottom: 20px;
}






body{
  height: 100%;
}

html{
  height: 100%;
}

/*------------------------------bottom form 1----------------------------------*/


   .map_sidebar-3 {
    /* float: right; */
    /* float: right; */
    /* float: right; */
    position: absolute;
    bottom: 0;
    /* left: 0; */
    right: 0px;
    width: 100%;
    /* top: 91%; */
    background-color: #000000b8 !important;
    /* padding-top: 1px; */
    margin: 0;
    /* display: none; */
    height: 33%!important;
}


    .collapse-3{

     padding-right: 0px;
    padding-left: 0px;
    height: 100%;
    overflow: auto;
    /* margin: 0 auto; */
    width: 100%;
    overflow-y: hidden;
    }

    @media (max-width: 1023px){
      .collapse-3{
        display: block!important;
      }
      .li-inverted{
            width: 22%!important;
      }
    }



    .h4-new-3{

     line-height: 50px!important;
    background: #08422b!important;
    margin-top: 0!important;
    margin-bottom: 0!important;
    /*padding-left: 50px!important;*/
    color: #fff!important;
    position: absolute;
    top: 0px!important;
    width: 100%!important;
    /* z-index: 9999!important; */
    font-size: 1vw!important;
    border-radius: 0px 0px 0px 0px!important;
    font-family: inherit!important;
    font-weight: 500!important;
     text-align: center!important; 
    /* padding-right: 45px;*/
    }





.timeline-ul{  
    margin-top: 38px;
    padding-right: 16px;
    padding-left: 16px;
}





/*-------------------------------------new*/


h2.use-detail-h2 {
    background: #04060b;
    color: #008751;
    width: 98%;
    text-transform: uppercase;
    padding: 12px 15px 12px 18px;
    margin: 0;
    font-size: 1em;
  }


p.user-detail-link {
   padding: 8px;
    /* background: azure; */
    display: inline-block;
    width: 100%;
    font-size: 0.9em;
    color: #008751;
}


p.user-detail {
    padding: 15px;
    color: #008751;
    font-size: 0.9em;
    padding-bottom: 0px;
    padding-top: 5px;
}



h2.col-md-userdetails {
    margin: 0;
    padding: 25px;
}


.container-details{
  padding-left: 0;
}






.new-timeline:before{

	top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 3px;
   /*background-color: #1b2a47!important;*/
    left: 4%;
    margin-left: -1.5px;
    display: block;
    height: auto;
}




/*#map{height:75.9vh !important; width: 100%; float:left;
position: fixed!important;
 }*/




 /*-------------------Responsive form ----------------*/

 @media screen and (min-width: 1024px){
 	h2.use-detail-h2{
 		    width: 100%;
 	}


 	.h4-new-2{
 		    width: 16%!important;
 	}
 }


 #police_chatting_bar{
      display: none;
      border-style: none;
      border-width: 0px;
      background: rgb(22, 39, 54);
      width: 323px;
      height: auto;
      overflow: hidden;
      margin: 0;
      padding: 0;
      font: #fff;
      position: absolute;
      bottom: 200px;
      /*left: 0% !important;*/
      border-radius: 10px 10px 0px 0px;
  }



@media screen and (min-width: 1200px){

	.dpt_map_nav{
		top: 37%;
	}
}


.fa{
      padding-right: 6px;
}


.inverted-li-li {
       height: 87%;
    width: 20%;
    /* border: 1px solid black; */
    border-radius: 4px;
    /*background: linear-gradient(to bottom, #ff0000 1%,#eadc00 100%);*/
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 20px;
}

.link-row{
	margin: 0!important;
	height: 39px;
}


.incident-btn {
       padding: 3px 10px;
    /* margin-top: 1px!important; */
}

.Call-btn-btn{
	padding: 3px 10px;
	margin-top: 6px;
	margin-right: 13px;
}


i.fa.fa-angle-down.fa-minimise-arw {
    float: right;
    margin-top: 5px;
    color: white;
    background: #008751;
    padding: 7px 3px 6px 3px;
    margin-right: 40px;
    border: 1px solid transparent;
    border-radius: 14px;
    margin-left: 8px;
}




/*-----------------Map chat box------------------*/


/*.paper-chat {
    bottom: 30px!important;
    position: absolute;
    right: 50px;
}

.send-btn-btn{
	bottom: 29px!important
}

.chat-box-box{
	    top: 235px;
	    position: absolute!important;


	/* display: none;
    border-style: none;
    border-width: 0px;*/

    background: rgb(22, 39, 54);
    width: 323px;
    height: auto;
    overflow: hidden;
    margin: 0;
    padding: 0;

    /*font: #fff;*/

    position: absolute!important;

    /*bottom: 0%;
    right: 97%;
    border-radius: 10px 10px 0px 0px;
*/


    bottom: 0 !important;
    position: fixed !important;

    right: 30px !important;
    border: 2px solid !important;
    border-radius: 13px 11px 0px 0px !important;

}


@media screen and (max-width: 1300px){
	.msg-chat-box{
		height: 338px !important;

	}

	.chat-box-box{        top: 135px;}
}*/

/*--------------------Search box incident map----------------------------*/

.search-container-search {
    float: none;
    margin-bottom: -13px;
}

.input-search{
    padding: 7px 3px;
    margin-top: 0px;
    font-size: 12px;
    border: none;
    margin-left: 8px;
    width: 67%;
    border-radius: 3px;
    margin-right: 10px;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

button.Search-btn {
    padding: 7px 7px;
    margin: -5px;
    padding-right: 7px;
    width: 25%;
    border-radius: 3px;
    border: none;
    background: #008751;
    color: #fff;
    font-size: 12px;
}

.Search-btn:hover{    
    color: #fff;
    background-color: #204d74;
    border-color: #122b40;
  }


  @media screen and (min-width: 1200px){
    button.Search-btn{
          margin: -11px;
    }
  }
  @media screen and (min-width: 1920px){
    button.Search-btn{
          margin: -5px;
    }
  }

 /* @media screen and (min-width: 1024px){
    button.Search-btn{
          margin: -13px;
          width: 31%;

    }
    .input-search{
      width: 60%;
    }
  }*/



    .clear-btn{
      text-align: right;
    margin-bottom: -4px;
}

 .clear-btn-btn{
   /* float: right;*/
    font-size: 12px;
    margin-right: 13px;
    margin-top: 0px;
    text-decoration: none;
    /* display: none;*/
  }

  .clear-btn-btn:hover{
     color: #fff/*#204d74*/;
    /*background-color: #204d74;*/
    /*border-color: #122b40;*/
    text-decoration: underline;
  }



  @media (max-width: 1023px) {
  	.map_sidebar-2{
  		display: none;
  	}
  	.container-new-2{
  		width: 100%!important;
  		height: 100%!important;
  	}
  }


  /*-----------------chatting box incident------------*/


  .chatting-bar-incident{
    bottom: 33%!important;
    background: rgb(27, 42, 71)!important;
    left: 0% !important;
  }



  .type-textbar{
  	width: 100%;
    height: 40px;
    border-radius: 0;
    background: #fff;
    padding-left: 12px;
  }


	.chat-box-center{
		background: #f2eccf;
	}


	.header-chat-new{
		    background: rgb(33, 37, 45)!important;
	}

	.header-head{
		color: #fff!important;
	}

	.close-btn{
		padding-top: 8px!important;
		color: #fff!important;
	}
  /*-------------------Case details Popup-----------------*/
  .popup-case_details{
    left: 33%!important;
    top: 9%!important;
  }


  /*.popup-case_details-tr {
    background: none;
    color: #fff;
  }*/

  .head_popup{
    color: #fff!important;
  }


  /*-------------------new incident map------------------------*/

  .readmore-btn{
    background-color: #008751;
    border-color: #008751;
    padding: 10px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    margin-top: 6px;
    cursor: pointer;
  }

  .readmore-btn:hover{
    background-color: #337ab7;
    border-color: #2e6da4;
  }

  .readmore-btn a{
    color: #fff!important;
  }


  .para-wrapper-2{
    margin-bottom: 0px;
    margin-top: 12px;
    color: #fff;
    height: 188px;
  }

  .para-wrapper-2-para{
    padding: 0px 17px 0px 17px;
    color: #fff;
    text-align: justify;
    font-weight: bold;
    margin: 0;
    font-size: 12px;
  }

  .li-inverted{
    /*position: fixed!important;*/
    width: 16%;
    height: 81%!important;
    color: #fff;

  }


::-webkit-scrollbar{width:2px;height:2px;}
::-webkit-scrollbar-button{width:2px;height:2px;}



.btn-left-align{
    position: fixed;
    z-index: 1;
    bottom: 115px;
    border-radius: 100px;
    font-size: 24px;
    background: #000;
    color: #fff;
    padding: 10px;
    opacity: 0.1;
}

.btn-left-align:hover{
  background: #8a4619;
  color: #fff;
  opacity: 1;
  border:none;
}

.btn-right-align{
      float: right;
    position: fixed;
    right: 2px;
    bottom: 115px;
    border-radius: 100px;
    font-size: 24px;
    background: #000;
    color: #fff;
    padding: 10px;
    z-index: 1;
    opacity: 0.1;
}

.btn-right-align:hover{
  background: #8a4619;
  color: #fff;
  opacity: 1;
  border:none;
}

.li-inverted a{
  text-decoration: none;
}

.heading-map-3{
  width: 100%;
  height: 30px;
  margin-top: 2px;
      background: #21252d!important;
    height: 38px;
    position: fixed;
}

.heading-map-3-h4{
  line-height: 40px!important;
    background: none!important;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 22px!important;
    color: #fff;
    position: absolute;
    top: 0px;
    width: 20%!important;
     z-index: 9999; 
    font-size: 1.3vw;
    border-radius: 0px;
    /* float: right; */
    text-align: left;
}


.search-map-3{
  float: right;
    padding-right: 10px;
    /* background: #3a2400!important; */
    /* z-index: 999999!important; */
    width: 16%;
}

.input-map-3{
      margin-top: 5px;
    border-radius: 30px;
    border: none;
    background: #191003;
    padding: 3px 3px 3px 8px;
    color: #fff!important;
}

.icon-map-3{
  color: #fff;
}

.ul-map-3{
  margin-top: 26px;
  overflow-y: hidden;
}

.new-chatbar-map3{
  bottom: -12%!important;
  right: 133%!important;
  height: 81%!important;
}

.head-chatbox-new{
  color:#fff!important;
}

.close-chat{
  color: #fff!important;
}

.date-time{
  text-align: right;
  margin-right: 15px;
}

.new-msg-box{
  top:-27px;
}

.btn-btn-track{
  /*background: #f66200!important;
  border-color: none!important;*/
}

.btn-btn-track:hover{
  /*background: #8a4619!important;*/
  background-color: #337ab7;
    border-color: #2e6da4;
}


.chat-head-chat{
      background: rgb(33, 37, 45)!important;
}

.main-chatbox{
  background: #f2eccf;
  height: 35vh!important;
}


/*----------------------------------------color for incident map------------------------------*/

.li_inverted_domes_th{
	background: linear-gradient(to bottom, #ead900 0%,#015bbb 100%);
}

.li_inverted_homi_th{
	background: #ff0000;
}

.li_inverted_other{
	background: #909090;
}

.li_inverted_rape_th{
	background: linear-gradient(135deg, #f1ca15 0%,#f08c00 100%);
}

.li_inverted_kill_spr{
	background: linear-gradient(to bottom, #f08c00 0%,#ff4800 99%);
}

.li_inverted_kiddn_th{
	background: linear-gradient(to bottom, #ff0000 1%,#eadc00 100%);
}

.li_inverted_voilnc_th{
	background: linear-gradient(to bottom, #025cba 0%,#ff0100 99%);
}

.li_inverted_burglry_th{
	background: #00f97aa3;
}

.li_inverted_assult_th{
	background: linear-gradient(to bottom, #009633 0%,#f1ca15 99%);
}

.li_inverted_disastr_th{
	background: linear-gradient(to bottom, #ff0200 0%,#f08d00 100%);
}



/*---------------------Responsive part-----------------------------------*/
@media (max-width: 1680px){
	.new-chatbar-map3 {
    bottom: -9%!important;
    right: 128%!important;
    height: 81%!important;
	}
	.main-chatbox{
	height: 36vh!important;
	}
	.li-inverted {
    height: 71%!important;
	}
}



@media (max-width: 1600px){
	.li-inverted{
		height: 79%!important;
	}

	.para-wrapper-2{
		height: 16vh!important;
	}

	.new-chatbar-map3 {
        bottom: -5%!important;
    right: 124%!important;
    height: 84%!important;
}
	.main-chatbox{
    height: 38vh!important;
  }

}

@media (max-width: 1500px){
	.para-wrapper-2{
    height: 14vh!important;
  }
  .li-inverted{
    height: 77%!important;
  }

  .btn-left-align{
  	bottom: 82px;
  }

  .btn-right-align{
  	bottom: 82px;
  }
}





@media (max-width: 1440px){
  

  
  .map_sidebar-3{
    height: 30%!important;
  }

  .container-new-2{
    height: 70%!important;
  }

  .new-chatbar-map3 {
    bottom: -20%!important;
    right: 121%!important;
    height: 92%!important;
}
  .main-chatbox{
    height: 39vh!important;
  }
}

@media (max-width: 1400px){
	 .li-inverted{
    height: 75%!important;
  }

 .para-wrapper-2 {
    height: 15vh!important;
}

  .readmore-btn{
  	padding: 6px;
  }

  .new-chatbar-map3 {
    bottom: -54%!important;
    right: 120%!important;
    height: 109%!important;
}
}

@media (max-width: 1366px){
 
  
	.para-wrapper-2 {
    height: 13vh!important;
}

  .new-chatbar-map3{
        bottom: -8%!important;
    	right: 119%!important;
        height: 89%!important;
  }
  .new-msg-box{
    top: 0px!important;
  }

  .btn-right-align{
    bottom: 70px!important;
  }

  .btn-left-align{
    bottom: 70px!important;
  }

  .para-wrapper-2-para{
  	font-size: 10px;
  }
  .map_small{
  	font-size: 10px;
  }
  .readmore-btn{
  	font-size: 12px;
  }
}


@media (max-width: 1280px){
  .search-map-3{
    width: 20%!important;
  }

  .new-chatbar-map3 {
    bottom: 0%!important;
    right: 116%!important;
    height: 84%!important;
  } 


}


@media (max-width: 1152px){
  .search-map-3{
    width: 22%!important;
  }

  .li-inverted{
    height: 68%!important;
  }
  .map_sidebar-3{
    height: 30%!important;
  }

  .container-new-2{
    height: 70%!important;
  }

  .new-chatbar-map3 {
    bottom: -24%!important;
    right: 110%!important;
    height: 98%!important;
}
	.para-wrapper-2 {
    height: 14vh!important;
}

}


@media (max-width: 1024px)
{
  .search-map-3{
    width: 22%!important;
  }

  .li-inverted{
    height: 76%!important;
    width: 30%!important;
  }

   .para-wrapper-2{
    height: 84px!important;
  }

  .custom-sidebar h4{
    font-size: 1.5vw;
  }

  .new-chatbar-map3 {
    bottom: -8%!important;
    right: 103%!important;
    height: 89%!important;
}
}

@media (max-width: 900px){
  .popup-case-details{
    left:23%!important;
    top: 2%!important;
  }

  .case_details{
    width: 78%;
  }
  .search-map-3{
    width: 30%!important;
  }
}

@media (max-width: 800px){
  .container-new-2{
    height: 56%!important;
  }
  .map_sidebar-3{
    height: 44%!important;
  }

  .para-wrapper-2 {
    height: 21vh!important;
}
	.case_details {
    width: 68%;
}
	#form_wrapper {
    height: 26vh;
}
	.new-chatbar-map3 {
    bottom: 0%!important;
    right: 98%!important;
    height: 96%!important;
    width: 275px!important;
}
	#msg-contents {
    height: 26vh!important;
}
}

@media (max-width: 702px){
  .map_sidebar-3{
    display: none;
  }
  .container-new-2{
    height: 100%!important;
  }
}
/*@media (max-width: 1440px){
  .li-inverted{
    width: 20%!important;
    height: 75%!important;
  }
  .para-wrapper-2 {
    margin-bottom: 4px;
  }
  .btn-right-align{
  bottom: 80px!important;
  }
.btn-left-align{
  bottom: 80px!important;
  }
  .search-map-3{
    width: 18%!important;
  }
}


@media (max-width: 1366px) and (max-height: (768px){
  .li-inverted{
    width: 25%!important;
    height: 78%!important;
  }

  .ul-map-3{
  margin-top: 40px;
}


  .inverted-li-li{
    margin-top: 7px;
  }

  .para-wrapper-2{
    margin-bottom: 0px;
  }

.btn-right-align{
  bottom: 77px!important;
  }
.btn-left-align{
  bottom: 77px!important;
  }
  .search-map-3{
    width: 18%!important;
  }
}


@media (max-width: 1280px) and (max-height: 720px){
  .li-inverted {
    width: 25%!important;
}

  .search-map-3 {
    width: 19%!important;
}
}


@media (max-width: 1080px) and (max-height: 1920px){
  .map_sidebar-3{
    height: auto!important;
  }
  .li-inverted {
    width: 31%!important;
    height: 28%!important;
}
.search-map-3 {
    width: 20%!important;
}
}


@media (max-width: 1024px){
  .li-inverted{
      width: 30%!important;
  }

  .search-map-3{
    width: 22%!important;
  }

  .heading-map-3-h4{
    font-size: 1.5vw!important;
  }
}

*/