/*****-----GENERAL-----*****/
body {font-family: "Helvetica"; background: url(../images/header.png); background-repeat: repeat-x; background-color: #f8f8f8;}
.btn-blue {background-color: #065a9a; color: white; border-color: #065a9a;}
.btn-green {background-color: #339901; color: white; border-color: #339901;}
.btn-green-hollow {background-color: transparent; color: #339901; font-size: 15px !important; margin-right: 10px; border: 2px solid #339901;margin-bottom: 5px;}
.btn-red {background-color: #FF3200; color: white; border-color: #FF3200;}
.btn-green:hover,
.btn-red:hover,
.btn-blue:hover {color: white; text-decoration: underline;}
.btn-green:focus,
.btn-red:focus,
.btn-blue:focus {color: white; outline: none;}
.sg-disabled .btn.disabled,
.sg-disabled .btn[disabled], fieldset[disabled] .btn {opacity: .7;}
.mt-10 {margin-top: 10px;}
.mt-15 {margin-top: 15px;}
.form-control {border: 1px solid #ccc;}

/*****-----HEADER-----*****/
.navbar-brand {padding: 10px 15px; height: 75px;}
.navbar-header {margin-right: 8px;}
.navbar-default {background-color: transparent; border: none; box-shadow: none;}
.navbar-default .navbar-nav {min-height: 120px;}
.navbar-default .navbar-nav>li>a {color: white; font-size: 12px; padding: 0 10px; text-transform: uppercase; padding: 50px 15px;}
.navbar-default .navbar-nav>li>a:hover {color: #339901;}
.navbar-toggle .icon-bar {height: 3px; width: 26px;}
.navbar-default .navbar-toggle .icon-bar {background-color: #339901;}
.navbar-default .navbar-toggle {border-color: #339901; padding: 6px 5px;}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {background-color: transparent;}

/*****-----CONTENT-----*****/
.main-container {min-height: 600px;}
.login-error {color: red; font-weight: bold; text-align: center;}
.login-form {margin-top: 25px;}

.reports table#incident-data,
.rules table#rule-data {width: inherit !important; }

.reports table.dataTable.dtr-inline.collapsed tbody td:first-child:before,
.reports table.dataTable.dtr-inline.collapsed tbody th:first-child:before {top: inherit; left: 25px; margin-top: 1px;}
.rules table.dataTable.dtr-inline.collapsed tbody td:first-child:before,
.rules table.dataTable.dtr-inline.collapsed tbody th:first-child:before {top: inherit; left: 25px; margin-top: 1px;}
.rules tr > td:first-child {text-align: center; vertical-align: middle;}
.reports tr > td:first-child {text-align: center; vertical-align: middle;}
.rules tbody input[type='checkbox'] {margin-left: 0; position: relative; right: 8px;}
.reports tbody input[type='checkbox'] {margin-left: 0; position: relative; right: 12px;}

.rule-edit .fieldWrapper input,
.rule-edit .fieldWrapper textarea,
.rule-add .fieldWrapper input,
.rule-add .fieldWrapper textarea,
.kml .fieldWrapper input,
.report-count .form-control {border: 1px solid #ccc;}

.rule-edit .mt-mb,
.rule-add .mt-mb {margin-top: 5px; margin-bottom: 10px;}
.rule-edit .fieldWrapper,
.rule-add .fieldWrapper {clear: both; margin-bottom: 12px; }

.title {color: #0964a5; font-weight: 600;}
.list-header {font-size: 20px; color: #0964a5; margin-top: 25px;}
.list li:first-child,
.list li:nth-child(2n+3) {background-color: #ddd;}
.list li a {color: #555; font-size: 20px;}
.list li a:hover {color: #339901;}
.list {list-style-type: none; }
.list li {padding: 5px 5px 0 20px; }

.reg-links {display: inline-block; margin-left: 10px; }

.report-count .fieldWrapper label {margin-top: 10px;}
.report-count .fieldWrapper #id_groupBy label {margin-top: 0;}
.report-count .fieldWrapper #id_groupBy {list-style: none;}

.google-spec {padding-right: 10px;}
#column_edit_incident {margin-bottom: 15px;}
#column_edit_incident .btn {margin-bottom: 25px;}

.custom-map-size #map {width: 750px; height: 750px;}
.custom-latlon#latlon {height: inherit; float: none; margin-top: 0px;}
.custom-addrule#addrulebutton {height: inherit; width: inherit; padding-left: 0; margin-top: 0; float: none;}
.custom-zoom#zoom_to_incident {float: none; margin-top: 5px; width: inherit; overflow: visible;}
.custom-new-rule-form .form-control {margin-bottom: 15px;}
.custom-new-rule-form .fieldWrapper {clear: both;}
#othertools .btn-blue,
#google .btn-blue {margin-bottom: 6px;}
#column_edit_incident .btn-green {margin-top: 25px;}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover{background-color: transparent !important; background: none !important; border: 1px solid transparent !important; box-shadow: none !important;}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {color: #fff; background-color: #337ab7; border-color: #337ab7;}

#map, #map2 {margin-top: 15px;}
#informationPanel {padding-left: 30px; padding-right: 30px; margin-top: 20px; }
#customize_report {padding-left: 30px; padding-right: 30px; margin-top: 15px; }
#customize_report span {font-weight: bold;}

#map,
#map2 {width: 100%; height: 700px;}
#important_info h5 {font-weight: bold;}
#incident_detail h5 {font-weight: bold;}
#mapPanel {border: none;}
#mapPanel .ui-widget-header {background: black; border-radius: 10px 10px 0 0; padding: 6px 10px 0 10px;}
#mapPanel .ui-widget-header li {background: #434343; border: none; margin-right: 10px;}
#mapPanel .ui-widget-header li a {color: white; font-weight: normal;}
#mapPanel .ui-widget-header li.ui-state-active {background: white;}
#mapPanel .ui-widget-header li.ui-state-active a {color: black; font-weight: bold;}
/*#mapPanel .ui-widget-header li a:hover {color: #339901;}*/
#mapPanel {background: transparent;}

.map-section {margin-bottom: 25px;}

/*API SPECIFIC CONTENT*/
.extra-text {margin-top: 30px;}
.list-group a {cursor: pointer;}
/*#history {max-height: 206px; overflow-y: scroll;}*/
#response {clear: both; margin-top: 25px;}
#history .list-group a {text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.password-changed-div {margin-top: 40px; text-align: center;}

.dropdown-menu>li>.button-item {box-shadow: none; border: none; outline: none; display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap; }
.dropdown-menu>li>.button-item:focus,
.dropdown-menu>li>.button-item:hover {cursor: pointer; color: #262626; text-decoration: none; background-color: #f5f5f5; }
.custom-url-btn {height: 34px; border-left: 1px solid rgba(255,255,255,.7);}

/*****-----FOOTER-----*****/
.footer-wrapper {background-image: url(../images/footer.png); background-repeat: repeat-x; padding-top: 25px; background-color: #4f4f4f; position: absolute; width: 100%; right: 0px; left: 0px; }
footer {color: white;}
footer .nav {margin-top: 10px; }
footer .nav li a {font-family: Verdana, sans-serif; color: white; }
footer .nav li a:hover,
footer .nav li a:focus {color: #339901; background-color: transparent; }
footer .socialmedia-buttons a {display: inline-block; width: 37px; height: 38px; }
#f-foot {background-image: url(../images/facebookicon.png);}
#t-foot {background-image: url(../images/twitter-icon.png);}
#i-foot {background-image: url(../images/in-icon.png);}
#m-foot {background-image: url(../images/mail-icon.png);}
footer .socialmedia-buttons {margin-top: 23px; }
footer .socialmedia-buttons span {font-size: 24px; color: #fff; line-height: 40px; margin-right: 10px; vertical-align: top; }
footer .dis-r {text-align: right;}
footer .footer-contact-info {text-align: left; display: inline-block; }
footer .footer-contact-info p {color: #FFF; font-size: 20px; line-height: 30px; margin-bottom: 0px; }
footer .copyw {font-size: 10px; padding-bottom: 20px; padding-top: 10px; text-align: center; color: #fff; margin-bottom: 0; }

/*****-----MEDIA QUERIES-----*****/
@media (max-width: 1199px){
	.custom-map-size #map {width: 617px; height: 617px;}
	#column_edit_incident .btn-green {margin-top: inherit;}
}
@media (max-width: 991px){
	nav .navbar-right {float: left !important; margin-top: 24px; margin-left: -15px; clear: both;}
	nav .navbar-right > li:first-child a{padding-left: 0;}
	footer .socialmedia-buttons span {font-size: 21px;}
	.navbar-default .navbar-nav>li>a {padding: 10px 15px;}
	.reg-links {margin-top: 10px; margin-left: 0;}
	.report-detail .form-inline .form-group {vertical-align: top;}
	.custom-map-size #map {width: 470px; height: 470px;}
	#column_edit_incident .btn-green {margin-top: 20px;}
	#map,
	#map2 {height: 675px;}
}
@media (max-width: 767px){
	nav.navbar-default {margin-bottom: 80px;}
	footer .footer-nav {clear: both; text-align: center; margin-top: 0px;}
	.footer-nav li {display: inline-block;}
	.footer-nav li a {padding: 10px 7px;}
	.footer-top {width: 350px; margin: 0 auto;}
	.footer-bottom {width: 350px; margin: 0 auto;}
	footer .socialmedia-buttons span {font-size: 18px;}
	footer .socialmedia-buttons {margin-top: 5px;}
	.footer-top .navbar-brand {float: none; }
	.footer-top .navbar-brand>img {margin: 0 auto;}
	footer .dis-r {text-align: center;}
	footer .footer-contact-info {text-align: center; margin-top: 10px;}
	.navbar-collapse {background: #111;}
	.navbar-default .navbar-right > li:first-child a {padding: 7px 0 0 20px;}
	.navbar-default .navbar-nav>li>a {font-size: 13px; padding: 7px 0 0 20px; line-height: 24px;}
	.navbar-default .nav>li {border-bottom: 1px solid #777777;}
	nav .navbar-right {margin-top: 0; margin-bottom: 0; width: 100%; margin-left: 0;}
	.navbar-default .navbar-collapse {padding-left: 0; padding-right: 0;}
	.form-inline.sg-disabled button,
	.form-inline.sg-disabled select,
	.form-inline .form-group select {margin-bottom: 10px; }
	.reg-links {display: block;}
	.custom-map-size #map {width: 350px; height: 350px;}
	.custom-latlon#latlon {margin-top: 15px;}
	#map,
	#map2 {height: 400px;}
	#mapPanel .ui-widget-header {text-align: center;}
	#mapPanel .ui-widget-header li {margin-right: 5px; margin-left: 5px; display: block; float: none; border-radius: 5px; margin-bottom: 10px;}
	#mapPanel .ui-widget-header li.ui-tabs-selected {top: inherit;}
	#mapPanel .ui-widget-header li a {font-size: 13px; display: inline-block; float: none; padding: 12px 10px;}
}
@media (max-width: 550px){
	.mobile-addon {display: table-caption; width: 100%; border-radius: 4px !important; border: 1px solid #ccc !important;}
}
@media (max-width: 455px){
	.navbar .navbar-brand {width: 80%;}
	.navbar .navbar-brand img {width: 100%;}
}