body,
td,
p {
  font-family: Arial, Helvetica, sans-serif;

  font-size: 12px;

  color: #ffffff;
}

body {
  padding: 0px;

  margin: 0px;

  background-image: url(../images/back.jpg);

  background-repeat: repeat-y;
}

A {
  color: #5d5e62;

  text-decoration: none;
}

A:hover {
  color: #5d5e62;

  text-decoration: underline;
}

/*====================link==================*/

/*A {	

color: #f47b20;	

text-decoration: none;

}

	

A:HOVER {

color: #f56900; 

text-decoration:none;

}



.link1 A {

color: #407D98;	

text-decoration: none;

}

	

.link1 A:HOVER {

color: #000000; 

text-decoration: none;

}

.link2 A {

color: #000000;	

text-decoration: none;

}

	

.link2 A:HOVER {

color: #333333; 

text-decoration: none;

}*/

/*====================link==================*/

/*====================warper==================*/

#warper {
  width: 100%;

  margin: 0 auto 0 auto;
}

.header {
  width: 1000px;

  /*height:42px;*/

  margin: 10px auto 0 auto;
}

.logo {
  background: url(../images/logo.png) no-repeat left top;

  width: 362px;

  height: 65px;

  float: left;

  display: block;

  margin: 5px 0 0 25px;
}

.header_rightside {
  height: 80px;

  width: 350px;

  margin-right: 10px;

  float: right;
}

.header_welcome_text {
  font: bold 25px/30px Arial, Helvetica, sans-serif;

  color: #ffffff;

  height: 30px;

  width: 345px;

  margin: 20px 0 0 0;

  float: right;
}

.page_heading {
  font: bold 16px/30px Arial, Helvetica, sans-serif;

  color: #ffea01;

  height: 30px;

  text-align: center;
}

.top_nev {
  width: 250px;

  height: 60px;

  float: left;

  margin: 15px 0 0 0px;
}

#nevigation_bg {
  width: 100%;

  float: left;

  height: 30px;

  background-color: #000000;

  border-top: solid 2px #656565;

  border-bottom: solid 2px #656565;
}

.nev_middle_bg {
  width: 1000px;

  margin: 0 auto 0 auto;

  height: 30px;
}

#middle_page {
  width: 1000px;

  margin: 0 auto 0 auto;
}

#middle_con {
  width: 1000px;

  background: #4b4b4b url(../images/page_bg.png) repeat-x left top;

  float: left;

  /*position:relative;*/
}

#middle_con1 {
  width: 1000px;

  float: left;

  position: relative;
}

#middle_readmore_text {
  width: 980px;

  margin: 0 0 0 22px;

  float: left;

  position: relative;

  border-bottom: dashed 1px #b6b8ba;
}

#middle_readmore_text .con_box {
  width: 326px;

  margin: 0 0 0 0;

  float: left;
}

#middle_readmore_text .con_box .heading {
  color: #80a1b6;

  font: bold 18px/30px Arial, Helvetica, sans-serif;

  width: 326px;

  float: left;
}

#middle_readmore_text .con_box .text2 {
  color: #7d7e81;

  font: normal 14px/15px Arial, Helvetica, sans-serif;

  width: 326px;

  float: left;
}

#middle_readmore_text .con_box a {
  color: #80a1b6;

  font: normal 14px/15px Arial, Helvetica, sans-serif;

  width: 100px;

  height: 30px;

  text-align: right;

  float: right;

  margin: 0 0 0 0;

  text-decoration: none;
}

#middle_readmore_text .con_box a:hover {
  color: #80a1b6;

  font: normal 14px/15px Arial, Helvetica, sans-serif;

  width: 100px;

  margin: 0 0 0 0;

  float: right;

  text-decoration: none;
}

.middle_left1 {
  width: 738px;

  float: left;

  margin: 0 0 0 5px;
}

.top_conbox1 {
  width: 725px;

  float: left;

  margin: 0 0 0 10px;
}

.middle_right1 {
  width: 277px;

  float: left;

  margin: 0 0 0 0;
}

.top_conbox1 .heading {
  font: bold 24px/35px Arial, Helvetica, sans-serif;

  color: #bcccd9;

  float: left;

  margin: 0 0 0 10px;
}

.middle_con_left {
  width: 273px;

  height: 305px;

  float: left;

  background-color: #ffffff;

  border: solid 1px #dce3ea;

  margin: 0 0 0 0px;
}

.middle_left {
  width: 738px;

  /*	height:476px;*/

  float: left;

  margin: 0 0 0 5px;
}

.top_conbox {
  width: 725px;

  height: 265px;

  float: left;

  margin: 0 0 0 10px;
}

.top_conbox .heading {
  font: bold 24px/35px Arial, Helvetica, sans-serif;

  color: #bcccd9;

  float: left;

  margin: 0 0 0 10px;
}

.top_conbox .right_box {
  width: 317px;

  float: left;

  margin: 0 0 0 10px;
}

.top_conbox .right_box .text1 {
  width: 317px;

  font: bold 25px/27px Arial, Helvetica, sans-serif;

  color: #6f7173;

  float: left;

  margin: 0 0 0 10px;
}

.top_conbox .right_box .text2 {
  width: 317px;

  font: normal 14px/18px Arial, Helvetica, sans-serif;

  color: #6f7173;

  float: left;

  margin: 0 0 0 10px;
}

.cu_le_lp_box {
  width: 731px;

  height: 139px;

  float: left;

  margin: 0 0 0 1px;
}

.cu_le_lp_box .top_bg {
  height: 30px;

  float: left;

  margin: 0 0 0 0px;
}

.cu_le_lp_box .top_bg .left_cor {
  background: url(../images/right_corner.png) no-repeat left top;

  height: 30px;

  width: 6px;

  float: left;

  margin: 0 0 0 0px;
}

.cu_le_lp_box .top_bg .right_bg {
  background-color: #e9be5e;

  height: 22px;

  width: 725px;

  float: left;

  margin: 0 0 0 0px;
}

.cu_le_lp_box .top_bg .right_bg .heading1 {
  font: bold 18px/22px Arial, Helvetica, sans-serif;

  color: #ffffff;

  height: 22px;

  width: 230px;

  float: left;

  margin: 0 0 0 10px;
}

.current_pro_box {
  height: 120px;

  width: 238px;

  float: left;

  margin: 0 0 0 12px;
}

.current_pro_box img {
  height: 54px;

  width: 81px;

  float: left;

  margin: 0 0 0 5px;
}

.current_pro_box .right_box {
  height: 54px;

  width: 140px;

  float: left;

  margin: 0 0 0 10px;
}

.current_pro_box .right_box .heading {
  font: normal 14px/20px Arial, Helvetica, sans-serif;

  color: #80a1b6;

  width: 140px;

  float: left;
}

.current_pro_box .right_box .text2 {
  font: normal 12px/14px Arial, Helvetica, sans-serif;

  color: #7d7e81;

  width: 140px;

  float: left;
}

.current_pro_box .bot_box {
  font: normal 12px/14px Arial, Helvetica, sans-serif;

  color: #474747;

  height: 54px;

  width: 230px;

  float: left;

  margin: 5px 0 0 5px;
}

.middle_right {
  width: 277px;

  /*height:476px;*/

  float: left;

  margin: 0 0 0 0;
}

.middle_right1 .toplink {
  width: 106px;

  height: 25px;

  background: url(../images/down_arrow.png) no-repeat right 10px;

  font: normal 12px/25px Arial, Helvetica, sans-serif;

  color: #80a1b6;

  float: right;

  text-align: right;

  padding: 0 18px 0 0;

  margin: 0 20px 0 0;

  text-decoration: none;
}

.middle_right1 .toplink:hover {
  text-decoration: none;
}

.middle_right .newsbox {
  width: 277px;

  /*height:476px;*/

  float: left;

  margin: 0 0 0 0;
}

.middle_right .newsbox .top_bg {
  height: 30px;

  float: left;

  margin: 10px 0 0 0;
}

.middle_right .newsbox .top_bg .left_cor {
  background: url(../images/lpmgleft_arrow.png) no-repeat right top;

  height: 30px;

  width: 7px;

  float: left;

  margin: 0 0 0 0;
}

.middle_right .newsbox .top_bg .middle_bg {
  background-color: #92acbe;

  height: 22px;

  width: 252px;

  padding-left: 10px;

  font: bold 18px/22px Arial, Helvetica, sans-serif;

  color: #ffffff;

  float: left;
}

.middle_right .newsbox .top_bg .right_cor {
  background: url(../images/lpmgright_arrow.png) no-repeat right top;

  height: 30px;

  width: 6px;

  float: left;

  margin: 0 0 0 0;
}

.middle_right .newsbox .middle_box {
  border-left: solid 1px #92acbe;

  width: 252px;

  margin-left: 6px;

  padding-left: 5px;

  float: left;
}

.middle_right .newsbox .middle_box .box1 {
  margin: 5px 0 0 0;

  width: 250px;

  float: left;
}

.middle_right .newsbox .middle_box .box1 .text1 {
  width: 250px;

  font: normal 13px/22px Arial, Helvetica, sans-serif;

  color: #80a1b6;

  height: 22px;

  float: left;
}

.middle_right .newsbox .middle_box .box1 .text2 {
  width: 250px;

  font: normal 12px/14px Arial, Helvetica, sans-serif;

  color: #7d7e81;

  float: left;
}

.middle_right .newsbox .middle_box .box1 .text3 {
  width: 245px;

  height: 14px;

  text-align: right;

  font: normal 8px/14px Arial, Helvetica, sans-serif;

  color: #b8babc;

  float: left;

  padding-right: 5px;

  background: url(../images/doted_line.png) repeat-x right bottom;
}

.middle_right .newsbox .middle_box .seenews {
  width: 245px;

  height: 40px;

  text-align: right;

  float: left;

  padding-right: 5px;
}

.middle_right .newsbox .middle_box .seenews a {
  width: 245px;

  height: 20px;

  text-align: right;

  font: normal 12px/20px Arial, Helvetica, sans-serif;

  color: #80a1b6;

  float: left;

  margin-top: 10px;

  text-decoration: none;
}

.middle_right .newsbox .middle_box .seenews a:hover {
  text-decoration: none;
}

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

.js_table {
  width: 310px;

  margin: 0 0 0 0;

  height: 200px;

  float: left;
}

.js_heading {
  width: 310px;

  float: left;

  font-family: Arial, Helvetica, sans-serif;

  font-size: 25px;

  color: #6f7173;
}

.js_link {
  width: 80px;

  height: 30px;

  margin-top: 10px;

  float: right;

  font-family: Arial, Helvetica, sans-serif;

  font-size: 15px;

  color: #80a1b6;

  display: block;

  text-decoration: none;
}

.js_link a {
  width: 80px;

  float: right;

  font-family: Arial, Helvetica, sans-serif;

  font-size: 15px;

  color: #80a1b6;

  text-decoration: none;
}

.js_link a:hover {
  width: 80px;

  float: right;

  font-family: Arial, Helvetica, sans-serif;

  font-size: 15px;

  color: #80a1b6;

  text-decoration: none;
}

.js_contain {
  width: 310px;

  float: left;

  font-family: Arial, Helvetica, sans-serif;

  font-size: 14px;

  color: #474747;
}

/*-----------------------------footer-----------------------------*/

#footer {
  width: 100%;

  float: left;

  height: 54px;

  background-color: #000000;
}

#footer_main {
  width: 1000px;

  height: 54px;

  margin: 0 auto 0 auto;
}

.footer_text {
  width: 400px;

  margin: 0 auto 0 auto;

  color: #ffffff;

  text-decoration: none;

  display: block;

  font: normal 12px/54px Trebuchet MS;

  height: 54px;

  text-align: center;
}

.log_top_bg {
  background: url(../images/log_top_bg.png) repeat-x left top;

  height: 32px;

  font-family: Arial, Helvetica, sans-serif;

  font-size: 14px;

  font-weight: bold;

  color: #ffffff;

  padding: 4px 0 0 0;
}

.login_text {
  font-family: Arial, Helvetica, sans-serif;

  font-size: 12px;

  font-weight: bold;

  color: #ffffff;
}

.log_top_left_cor {
  background: url(../images/log_le_top_cor.png) no-repeat left top;

  width: 10px;

  height: 36px;
}

/*.footer_text {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #444444;

}*/

.log_top_right_cor {
  background: url(../images/log_right_top_cor.png) no-repeat left top;

  width: 10px;

  height: 36px;
}

.log_bot_bg {
  background: url(../images/log_bot_bg.png) repeat-x left top;

  height: 10px;
}

.log_bot_left_cor {
  background: url(../images/log_bot_le_cor.png) no-repeat left top;

  width: 10px;

  height: 10px;
}

.log_bot_right_cor {
  background: url(../images/log_bot_ri_cor.png) no-repeat left top;

  width: 10px;

  height: 10px;
}

.log_left_bg {
  background: url(../images/log_le_bg.png) repeat-y left top;

  width: 10px;
}

.log_right_bg {
  background: url(../images/log_ri_bg.png) repeat-y left top;

  width: 10px;
}

.textin {
  border: solid 1px #000000;
}

.button {
  background: url(../images/button.jpg) repeat-x left -2px;

  height: 25px;

  font-family: Arial, Helvetica, sans-serif;

  font-size: 12px;

  font-weight: bold;

  color: #ffffff;

  border: solid 1px #000000;

  padding: 0px 5px 0 5px;

  cursor: pointer;
}

.err_div {
  color: #ff0000;

  text-decoration: none;

  font-family: Arial, Helvetica, sans-serif;

  font-size: 12px;
}

.link1 A {
  color: #ffffff;

  text-decoration: none;

  font-size: 16px;

  font-family: Arial, Helvetica, sans-serif;

  font-weight: bold;
}

.link1 A:hover {
  color: #ffffff;

  text-decoration: underline;
}

.comman_heading {
  color: #ffffff;

  text-decoration: none;

  font-size: 16px;

  font-family: Arial, Helvetica, sans-serif;

  font-weight: bold;
}

.module A {
  color: #ffffff;

  text-decoration: none;

  font-family: Arial, Helvetica, sans-serif;

  font-size: 12px;

  font-weight: bold;
}

.module A:hover {
  color: #ffffff;

  text-decoration: underline;

  font-family: Arial, Helvetica, sans-serif;

  font-size: 12px;

  font-weight: bold;
}

.home_icon_div {
  float: left;

  width: 210px;

  height: 90px;

  text-align: center;

  vertical-align: bottom;

  margin: 10px 0px 10px 60px;
}

.module1 {
  color: #5d5e62;

  text-decoration: none;

  font-family: Arial, Helvetica, sans-serif;

  font-size: 12px;

  font-weight: bold;
}

.tbl_head_text {
  font-family: Arial, Helvetica, sans-serif;

  font-size: 12px;

  font-weight: bold;

  color: #ffffff;

  /*background-color:#92ACBE;

*/
  background-color: #000000;

  height: 30px;

  border-bottom: 1px solid #656565;

  border-top: 1px solid #656565;
}

.grid_row2 {
  background-color: #4c4b4b;

  height: 25px;

  border-bottom: 1px solid #c5be86;
}

.grid_row1 {
  background-color: #333333;

  height: 25px;

  border-bottom: 1px solid #c5be86;

  color: #000000;
}

.grid_footer {
  background-color: #656565;

  /*border-bottom:1px solid #cdcdcd;*/

  /* border-top:1px solid #cdcdcd;*/

  font-family: Arial, Helvetica, sans-serif;

  font-size: 12px;

  font-weight: bold;

  color: #ffffff;

  height: 25px;
}

.grid_footer a {
  /*background-color:#92ACBE;*/

  font-family: Arial, Helvetica, sans-serif;

  font-size: 12px;

  font-weight: bold;

  color: #ffffff;

  text-decoration: underline;
}

.name_link {
  font-family: Arial, Helvetica, sans-serif;

  font-size: 12px;

  color: #fff;

  text-decoration: none;
}

.grid_footer a:hover {
  background-color: #92acbe;

  font-family: Arial, Helvetica, sans-serif;

  font-size: 12px;

  font-weight: bold;

  color: #ffffff;

  text-decoration: none;
}

.white12 {
  color: #ffffff;

  text-decoration: none;

  font-family: Arial, Helvetica, sans-serif;

  font-size: 12px;

  font-weight: bold;
}

.image_box {
  /*	width:210px;

	height:90px;

*/ /*float:left;*/

  text-align: center;

  border: 1px solid #cccccc;

  padding: 10px;

  /*margin:5px;*/
}

.sort_arrow_up {
  background: url(../images/arrow-up.gif) no-repeat;
  background-color: none;
  border: none;
  font-size: 0px;
  width: 10px;
  height: 5px;
  cursor: pointer;
}

.sort_arrow_down {
  background: url(../images/arrow-down.gif) no-repeat;
  background-color: none;
  border: none;
  font-size: 0px;
  width: 10px;
  height: 5px;
  cursor: pointer;
}

.thoseintown_btn {
  background: url(../images/townstatusbig.png) no-repeat;

  /*background:url(front_images/arrow-up.gif) no-repeat;*/

  border: none;

  font-size: 0px;

  width: 55px;

  height: 53px;

  cursor: pointer;
}

.thoseintown_btn1 {
  border: none;

  font-size: 12px;

  cursor: pointer;

  color: #ffffff;

  background: none;

  font-family: Arial, Helvetica, sans-serif;

  text-decoration: underline;
}

.green_btn {
  background-color: #00cc00;
  height: 25px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  border: solid 1px #000000;
  padding: 0px 5px 0 5px;
  cursor: pointer;
}

.gray_btn {
  background-color: #cccccc;
  height: 25px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  border: solid 1px #000000;
  padding: 0px 5px 0 5px;
  cursor: pointer;
}

.yellow_btn {
  background-color: #ffea01;
  height: 25px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  border: solid 1px #000000;
  padding: 0px 5px 0 5px;
  cursor: pointer;
}

.orange_btn {
  background-color: #f19231;
  height: 25px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  border: solid 1px #000000;
  padding: 0px 5px 0 5px;
  cursor: pointer;
}

.header-leftside {
  height: 80px;
  width: 350px;
  margin-left: 10px;
  float: left;
}

.header_logo_text {
  font: bold 25px/30px Arial, Helvetica, sans-serif;
  color: #ffffff;
  height: 30px;
  width: 345px;
  margin: 20px 0 0 0;
  float: left;
}

.header_logo_text:hover {
  color: #fff;
  text-decoration: none;
}

.tagline {
  font-size: 12px;
  color: #fff;
  margin-top: 96px;
  background: none;
  right: 15px;
}

/*=======Admin Editor Width======*/
#middle_page #frmvehicle #NoteContent___Frame {
  width: 100% !important;
}

#middle_page #frmvehicle #txtdescription___Frame {
  width: 100% !important;
}

#middle_page #frmvehicle input[type="text"] {
  width: calc(100% - 6px) !important;
}

/* statistics css for dashboard */
.row.block-container {
  margin-bottom: 50px;
  padding: 0px 50px;
}
.block-container .card.widget-flat {
  margin-bottom: 1.5rem;
}
.card.profile-tabs {
  background: #373131;
  padding: 20px;
  border: 1px solid #4b4848;
}
.card.profile-tabs .card-body {
  color: #fff;
}
.profile-tabs a.nav-item.nav-link {
  font-size: 15px;
  color: #fff;
  padding: 10px;
}
.profile-tabs .nav-tabs {
  border-bottom: 1px solid #ddd;
  padding: 10px 0px;
}
.profile-tabs a.nav-item.nav-link:hover {
  color: #fff;
  background-color: #484444;
}
.profile-tabs a.nav-item.nav-link.active {
  color: #fff;
  background-color: #747070;
  padding: 10px;
  margin-right: 5px;
}
.personal-info-form .card-header {
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #000;
  background-color: #d0dfdf;
  font-weight: 600;
}
.personal-info-form form.profile-form {
  width: 80%;
  margin: 20px auto 50px;
}
.personal-info-form form.profile-form .form-control {
  margin: 20px 0px;
  display: flex;
  height: auto !important;
}
form.profile-form label {
  font-size: 16px;
  font-weight: 500;
}
.profile-form div.col-sm-6 {
  display: inline-block;
}
form.profile-form input,
form.profile-form select {
  padding: 8px;
  border: 1px solid #9d9d9d;
  border-radius: 5px;
  background-color: #f5f7f7;
  font-size: 14px;
  width: 100%;
}
input.col-sm-6:focus-visible {
  outline: 1px solid #d9d9d9;
}
form.profile-form button {
  text-align: center;
  padding: 6px 12px;
  font-size: 16px;
  margin: 20px 0px;
  background-color: #d0dfdf;
  color: #000;
  font-weight: 500;
}
form.profile-form .btn-control {
  text-align: center;
  display: block !important;
}
form.profile-form button:hover {
  background-color: teal;
  color: #fff;
}
.fade {
  opacity: 1;
}
.fade:not(.show) {
  opacity: 0;
}
div.tab-content {
  padding: 20px 0px;
}
form#personalinfo {
  text-align: center;
  color: #000;
}
.profile-tabs input {
  color: #000;
  margin: 5px 0px;
}
.profile-tabs .button {
  color: #fff;
}
a.nav-link {
  outline: none;
}