/*****-----GENERAL-----*****/
@font-face {
    font-family: Lato;
    src: url(../fonts/Lato-Regular.ttf);
}

@font-face {
    font-family: LatoBold;
    src: url(../fonts/Lato-Bold.ttf);
}

@font-face {
    font-family: LatoThin;
    src: url(../fonts/Lato-Hairline.ttf);
}

@font-face {
    font-family: LatoLight;
    src: url(../fonts/Lato-Light.ttf);
}

html, body{
    height: 100%;
    margin: 0;
}

body {font-family: Lato;}
h1, h2, h3, h4, h5, h6 {font-family: LatoLight;}
.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;}
.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;}
.btn-clear{display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.special-padding-container {padding-top: 20px;}

.sticky-footer-wrapper {min-height: 100%; margin-bottom: -210px; }

.sg-disabled .btn.disabled,
.sg-disabled .btn[disabled], fieldset[disabled] .btn {opacity: .7;}
.mt-10 {margin-top: 10px;}
.form-control {border: 1px solid #ccc !important;}

.status-circle,
.status-active,
.status-inactive,
.status-trial {width: 15px; height: 15px; margin: auto; margin-top: 3px; border-radius: 15px; text-indent: -99999px; }
.status-circle,
.status-active {background: #339901; }
.status-circle.inactive,
.status-inactive {background: #fa5d5d; }
.status-circle.trial,
.status-trial {background: #0964aa; }

/* New Tabs Styles */
.nav>li>a:hover,
.nav>li>a:focus {background: transparent; }
.sg-tabs {position: relative; z-index: 0; margin-bottom: 20px; background: #ddd; }
.sg-tabs > li {position: relative; float: left; }
.sg-tabs > li > a {padding: 10px 15px 15px; text-align: center; font-size: 1em; overflow-wrap: break-word; word-wrap: break-word; color: black; }
.sg-tabs > li > a:before {content: ""; display: block; position: absolute; z-index: -1; margin-left: -15px; top: 0; width: 100%; height: 100%; }
.sg-tabs > li > a:focus:before,
.sg-tabs > li > a:hover:before {border-bottom: 5px solid #4f4f4f; }
.sg-tabs > li.active > a {cursor: default; color: #555; }
.sg-tabs > li.active > a:before {border-bottom: 5px solid #0964aa; }
.sg-tabs > li.disabled > a {color: #999; }
.sg-tabs > li.disabled > a:before {border-bottom: none; }
.tab-padding {padding-bottom: 15px;}

/* New BS Modal Style */
.sg-modal .modal-content {border-radius: 0; }
.sg-modal .modal-header {background: #0964aa; padding: 10px 15px; }
.sg-modal .modal-header h4 {color: white; font-size: 20px; }
.sg-modal .modal-header button {color: white; font-size: 20px; margin-top: 0; border: none; background: none; opacity: 1; }
.sg-modal .modal-header button:hover {border: none; background: none; opacity: .5; }
.sg-modal .modal-footer {text-align: center; }
.sg-modal .sg-modal-btns {text-align: center; }
.sg-modal .sg-modal-btns .btn-primary {background-image: none; border: 1px solid #0964aa; background-color: #0964aa; box-shadow: 1px 1px 3px #ccc; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; min-width: 70px; font-size: 14px; font-weight: normal; min-width: 70px; padding: 6px 12px; color: white; }
.sg-modal .sg-modal-btns .btn-primary:hover {border: 1px solid #999; color: white; opacity: .9; }
.sg-modal .sg-modal-btns .btn-default {min-width: 70px; border: 1px solid #999; padding: 6px 12px; border-radius: 2px; font-size: 14px; font-weight: normal; box-shadow: 1px 1px 3px #ccc; background: -webkit-linear-gradient(top,#fff 0,#f3f3f3 89%,#f9f9f9 100%); background: -moz-linear-gradient(top,#fff 0,#f3f3f3 89%,#f9f9f9 100%); background: -ms-linear-gradient(top,#fff 0,#f3f3f3 89%,#f9f9f9 100%); background: -o-linear-gradient(top,#fff 0,#f3f3f3 89%,#f9f9f9 100%); background: linear-gradient(top,#fff 0,#f3f3f3 89%,#f9f9f9 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f9f9f9',GradientType=0); color: black; }
.sg-modal .sg-modal-btns .btn-default:hover {opacity: .5; }
#sg-delete-comment-dialog .modal-body {padding: 20px 10px; text-align: center; }
#sg-delete-comment-dialog .sg-modal-btns {padding-top: 20px; }

/*****-----HEADER-----*****/
.navbar{background: #0861a1; border-radius: 0; height: 95px;}
.navbar-header {margin-right: 8px;}
.navbar-default {border: none; box-shadow: none;}
.navbar-default .navbar-nav>li>a {color: white; font-size: 12px; padding: 0 10px; text-transform: uppercase; padding: 20px 15px;}
.navbar-default .navbar-nav>li>a:hover {color: #339901;}
.navbar-toggle .icon-bar {width: 35px; height: 5px; background-color: #fff !important; margin: 6px 0; transition: .7s; border-radius: 0 !important;}
.navbar-default .navbar-toggle {border:none; margin: 25px 8px 0 0 !important; padding: 0 6px !important;}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {background-color: transparent;}
.navbar-brand {height: 95px;}
.navbar-brand img {height: 40px; margin: 10px 0px;}
.btn-lang-ctnr {position: relative; z-index: 50; float: right; width: 50%;}
.headerButton {background: #339901; border-radius: 0 0 5px 5px; color: #FFFFFF; padding: 5px 15px; float: right; margin-right: -15px;}
.headerButton:hover {color: white;}
.btn-lang-ctnr #mapedits-language-chooser {
    float: right;
    position: relative;
    z-index: 1000;
}

#mapedits-language-chooser .select-chevron {
    width: 8px;
    position: absolute;
    top: 8px;
    right: 5px;
    z-index: 10;
}

.lang-switcher {
    color: #fff;
    background: none;
    margin-top: -10px;
    padding: 6px;
    border: none;
    width: 100px;
    height: 40px;
    position: relative;
    z-index: 1000;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
}

/*****-----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,
.rules tr > td.control,
.reports tr > td:first-child,
.reports tr > td.control {text-align: center; vertical-align: middle;}
.rules tbody input[type='checkbox'],
.reports tbody input[type='checkbox'] {display: block; margin: 0 auto;}

.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; margin-top: 50px;}
.list-header,
#rules-in-view h3 {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: 100%px; 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;}
#id_speedlimit{display: inline-block; width: 60px;}
/*****-----Rules-----*****/
.rules #rule-data tbody td:last-child a{
    -ms-word-break: break-all;
   word-break: break-all;

   /* Non standard for webkit */
   word-break: break-word;

   -webkit-hyphens: auto;
   -moz-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
}
.rules #delete_rules{margin-right: 20px !important;}
.rules-multi-selectize {display: inline-block; min-width: 147px; margin-left: 10px;}
.rules-multi-selectize .selectize-input {vertical-align: middle;}
.custom-multi-selectize input::-webkit-input-placeholder {text-transform: capitalize; color: #888; opacity: 1;}
.custom-multi-selectize input::--moz-placeholder {text-transform: capitalize; color: #888; opacity: 1;}
.custom-multi-selectize input:--moz-placeholder {text-transform: capitalize; color: #888; opacity: 1;}
.custom-multi-selectize input {position: relative; top: 5px; text-transform: capitalize;}
.selectize-input > input[placeholder] {width: 100% !important;}
.sg-search {display: inline-block;}
.sg-search input::-webkit-input-placeholder {color: #888; opacity: 1;}
.sg-search input::-moz-placeholder {color: #888; opacity: 1;}
.sg-search input:-moz-placeholder {color: #888; opacity: 1;}

/*****-----Reports-----*****/
.report-detail{font-size: 12px;}
.report-detail #find_crumb{font-size: 11px;}
.report-detail .btn{font-size: 11px; width: 100%}
#column_edit_incident{vertical-align: top;}
#format_conditions_link{position: absolute; right: 15px; }
#main-dashboard .list{padding: 0 0 0 10px;}
#main-dashboard .list li{padding: 0; background-color: inherit;}
#main-dashboard .list li a{color: #0964a5; font-size: 15px;}
.reports{border: none; }
.quick-select{background: none;}
#street_results{overflow-x: scroll; }
.reports .quick-select{float: right;}
#main-content.reports .quick-select a{text-decoration: none;}
.reports #batch-select{float: left; margin-bottom: 10px;}
.reports .selectize-control{display: inline-block;}
.reports #user-select,
.reports .dataTables_wrapper .dataTables_filter{float: right;}
#rules-in-view-list input {
    margin: 4px 4px 0 0;
}

#editorOverviewCollapse ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    -webkit-column-count: 2;
     -moz-column-count: 2;
    column-count: 2;
}

#editorOverviewCollapse ul li button{
    font-weight: 600;
    padding: 0;
}


/*****-----DATA TABLES OVERRIDE-----*****/
.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;}
table.dataTable tr.child td.child ul li{white-space: normal;}
.dataTables_wrapper tr.child>td.child{text-align: left;}
.dataTables_wrapper tr.child>td.child>ul{width: 100%; padding-left: 10px;}
.dataTables_wrapper .dataTables_paginate .paginate_button{padding: 0 !important; margin-left: 0 !important;}
 table.dataTable tbody tr.odd {background-color: #f9f9f9;}
 table.dataTable tbody td {border-top: 1px solid #ddd;}

 /* DT Search Clear Button */
.dt-search-wrapper {position: relative;}
.dt-search-wrapper .clear-btn {font-size: 18px; color: #b5b5b5; position: absolute; right: 5px; top: 7px; z-index: 5;}
.dt-search-wrapper .clear-btn:hover {cursor: pointer;}
.dt-search-wrapper input[type="text"] {padding-right: 25px;}


#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;}

div.olControlZoom {
    height:0;
    width:0;
    visibility: hidden;
}

#map,
#map2 {width: 100%; height: 700px; margin-top:10px;}
#important_info h5,
#customize_report h5,
#incident_detail h5 {font-weight: bold;}
#mapPanel, #searchPanel {border: none;}
#mapPanel .ui-widget-header, #searchPanel .ui-widget-header{background: black; border-radius: 10px 10px 0 0; padding: 6px 10px 0 10px;}
#mapPanel .ui-widget-header li, #searchPanel .ui-widget-header li {background: #434343; border: none; margin-right: 10px;}
#mapPanel .ui-widget-header li a, #searchPanel .ui-widget-header li a {color: white; font-weight: normal;}
#mapPanel .ui-widget-header li.ui-state-active, #searchPanel .ui-widget-header li.ui-state-active {background: white;}
#mapPanel .ui-widget-header li.ui-state-active a, #searchPanel .ui-widget-header li.ui-state-active a {color: black; font-weight: bold;}
/*#mapPanel .ui-widget-header li a:hover {color: #339901;}*/
#mapPanel, #searchPanel {background: transparent;}
.signature_line {display: inline-block; width: 100%; border-bottom: 1px solid #000; height: 20px;}
div div#signature_block{padding: 10px;}
.mapPanel.ui-tabs-panel{padding-bottom: 0;}

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

#addressResults{margin-top: 10px;}

/*****-----FOOTER-----*****/

#footer, .push{
  height: 210px;
}

#footer-wrapper{
    margin:auto;
    max-width:980px;
}
#footer{
    padding: 50px 0 30px;
    box-sizing: content-box;
    background-color: rgba(4,30,67,0.72) !important;
    position: absolute;
    width: 100%;
    right: 0px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility !important;
}

#footer a {
  font-size: 22px;
  color: #fff;
  font-weight: 800;
  font-family: 'Poppins-SemiBold', sans-serif;
  letter-spacing: .01em;
}

#footer .footer-contact-info{
    color: #FFF;
    font-size: 21px;
    padding-top: 10px;
    margin-left: 25px;
}


#f-foot{
    background-position: -25px -25px;
}

#f-foot:hover{
    background-position: -25px -100px;
}

#t-foot{
    background-position: -100px -25px;
}

#t-foot:hover{
    background-position: -100px -100px;
}

#i-foot{
    background-position: -175px -25px;
}

#i-foot:hover{
    background-position: -175px -100px;
}

#m-foot{
    background-position: -250px -25px;
}

#m-foot:hover{
    background-position: -250px -100px;
}

#footer .socialmedia-buttons .social-text{
    font-size:24px;
    color:#fff;
    line-height:40px;
    vertical-align:top;
    text-align: center;
}

.copyw{
    clear:both;
    font-size:10px;
    padding-bottom:20px;
    padding-top:30px;
    text-align:center;
    color:#fff;
    color: #a4a8cb;
    margin-bottom:0;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    text-align: center;
    color: #a4a8cb;
    padding-top: 100px;
}



/*****-----MEDIA QUERIES-----*****/
@media (max-width: 1199px){
    .custom-map-size #map {width: 100%; height: 617px;}
    #column_edit_incident .btn-green {margin-top: inherit;}
    /*Rules*/
    .rules .dataTables_wrapper .dataTables_filter{float: none;}

}
@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;}
    .navbar-default .navbar-nav>li>a {padding: 10px 15px;}
    .navbar {margin-bottom: 0;}
    .special-padding-container {padding-top: 0;}
    .title {margin-top: 42px;}
    .reg-links {margin-top: 10px; margin-left: 0;}
    .report-detail .form-inline .form-group {vertical-align: top;}
    .custom-map-size #map {width: 100%; height: 470px;}
    #column_edit_incident .btn-green {margin-top: 20px;}
    #map,
    #map2 {height: 675px;}
    #footer{
      height: auto;
    }
    .sticky-footer-wrapper{
      min-height: auto;
      margin-bottom: auto;
    }

    /* Reports */
    .reports .quick-select{float: none; text-align: left; margin-bottom: 10px;}
    .reports .selectize-control{margin-left: 0;}
    .reports .dataTables_wrapper .dataTables_filter input{width: 266px;}

    /*Rules*/
    .rules .dataTables_wrapper .dataTables_filter{float: right;}
    .btn-lang-ctnr {width: 33%;}
    .rules-multi-selectize {display: inline-block; margin-left: 0; margin-top: 10px; width: 49%;}
    .sg-search {float: none; width: 49%; margin-left: 11px;}
    .sg-search input.form-control {width: 100%;}
}

@media (min-width: 768px) {
    [class^='sg-tabs-'] > li, [class*=' sg-tabs-'] > li,
    [class^='sg-tabs-'] > li > a, [class*=' sg-tabs-'] > li > a {position: static; }

    .sg-tabs-3 > li,
    .sg-tabs-3 > li > a:before {width: 33.333%; }
    .sg-tabs-4 > li,
    .sg-tabs-4 > li > a:before {width: 25%; }
    .sg-tabs-5 > li,
    .sg-tabs-5 > li > a:before {width: 20%; }
    .sg-tabs-6 > li,
    .sg-tabs-6 > li > a:before {width: 16.666%; }
}

@media (max-width: 767px){
    nav.navbar-default {margin-bottom: 56px;}
    .navbar-collapse {background: #111; position: relative;}
    .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; margin: 0 auto; border-top: none;}
    .title {margin-top: 50px;}
    .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: 100%; 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;}
    .reports{top: 0;}

    /* Reports */
    .reports #batch-assign,
    .rules #change_status_rules {margin-bottom: 15px;}
    #editorOverviewCollapse ul{
      -webkit-column-count: 1;
      moz-column-count: 1;
      column-count: 1;
    }

    .headerButton {background: transparent; float: none;}
    nav .navbar-nav {background: black; position: absolute; z-index: 1000; top: 28px; float: none !important; width: 100%; display: block;}
    nav .navbar-collapse.in {overflow-y: none !important;}
    .lang-switcher, .lang-select, .select-chevron {display: none;}

    .rules-multi-selectize {margin-top: 0px; width: 100%;}
    .sg-search {float: none; width: 100%; margin-left: 0px; margin-top: 10px;}
    .sg-search input.form-control {width: 100%;}
    .btn-lang-ctnr {float:none;}
}

@media (max-width: 640px){
    /* Reports */
    .reports #batch-select{float: none;}
    .reports .selectize-control{float: none !important; width: 100% !important;}

    /*Rules*/
    .rules .dataTables_wrapper .dataTables_filter{float: none;}
    .rules .dataTables_wrapper .dataTables_filter input{width: 100%;}
}


@media (max-width: 500px) {
    .navbar-brand img {
      height: 30px;
      margin: 18px 0px;
    }
    .sg-tabs > li {float: none; }
    .sg-tabs > li > a {border-bottom: 1px solid rgba(79,79,79,.2); }
    .sg-tabs > li > a:hover{color: #FFF; background: rgba(79,79,79,.9); }
    .sg-tabs > li.active > a {cursor: default; color: #FFF; background: rgba(8,100,164,.9); }
    .sg-tabs > li.active > a:hover {background: rgba(8,100,164,.9); }
    .sg-tabs > li.active > a:before,
    .sg-tabs > li > a:focus:before,
    .sg-tabs > li > a:hover:before {display: none; }
}

@media (max-width: 455px){
    /* Reports */
    .reports .dataTables_wrapper .dataTables_filter input{width: auto; margin-bottom: 0;}
    .reports .quick-select a{margin-bottom: 0; margin-top: 10px;}
}