.container{
    padding: 0em;
    background-color:#fff;
}
.container#containerTop {padding: 0;}

.url-link {
    color: #ebebeb;
}

.url-link:hover{
    color: #a8cff1;
}   

.custom-summary {
    text-align: left;
}


.navbar-custom {
    background-color: #182350;
    border-color: #ccc;
    color: white;
}

.navbar-custom > li > a{
    color: #afd6f8;
}
body{
    background-color: #ccc;
    font-size: 1.2em;
    color:#000;
}

.custom-wide{
    width: 100%; height: 100%;
}


#custom-search-input {
    margin:0;
    padding: 0;
    margin-right: -16px;
}

#custom-search-input .search-query {
    padding-right: 24px;
    padding-right: 24px \9;
    padding-left: 12px;
    padding-left: 12px \9;
    /* IE7-8 doesn't have border-radius, so don't indent the padding */

    margin-bottom: 0;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

#custom-search-input button {
    border: 0;
    background: none;
    /** belows styles are working good */
    padding: 2px 5px;
    margin-top: 0px;
    position: relative;
    left: -28px;
    /* IE7-8 doesn't have border-radius, so don't indent the padding */
    margin-bottom: 0;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    color:#ccc;
}

.search-query:focus + button {
    z-index: 3;   
}

#custom-bootstrap-menu.navbar-default .navbar-brand {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(248, 248, 248, 0);
    font-size: 0.9em;
}
#custom-bootstrap-menu.navbar-default {
    font-size: 14px;
    background-color: rgba(175, 214, 248, 1);
    border-width: 0px;
    border-radius: 0px;
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(248, 248, 248, 0);
    font-size: 0.9em;
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus {
    color: rgba(175, 214, 248, 1);
    background-color: rgba(248, 248, 248, 0);
    text-decoration: underline;
}
.list-group{
    padding: 0px;
    margin: 0px;
}
.list-group ul > li{
    text-align: left;
}
.tab-content{
    padding:0em;
}
.custom-col-md-9{
    background-color:#fff;
    padding:5px;
    margin-left:10px;
    margin-top:10px;
}
.custom-col-md-99{
    background-color:#fff;
    padding:5px;
    margin-top:0px;
    margin-left:10px;
    margin-right:10px;
    margin-bottom:10px;
}
.custom-col-md-12{
   background-color:#fff;
    border:solid 1px #ccc;
    padding-top:20px;
    padding-left:20px;
    padding-right:20px;
    padding-bottom:0px;
    margin: 0px;
}
.custom-right-bar{
    background-color:#fff;
    border:solid 1px #ccc;
    padding-top:0px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:0px;
    margin-left: 0px;
}
.custom-col-md-122{
   background-color:#fff;
   border:solid 1px #ccc;
    padding-top:20px;
    padding-left:20px;
    padding-right:20px;
    padding-bottom:20px;
    margin: 0px;
}
.tabbable{
    padding: 0px;
}
.cust-footer-nav li, .cust-footer-nav a{
    display: block;
    margin-right: 10px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-top: 5px;
    color: #fff;
}

.col-md-4 li, .col-md-4 a{
    display: block;
    margin-right: 10px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-top: 5px;
    color: #fff;
}

.cust-footer-nav a:hover{
    color: #a8cff1;
}

.col-md-4 a:hover{
    color: #a8cff1;
}

.footer-text{
    color:#fff;
}

.btn-breadcrumb .btn:not(:last-child):after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 10px solid white;
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: 100%;
  z-index: 3;
}
.btn-breadcrumb .btn:not(:last-child):before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 10px solid rgb(173, 173, 173);
  position: absolute;
  top: 50%;
  margin-top: -17px;
  margin-left: 1px;
  left: 100%;
  z-index: 3;
}

.panel{
    border: 1px solid transparent;
    margin: 0px;
}

.panel-heading{
    background-color: #1b4381;
}

.panel > .panel-heading > .panel-title > a {
  text-decoration: none;
}
.pdsa-panel-toggle {
  float: right;
  cursor: pointer;
}

.tab-pane{
    padding: 0px;
    margin: 0px;
}
.cust_date{
    color: #006699;
    font-style: italic;
    font-family: bold;
}
.tab-content {
    background-color:#fff;
}
.tab-content#index {
    background-color:#fff;
    maigin-bottom:10px;
    margin-right:-14px;
}
.tab-content#about {
   margin-left: 15px;
   margin-right: 15px;
   margin-top: 15px;
  
}
.cust-col-sm-14{
    border:solid 1px #ccc;
    padding:0px;
}
.cust-col-sm-10{
    padding:10px;
}
.cust-nav-tabs{
    font-size: 0.9em; 
}
.cust-pagination{
    font-size: 0.9em;  
}
img-responsive{
    margin: 0 auto;
}
.cust-tab-pane{
    padding-right:10px;
}
.cust-col-md-3{
    text-align: center;
    vertical-align: middle;
    margin-bottom: 10px;
}
.cust-img-icon{
    width: 25px;
    height: 25px;
}
.bg-image{
    background-image: url('/about/images/logobg.png');
}
.col-centered{
    float: none;
    margin: 0 auto;
}
.link-more{
    color:#0066cc;
}
.cust-td-border{
    border:solid 1px #ccc;
    padding:10px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.cust-td-border2{
    border:solid 1px #ccc;
    margin-top: 10px;
    margin-bottom: 10px;
}
.cust-h4 > h4{
    font-size: 1.6em;
    margin-top: 30px;
}
.cust-panel{
    border:solid 2px #ebebeb;
    
}
#cust-panel-heading{
    background-color:#ebebeb;
    color:#333;
}
.cust-panel-body{
    border:1px solid #ccc;
    border-top:0;
}
fieldset.scheduler-border {
    border: 1px solid #ccc !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
}

legend.scheduler-border {
    font-size: 1em !important;
    font-weight: bold !important;
    text-align: left !important;
    width:auto;
    padding:0 10px;
    border-bottom:none;
}
.cust-tab-pane-home{
    border:1px solid #ccc;
    margin-right:13px;
    border-right:2px solid #ccc;
    border-bottom:0px solid #ebebeb;
}
.cust-img-link{
    text-align: center;
    background-color: #fff;
    color: #182350;
    padding:6px;
    font-size:9px;
    padding-left:0px;
    padding-right:0px;
}
.cust-thumb{
    border: 2px solid #ebebeb;
    padding: 0px;
    margin: 0px;
}
.cust-img-padd{
   padding:10px;
    text-align: center;
}
.cust-padd{
    padding-bottom:20px;
}

.c-certificates{
    background-color: #182350;
    color:#fff;
    padding:7px;
    padding-left:20px;
    padding-right:20px;
}
.crime-stats{
    background-color: #182350;
    color:#fff;
    padding:7px;
    padding-left:20px;
    padding-right:20px;
}
.bids-quotes{
    background-color: #182350;
    color:#fff;
    padding:7px;
    padding-left:15px;
    padding-right:15px;
}
.hand-goods{
    background-color: #182350;
    color:#fff;
    padding:7px;
    padding-left:10px;
    padding-right:8px;
}
.firearms{
    background-color: #182350;
    color:#fff;
    padding:7px;
    padding-left:27px;
    padding-right:25px;
}
.wanted-p{
    background-color: #182350;
    color:#fff;
    padding:7px;
    padding-left:31px;
    padding-right:25px;
}
.missing-p{
    background-color: #182350;
    color:#fff;
    padding:7px;
    padding-left:31px;
    padding-right:25px;
}

@media only screen and (min-device-width: 1024px) {
  .c-certificates{
        background-color: #182350;
        color:#fff;
        padding:7px;
        padding-left:15px;
        padding-right:13px;
    }
    .crime-stats{
        background-color: #182350;
        color:#fff;
        padding:7px;
        padding-left:12px;
        padding-right:12px;
    }
    .bids-quotes{
        background-color: #182350;
        color:#fff;
        padding:7px;
        padding-left:8px;
        padding-right:8px;
    }
    .hand-goods{
        background-color: #182350;
        color:#fff;
        padding:7px;
        padding-left:2px;
        padding-right:2px;
    }
    .firearms{
        background-color: #182350;
        color:#fff;
        padding:7px;
        padding-left:20px;
        padding-right:18px;
    }
    .wanted-p{
        background-color: #182350;
        color:#fff;
        padding:7px;
        padding-left:20px;
        padding-right:22px;
    }
    .missing-p{
        background-color: #182350;
        color:#fff;
        padding:7px;
        padding-left:21px;
        padding-right:21px;
    }
}

.thumbnail-spk{
         display: block;
  padding: 20px;
  margin-bottom: 17px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
    }
	
/*=======================================================================
  =======================================================================*/
  
  .container#indexMaintenance {font-size: 15px}
  .container#topnavCss, .footer-text#footer {
	  background-color:#182350;
  }
  .container#bannerTop {
	 background-color:#1b4381;
  }
  .tabs-below#indexTabs {
	padding:0px;margin:0px;background-color:#ebebeb;
  }
  
  .nav-tabs#indexNavTabs {
	background-color:#ebebeb; width:100%; /* margin-right:2% */;
  }
  .slide#myCarousel{
	margin:3px; 
	margin-top:10px; 
	margin-bottom:10px;
}
  .col-sm-10#colsmTopNav {
	background-color:#182350;margin-top:0.7em;
  }
  .col-sm-4#colsmTopNav {
	background-color:#182350;
  }
   
  .custom-wide#sapsBanner {margin-bottom:0.2em;} 
  
  .col-md-14#favtweet{ background-color:#fff;padding:0px;}
 
  
  .breadcrumb#breadcrumbFav { margin:0px;margin-left:5px;}
  
  /*index page  */
  
.cust-col-sm-14#colsm1 {margin-top:20px;}
.col-sm-14#colsm2 {padding-top:20px;}
.col-sm-14#colsm3 {padding-bottom:20px;}

h3#indexh3 {color:#1d2022; margin-left:15px; margin-top:15px; margin-right:15px; margin-bottom:15px;}
span#unknownIndex {padding-top:45px;}
.pager#indexPager {margin-bottom:23px;}
.next#indexNext {float: left; margin-left:12px;}
.col-md-push-0#colmsPush {padding-top:10px; margin-bottom:0px;}
.col-md-push-0#colmsPush1 {padding:0px;margin-top:-20px;}
.col-md-push-0#colmd1 {padding-top:10px;}
.col-md-push-0#colmd10 {padding:15px;}

.thumbnail#colmsPush1 {margin:20px;padding:0px;}

  /*ALL pages  */ 
  .RED {
  color: #F00;}
.col-md-14#order { background-color:#fff;padding:0px;}
.col-md-14#order2 { margin-top:20px;margin-bottom:20px;}
.col-md-14#order3 {margin-bottom:20px;}
.col-md-14#order4 {margin-bottom:20px;}
.col-md-14#order5 {margin:10px;margin-left:0px;}
.col-md-14#order6 {margin-top:10px;padding-bottom:15px;padding-left:20px;padding-right:20px;}

.col-md-3#order {text-align:right;}

.col-md-5#order {margin:10px;margin-left:0px;}
.col-md-5#order1 {text-align:center;margin-top:20px;}

.col-md-6#order3, .col-md-2#order4 { text-align:center;padding:10px;}

.col-md-7#order5 {padding-left:60px;}
.col-md-7#order {text-align:right;}
.col-md-7#Edu {margin:0px;}
.col-md-7#order6 {text-align:left;margin:0px;padding:0px;}
.col-md-7#order7 {text-align:right;margin:0px;padding:0px;}

.cust-col-md-3#order {padding-top:0px}
.cust-col-md-3#order2 {padding-top:40px}

.breadcrumb#order { margin:0px;/* margin-left:5px; */}
.row#order {padding:0px;padding-top:0px;}

.panel-heading#row {background-color: #1b4381;color:#fff;}
.panel-heading#order {background-color: #1b4381;color:#fff;}
.panel-heading#info {background-color: #1b4381;color:#afd6f8;}

.panel-body#order {text-align:center}
.pagination#order {margin-top:0px;padding-top:0px;}

.pager#order {margin:0;padding:0;margin-bottom:10px;}
.pager#order2 {margin-bottom:10px;float:left;margin-top:0px;margin-left:-15px;}

.next#order {float:left;margin-left:15px;}
.thumbnail#order {padding:20px;}
.custom-wide#order{margin-top:10px;}
a#journal {color:#0066cc;}
td#fireArm{text-align:center} 
table#table5 {border-width: 0px}
table#table5 td {border-style: none; border-width: medium;}  

.td_main td div#popup {display:none; 
		      position:absolute; 
		      border-style: solid; 
		      background-color:#fff; 
		      padding: 5px;
		      color: #000000; left:74px; top:456px; width:274px; height:164px;}
  
 .panel-body form#form1 {margin-top:0px;margin-bottom:0px;}
  
  p#applyClearCert{margin-left: 36pt}
  ul#reservist{list-style-type:square;}
  .col-sm-14#noticeIndex {background-color:#fff; padding-top:10px;}
  .col-sm-14#announceIndex {background-color:#fff; padding-top:10px;}
 .list-group#announceIndex {padding-right:30px;padding-left:20px;padding-top:20px;margin-right:4px;}
 .url-link#announceIndex {margin:0px;padding-right:40px;margin-right:4px;margin-bottom:20px;}
  .col-md-14#news {background-color:#fff;padding:0px;}
.panel-heading#news {background-color: #1b4381;color:#fff;}
.row#news {padding:0px;padding-top:0px;}
.col-sm-14#covidIndex {background-color:#fff; padding-top:10px;}
font {color:#FF0000}
  
.row#rowFav { padding:0px;padding-top:0px;}
.panel-heading#panel { background-color: #1b4381;color:#fff;}
  
  
 /*footer*/ 
  
.col-md-14#footerPage {padding:10px;}
.col-md-4#footerPage {padding:0px;} 
.col-md-4#footerPage2 {padding:0px;text-align:left;} 
.col-md-6#footerPage {padding:0px;padding-right:80px;} 
.cust-footer-nav#footerPage {margin-left:0px;margin-top:10px;}  
.cust-footer-nav#footerPage2 {margin-left:-40px;} 
p#footerPage {marging-bottom:15px;}
  
/*about.php*/
 .tab-content#order {padding:10px;padding-top:20px;}
 p#about, .storyhead#about {text-align:center;}
 p#actsJuta {margin:10px; text-align:center;}
  p#acts {margin-left:27px;}
 h4#crimeStats {margin-left:25px;}
  /*roll_of_honour*/ 
.col-md-14#roll {background-color:#fff;padding:0px;margin-top:0px;text-align:center;}
.col-md-14#roll2 {background-color:#fff;margin-top:0px;}
.col-md-14#roll, .col-md-14#rollHome, .col-md-9#roll, .col-md-5#roll {background-color:#fff;margin-top:10px;}
.img-responsive#roll {margin: 0 auto;}
.panel-heading#roll {background-color: #1b4381;color:#fff;}
.cust-nav-tabs#roll {margin-top:0px;padding-top:0px;margin-left:0px;}