@font-face 
{
	font-family: 'Avenir LT Std 85 Heavy Oblique';
	font-style: normal;
	font-weight: normal;
	src: local('Avenir LT Std 85 Heavy Oblique'), url('../fonts/AvenirLTStd-HeavyOblique.woff') format('woff');
}
@font-face 
{
	font-family: 'Avenir LT Std 45 Book';
	font-style: normal;
	font-weight: normal;
	src: local('Avenir LT Std 45 Book'), url('../fonts/AvenirLTStd-Book.otf') format('otf');
}
@font-face 
{
	font-family: 'Avenir LT Std 85 Heavy';
	font-style: normal;
	font-weight: normal;
	src: local('Avenir LT Std 85 Heavy'), url('../fonts/AvenirLTStd-Heavy.woff') format('woff');
}
@font-face
{
	font-family: 'Avenir LT Std 55 Roman';
	font-style: normal;
	font-weight: normal;
	src: local('Avenir LT Std 55 Roman'), url('../fonts/AvenirLTStd-Roman.woff') format('woff');
}
@font-face 
{
	font-family: 'Avenir LT Std 35 Light Oblique';
	font-style: normal;
	font-weight: normal;
	src: local('Avenir LT Std 35 Light Oblique'), url('../fonts/AvenirLTStd-LightOblique.woff') format('woff');
}
@font-face
{
	font-family: 'Avenir LT Std 65 Medium Oblique';
	font-style: normal;
	font-weight: normal;
	src: local('Avenir LT Std 65 Medium Oblique'), url('../fonts/AvenirLTStd-MediumOblique.woff') format('woff');
}
@font-face
 {
	font-family: 'Avenir LT Std 35 Light';
	font-style: normal;
	font-weight: normal;
	src: local('Avenir LT Std 35 Light'), url('../fonts/AvenirLTStd-Light.woff') format('woff');
}
@font-face 
{
	font-family: 'Avenir LT Std 55 Oblique';
	font-style: normal;
	font-weight: normal;
	src: local('Avenir LT Std 55 Oblique'), url('../fonts/AvenirLTStd-Oblique.woff') format('woff');
}
@font-face 
{
	font-family: 'Avenir LT Std 65 Medium';
	font-style: normal;
	font-weight: normal;
	src: local('Avenir LT Std 65 Medium'), url('../fonts/AvenirLTStd-Medium.woff') format('woff');
}

body
{
	margin:0;
	padding:0;
	background-color: #e1e1e1;
	-ms-overflow-style: scrollbar;
}
.btn_link:hover,.btn_link:active
{
	color:white;
}
.reset_password
{
	margin-top:0px;
	color:#fff;
	text-align:center;
	font-family: "Avenir LT Std 35 Light";
    font-style: normal;
    font-weight: normal;
}
[data-tooltip] 
{
	position: relative;
	z-index: 2;
	cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after 
{
	visibility: hidden;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before
 {
	position: absolute;
	bottom: 70%;
	left: 50%;
	margin-bottom: 5px;
	margin-left: -24px;
	padding: 4px;
	width: 60px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #000;
	background-color: hsla(0, 0%, 20%, 0.9);
	color: #fff;
	content: attr(data-tooltip);
	text-align: center;
	font-size: 14px;
	line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after 
{
	position: absolute;
	/*   bottom: 150%; */
	left: 50%;
	margin-left: -5px;
	width: 0;
	border-top: 5px solid #000;
	border-top: 5px solid hsla(0, 0%, 20%, 0.9);
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	content: " ";
	font-size: 0;
	line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after 
{
	visibility: visible;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}
.Inner_section
{
	background-color:#fff;
	border:2px solid #aba7a7;
}
.margin_25
{
	margin-top:15px;
	margin-bottom:15px;	
}
.hidden_box
{
	margin-top: -5px;
}
.login_body
{
	background-attachment: fixed;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: linear-gradient(135deg, #b91865 0%, #740f43 23%, #4e114d 47%, #281257 79%, #1d0d61 100%);
    background-origin: padding-box;
    background-repeat: no-repeat;
    background-size: auto auto;
    height: 100%;
    min-height: 100%;
    width: 100%;
}
.paid_notices
{
	margin-top: 10px !important;
}
.radio_padding
{
	padding: 10px 44px !important;
	margin-left:40px;
	border-bottom:1px dashed #e2dede;
}
button
{
	outline: none;
}
textarea:focus, input:focus
{
    outline: none;
}
select:focus 
{
    border-color:none !important;
	outline:none !important;
}
.reports
{
	padding:14px;
	font-family: 'Avenir LT Std 35 Light';
	font-style: normal;
	font-weight: normal;
}
.mrg_l
{
	margin-left:25px !important;
}
.export_body
{
	padding-left:0px;
	padding-right:0px;
}
.modal_width
{
	width:350px;
}
.from_class
{
	margin-left:-10px;
	margin-bottom:0px;
	color:#000000 !important;
	font-size:14px;
	font-family:Lao UI;
	font-weight:Normal !important;
}
.date_class
{
	margin-left: -13px;
    /* margin-top: 15px; */
}
.border_width0
{
	border-width:0px;
	padding-left:5px;
	width: 70px;
}
.total_amount_due
{
	font-family: 'Avenir LT Std 85 Heavy';
	font-style: normal;
	font-weight: normal;
	font-size:14px;
	padding-top:10px;
}
.border_width
{
	border-width:0px;
	padding-left:5px;
}

.height_500
{
	height:350px;
	border:1px solid rgb(183, 183, 193);
}

.pad_l
{
	padding-left:0px !important;
	padding-right: 13px;
}

.pad_r
{
	padding-right:0px !important;
	padding-left: 22px !important;
}
.mar_l
{
	margin-left:10px !important;
}

.appealcontent
{
	display:none;
}

/* .thumb_img
{
	width:100px;
	height:100px;
} */

.thumb_space > input
{
	display:none;
}

/* .p1
{
	color:red !important;
}
 
.p0
{
	color:red !important;
} */
.phoneno
{
	display:block ;
}
.phone_no
{
	padding-left:0px;
	padding-right:0px;
}
.phone_nolast
{
	padding-right:0px;
}
.table pre
{
	background:none;
	border:none;
	color:#695252;
	padding:0px;
	font-size:13px;
	font-family:Lao UI;
}

.errormsg
{
	color:red;
	margin-left:10px;
	font-weight:bold;
	
}
.show_error
{
	font-size:16px;
}

.marg_top20
{
	margin-top:20px;
}
.cust_nav .navbar-header
{
	padding-bottom:8px;
}
.cust_nav .navbar-header a
{
	color:#fff;
	font-size:36px;
	padding-top:0px !important;
	font-family: 'Avenir LT Std 55 Roman';
	margin-top:4px; 
}
.toggle_class
{
	padding-top:17px;
    padding-bottom:5px;
	margin-top:12px;
}
 .side-nav li a:hover,.side-nav li a:focus
{
	outline: none;
	background-color:#4423a1 !important;
	color:#fff !important;
	border-left:3px solid #e3016e ;
	padding-bottom: 15px;
	padding-top: 15px;
}
.side-nav>li>ul>li>a:hover, .side-nav>li>ul>li>a:focus
{
	outline: none;
	background-color:#4423a1 !important;
	color:#fff !important;
	border-left:3px solid #e3016e ;
	padding: 10px 15px 10px 38px;
}


.side-nav>li>ul 
{
    padding: 0;
}

.side-nav>li>ul>li>a
{
    display: block;
    padding: 10px 15px 10px 38px;
    text-decoration: none;
    color:#fff !important;
	font-family: 'Avenir LT Std 55 Roman';
    font-size: 14px;
	border-left:3px solid rgb(46, 22, 113);
    text-transform: uppercase;
	border-right:none !important;
}
.side-nav>li>ul>li>a:hover,.side-nav>li>ul>li>a:focus
{
    color:#e3016e!important;
   	font-family: 'Avenir LT Std 55 Roman';
    font-size: 14px;
    text-transform: uppercase;
	outline: none;
	background-color:#3a1d8b!important;
	border-right:none !important;
}
.side-nav>li>a
{
	border-left:3px solid rgb(46, 22, 113) ; 
   color: #9d9d9d;
   font-family: 'Avenir LT Std 55 Roman';
   text-transform:uppercase;
   font-size:14px;
   color:#fff;
   cursor:pointer;
   padding-bottom: 15px;
   padding-top: 15px;
}

 .side-nav>li>a >i>img
{
	margin-right:10px;
}

.side-nav 
{
	background-color:#2e1671;
}

.cust_nav
{
	background-color:#4423a1;	
}
.top-nav
{
	padding: 0 15px;
}

.top-nav>li
{
    display: inline-block;
    float:right;
}

.form-group a
{
	text-decoration:none;
}

.top-nav > li > a 
{
  border-left: 1px solid #5818b5;
  color: #fff;
  line-height:49px;
  padding-bottom: 18px;
  padding-top: 20px;
  font-size:18px;
  font-family:Avenir LT Std 55 Roman;
}


.top-nav>li>a:hover,.top-nav>li>a:focus,.top-nav>.open>a,.top-nav>.open>a:hover,.top-nav>.open>a:focus 
{
    color: #fff;
    background-color:rgb(46, 22, 113);;
}

.top-nav>.open>.dropdown-menu 
{
    float: left;
    position: absolute;
    margin-top: 0;
    border: 1px solid rgba(0,0,0,.15);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color:#3c1c96;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.top-nav>.open>.dropdown-menu>li>a 
{
    white-space: normal;
}

ul.message-dropdown 
{
    padding: 0;
    max-height: 250px;
    overflow-x: hidden;
    overflow-y: auto;
}

li.message-preview 
{
    width: 275px;
    border-bottom: 1px solid rgba(0,0,0,.15);
}

li.message-preview>a 
{
    padding-top: 15px;
    padding-bottom: 15px;
}

li.message-footer 
{
    margin: 5px 0;
}

ul.alert-dropdown 
{
    width: 200px;
}
.msg,.notify
{
	padding: 15px 16px !important;
	display:none !important;
}
.msg i,.notify i
{
	background: #1a1a42;
    border-radius: 50%;
    height: 22px;
    padding: 7px;
    width: 20px;
}
.user
{
	padding:9px 13px !important;
}

.search
{
  background: rgb(255, 255, 255) none repeat scroll 0 0;
  border-radius: 28px;
  margin-bottom: 0;
  margin-right: 20px;
  margin-top: 22px;
  position: relative;
}
.search input
{
	background:none;
	border-radius:0px;
	color:#000;
	width:87%;
	padding-top:5px;
	padding-bottom:5px;
}

.search button
{
	background:none;
	border:none;
	right: 14px;
    top: -5px;
	position:absolute;
}

.msg .badge 
{
    background: #fc0606 none repeat scroll 0 0;
    padding: 5px 1px;
    position: absolute;
    right: 12px;
    top: 10px;
    width: 3px;
}

.page-content-wrapper
{
    float: left;
    width: 100%;
	margin-top:50px;
} 
.page-content-wrapper .page-content
 {
    margin-left:303px;
    margin-top: 0;
}
.page-content 
{
    background-color: #e1e1e1;
}	

.manage_officers
{
	padding:5px;
	text-shadow:1px 2px 3px rgba(0, 0, 0, 0.4);
	color:#333131;
	font-family: 'Avenir LT Std 55 Roman';
	font-style: normal;
	font-weight: normal;
	font-size:40px;  
	text-align:center;
	margin:30px 0;
	font-weight:Regular;
	letter-spacing:0.3pt;
}
.manage_parkingofficers
{
	padding:5px;
	text-shadow:1px 2px 3px rgba(0, 0, 0, 0.4);
	color:#333131;
	font-family:Latha;
	font-size:40px;  
	text-align:center;
	margin:30px 0;
	font-weight:Regular;
	letter-spacing:0.3pt;
}
.add
{
    background-color:#4423a1;
	float:right;
	right:10px;
	color:#ffffff;
	font-family: 'Avenir LT Std 85 Heavy';
	font-style: normal;
	font-weight: normal;
	font-size:16px;
	border-width: 0;
	padding: 4px 10px 3px; 
}
.add:hover, .add_button:hover
{
    background-color:rgb(46, 22, 113);
} 
.row
{
	margin:0;
}
 .project-table
{
	margin-top: 30px;
} 
.project-table_extract
{
	margin-bottom:0px;
} 
.project-table_extract >  thead > tr> th
 {
     padding:10px;
	background-color:rgb(227, 1, 110);
	margin-bottom: 0px;
	color:#ffffff;
	font-family: 'Avenir LT Std 85 Heavy';
	font-style: normal;
	font-weight: normal;
	font-size:15px;  
	border-right:1px solid #ad0556; 
	border-left:1px solid #ad0556; 
	text-align:center;
	letter-spacing:0.3pt;
	vertical-align:middle;
}
.project-table_extract thead tr th:last-child
{
	border-right:none !important;
}

 .project-table_extract thead tr th:first-child
{
	border-left:none !important;
}

.project-table_extract >  tbody  > tr > td
{
    padding: 10px;
	font-size:14px !important;	
	border:none;
}
.project-table_extract tbody tr td:nth-child(-n+12)
{
	color: #4423a1;
	font-size:14px;
    font-family: 'Avenir LT Std 65 Medium';
	font-style: normal;
	font-weight: normal;
	vertical-align:middle;
    text-align: center;
}

.project-table_extract tbody tr:nth-child(odd) 
{
	background-color:#ffffff; 
}

.project-table_extract tbody tr:nth-child(even)
 {
	background-color:#f7f7f7; 
}
.project-table >  thead > tr> th
{
    padding:10px;
	background-color:rgb(227, 1, 110);
	margin-bottom: 0px;
	color:#ffffff;
	font-family: 'Avenir LT Std 85 Heavy';
	font-style: normal;
	font-weight: normal;
	font-size:15px;  
	border-right:1px solid #ad0556; 
	border-left:1px solid #ad0556; 
	text-align:center;
	letter-spacing:0.3pt;
	vertical-align:middle;
}

.project-table thead tr th:last-child
{
	border-right:none !important;
}
 
.project-table thead tr th:first-child
{
	border-left:none !important;
}

.project-table >  tbody  > tr > td
{
    padding: 10px;
	font-size:14px !important;	
	border:none;
}
	

/* .project-table tbody tr td:nth-child(-n+5)
{
	text-align:center;
	font-family:Lao UI;
	border-bottom:1px solid #bbbbc7;
	color:#695252;
	font-weight:Regular;
} */
.project-table tbody tr:nth-child(odd) 
{
	background-color:#ffffff; 
}

.project-table tbody tr:nth-child(even)
{
	background-color:#f7f7f7; 
}

/* .space
{
	padding-left:6px;
	padding-right:6px;
} */
.manager_table
{
	width:100%;
}

.nav_pagination
{
	text-align:center;
/* 	z-index: -10; */
}

.pagination li a 
{
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; 
	margin: 0 6px;
	outline:none; 
	font-size:16px;
	font-family: 'Avenir LT Std 65 Medium';
	font-style: normal;
	font-weight: normal;
	color:#4423a1 !important;
	padding:2px 8px 0 8px;
	border:2px solid #4423a1  !important; 
}
.pagination li a:hover
{
	border:2px solid #4423a1  !important; 
	background-color:#4423a1 !important;
	color:#ffffff !important;
	font-family: 'Avenir LT Std 65 Medium';
	font-style: normal;
	font-size:16px;
	font-weight: normal;
}
.pagination li.active a
 {
    background-color:#4423a1 !important;
	color:#ffffff !important;
	font-size:16px;
	font-family: 'Avenir LT Std 65 Medium';
	font-style: normal;
	font-weight: normal;
}
/* .pagination li:first-child  a,.pagination li:first-child  a:hover,.pagination li:last-child  a,.pagination li:last-child  a:hover
{
	border:1px solid #b9b9b9 !important;
	background:none  !important;
	color:#b9b9b9 !important;
} */
.pagination > li:last-child > a, .pagination > li:last-child > span 
{
    border-bottom-right-radius: 0px ;
    border-top-right-radius: 0px !important;
}
.pagination > li:first-child > a, .pagination > li:first-child > span
 {
    border-bottom-left-radius:0px;
    border-top-left-radius:0px;
    margin-left: 0;
}
.add_officer
{
	padding:5px;
	text-shadow:1px 2px 3px rgba(0, 0, 0, 0.4);
	color:#333131;
	font-family: 'Avenir LT Std 55 Roman';
	font-style: normal;
	font-weight: normal;
	font-size:40px;  
	text-align:center;
	position:relative;
	top: 45px;
	letter-spacing:0.3pt;
}
.form_start
{
	background-color:#ffffff;
	top:60px;
}
.form-control
{
	border-width: 0px; height: 26px;
	background-color: #e3e3ee;
	border-radius:0px;
	box-shadow:none;
}
.add_form
{
	padding-left: 10px;
    padding-right: 10px;
    padding-top: 20px;
	padding-bottom:10px;
}
.buttons
{
	text-align:center;
}
.save_button
{
	background-color:#e3016e;
	font-size:14px;
	font-family: 'Avenir LT Std 85 Heavy';
	font-style: normal;
	font-weight: normal;
	color:#ffffff;
	padding: 7px 26px;
	border-width: 0px;
}
.cancel_button
{
	background-color:#e3016e;
	font-size:14px;
	font-family: 'Avenir LT Std 85 Heavy';
	font-style: normal;
	font-weight: normal;
	color:#ffffff;
	padding: 7px 26px;
	border-width: 0px;
} 
.save_button:hover    
 {
	background-color:#3A1DBB;
 }
 .cancel_button:hover
{
	background-color:#3A1DBB;
}
a
{
	text-decoration:none !important;
	outline:none !important;
}
.form_start
{
	background-color:#ffffff;
	top:70px;
}
.form_input
{
	border-width: 0px; height:33px;
	background-color: #e3e3ee;
	border-radius:0px;
	box-shadow:none;
}

.buttons
{
	text-align:center;
}
.officer_class
{
	color:#000000 !important;
	font-size:14px;
	font-family: 'Avenir LT Std 35 Light';
	font-style: normal;
	font-weight: normal !important;
	
}
.view
{
	color:#000000 !important;
	font-size:14px;
	font-family: 'Avenir LT Std 35 Light';
	font-style: normal;
	font-weight: normal !important;
}
.modal_box
{
	margin-top:80px;
	margin-bottom:50px;
}
.modal_delete .modal-dialog .modal-content
{
	border-radius:0px;
}
.modal_delete .modal-dialog .modal-content .modal-header
{
	background-color:#4423a1;
}
.modal_delete .modal-dialog .modal-content .modal-header .close
{
	opacity:1;
	color:#ffffff;
	text-shadow:none;
	font-weight:Normal;
}
.modal_delete .modal-dialog .modal-content .modal-header h4
{
	color:#ffffff;
	text-align:center;
	font-size:18px;
	font-family: 'Avenir LT Std 85 Heavy';
	font-style: normal;
	font-weight: normal;
}
.modal_delete .modal-dialog .modal-content .modal-header .modal-body 
{
	background-color:#ffffff;
}

.modal_delete .modal-dialog .modal-content  .modal-body .delete_warning
{
	color:#24115a;
	text-align:center;
	font-size:24px;
	font-family: 'Avenir LT Std 35 Light';
	font-style: normal;
	font-weight:bold;
}

.modal_delete .modal-dialog .modal-content  .modal-body .delete_mgs
{
	color:#2e1671;
	text-align:center;
	font-size:22px;
	font-family: 'Avenir LT Std 35 Light';
	font-style: normal;
	font-weight:Bold;	
}
.modal_delete .modal-dialog .modal-content  .modal-footer
{
	text-align:center;	
	border-top-width: 0px;
}
.modal_delete .modal-dialog .modal-content  .modal-footer .btn-default
{
	background-color:#e3016e;  
	color:#ffffff;
	text-align:center;
	font-size:16px;
	padding: 7px 30px;
	font-family: 'Avenir LT Std 85 Heavy';
	font-style: normal;
	font-weight: normal;
	border-width: 0px;
	border-radius:0px;
}
.modal_delete .modal-dialog .modal-content  .modal-footer .btn-primary
{
	background-color:#e3016e;
	color:#ffffff;
	border-radius:0px;
	text-align:center;
	padding: 7px 30px;
	font-size:16px;
	font-family: 'Avenir LT Std 85 Heavy';
	font-style: normal;
	font-weight: normal;
	border-width: 0px;
}
.modal_delete .modal-dialog .modal-content  .modal-footer .btn-default:hover
{
	background-color:#3A1DBB;
}
.modal_delete .modal-dialog .modal-content  .modal-footer .btn-primary:hover
{
	
	background-color:#3A1DBB;     
}

.model_box
{
	margin-top:80px;
	margin-bottom:50px;
}
.modal_view .modal-dialog .modal-content
{
	border-radius:0px;
}
.modal_view .modal-dialog .modal-content .modal-header
{
	background-color:#4423a1;
}
.modal_view .modal-dialog .modal-content .modal-header .close
{
	opacity:1;
	color:#ffffff;
	text-shadow:none !important;
	font-weight:Normal;
}
.modal_view .modal-dialog .modal-content .modal-header h4
{
	color:#ffffff;
	text-align:center;
	font-size:18px;
	font-family: 'Avenir LT Std 85 Heavy';
	font-style: normal;
	font-weight: normal;
}
.modal_view .modal-dialog .modal-content .modal-header .modal-body 
{
	background-color:#ffffff;
}

.margin_0
{
	margin-top: 0px !important;
}
.loginbox_outer
{
	position:relative;
	display:flex;
	margin-bottom:231px;
}
.outer
{
	

	height:100%;
	width:100%;
	
}

.email_password
{
	height:34px;
	border:1px solid rgba(252, 240, 246, 0.5);
	padding-left:43px;
}
.email_password:hover , .email_password:active ,.email_password:focus
{
	height: 34px !important;
}
.loginbox_inner
{
	width: 400px;
	height:400px;
	background: rgba(255,255,255,0.4);
	/* position:fixed; */ /*it can be fixed too*/
	left:0; right:0;
	top:132px; bottom:0;
	margin:auto;
	box-shadow:0px 3px 2px rgba(0,0,0,0.5);
}
.top_block
{
	position:relative !important;
}
.top_block
{
	bottom: 34px;
	margin-top:-60px;
	position: absolute;
    text-align: center;
}
.loginbox_inner form
{
	margin:30px;
}
.loginbox_inner form input
{
	border-radius:0px;
	background:rgba(237,229,239,0.4);
	border:none;
	
}
.loginbox_inner form label
{
	color:#fff;
	font-family: 'Avenir LT Std 35 Light';
	font-style: normal;
	font-weight: normal;
	
}
.loginbox_inner form .input-group-addon
{	
	border-radius:0px;
	border:none;
	background:#b91865;
}

 input:-webkit-autofill,input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active, input:-webkit-autofill:visited
{
	-webkit-box-shadow: inset 0 0 0px 9999px rgb(182, 160, 186) !important   
}

.add_form input:-webkit-autofill, .add_form input:-webkit-autofill:hover,.add_form input:-webkit-autofill:focus,.add_form input:-webkit-autofill:active, .add_form input:-webkit-autofill:visited
{
	-webkit-box-shadow: inset 0 0 0px 9999px #e3e3ee !important;   
} 
.checkbox
{
	float:left;
}
.checkbox label::before
{
	background-color: #b91865;
	content: "";
	display: inline-block;
	height: 16px;
	left: 0;
	font-size:12px;
	position: absolute;
	width: 16px;
	border-radius:0px  !important;
	top:2px;
}
.checkbox input[type=checkbox]
 {
    display: none;
}
.checkbox label:before
 {
    border-radius: 3px;
}
.checkbox input[type=checkbox]:checked + label:before 
{
    content: "\2713";
    font-size: 15px;
    color: #f3f3f3;
    text-align: center;
    line-height: 15px;  
}
.checkbox label
{
	padding-left:11px;
	
}
.forgot_pass
{
	margin:12px 0;
	float:right;
	color:#fff;
	font-size:12px;
	font-family: 'Avenir LT Std 35 Light';
	font-style: normal;
	font-weight: normal;
}
.loginbox_inner button
{
	background:#b91865;
	color:#fff;
	border:none;
	padding:10px 0;
	font-family: 'Avenir LT Std 35 Light';
	font-style: normal;
	font-weight: normal;
	margin-top:30px;
}
.loginbox_inner button:hover
{
	background:#a50652;
}

.project-table tbody tr td:nth-child(-n+12)
 {
    color: #4423a1;
	font-size:14px;
    font-family: 'Avenir LT Std 65 Medium';
	font-style: normal;
	font-weight: normal;
    text-align: center;
	vertical-align:middle;
}
.form_input_state
{
	padding-bottom: 4px;
    padding-top: 4px;
}
.form_input_city
{
	padding-bottom: 4px;
    padding-top: 4px;
}

.calendar_icon
{
	padding-bottom: 3px;
    padding-top: 3px;
	border-width:0px;
	background-color: #e3e3ee;
	border-radius:0px;
}
.calendar_icon1
{
	padding-bottom: 3px;
    padding-top: 3px;
	background-color: #fff;
	border-width:0px;
	border-radius:0px;
}
.form_notice_state
{
	padding-bottom: 4px;
    padding-top: 4px;
	background-color: #ffffff;
}
.officer_class_radio
{
	/* padding-right:10px; */
	font-family: 'Avenir LT Std 85 Heavy';
	font-style: normal;
	font-weight: normal;
	color:#fff;
	font-size:13px;
	cursor:pointer;
	
}
.vehicleno_radio
{
/* 	padding-top:10px;  */
	font-family: 'Avenir LT Std 85 Heavy';
	font-style: normal;
	font-weight: normal;
	color:#fff;
	font-size:13px;
	cursor:pointer;
}
.notice_vehicle_margin
{
	margin-top:-17px;
}
.noticeid_radio
{
	 /* padding-right:10px;  */
	font-family: 'Avenir LT Std 85 Heavy';
	font-style: normal;
	font-weight: normal;
	color:#fff;
	font-size:13px;
	cursor:pointer;
}
.text-success
{
	color:green !important;
	font-weight:bold;
}
.modal_box1
{
	width:310px;
}
.dollar_class
{
	border-width:0px;
	/* background-color: #e3e3ee; */
	line-height:1.5 !important;
	margin-top:18px;
	
}
.fine
{
	padding-left:40px;
}
.fine_violation
{
	font-family: "Avenir LT Std 85 Heavy";
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
	margin-top:18px;
}
a:hover,a:focus
{
	text-decoration:none !important;
}
.fine
{
	font-family: "Avenir LT Std 85 Heavy";
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
	margin-top:18px;
}
.add_on
{
	position: absolute;
    width: 35px;
    z-index: 1000;
	/* margin-top:18px; */
}
.add_on_login
{
	position: absolute;
    width: 35px;
    z-index: 1000;
	padding-top:9px;
	padding-bottom:8px;
}
.add_email
{
	width:100%;
	top: -16px;
}
.add_email_login
{
	width:100%;

}
.marg_10
{
 margin-top:-10px;
}

.setting_icon
{
	padding-right:10px;
}
.logout_menu
{
	left:0px !important;
	font-family: 'Avenir LT Std 85 Heavy';
	font-style: normal;
	font-weight: normal;
	font-size:16px;
	padding: 6px 20px;
 
}
.logout_menu > li > a
 {
    color: #fff;
	left:0px !important;
	margin-left: -7px;
    padding-left: 0;
}
.logout_menu li a:hover,.logout_menu li a:focus
{
	outline: none;
	background-color: #3c1c96 !important;
	color:rgb(227, 1, 110) !important;
	left:0px !important;
}

/* 03-05-2016  */
.thumb_space
{
	padding-top:10px;
	padding-bottom:10px;
	padding-left: 6px; 
	padding-right: 6px;
	height:100px;
	width:100px;
	margin-top:10px;	
}
.thumb_space label 
{
	
	display: table-cell !important;
	height: 100px;
	vertical-align: middle !important;
	width: 100%;
}
.thumb_img
{
	border-radius:0px;
	border:none ;
	max-height:100px;
	max-width:100px;border: 1px solid rgb(223, 223, 223); 
}
.thumb_viewimg
{
	border-radius:0px;
	max-height:100%;border: 1px solid rgb(223, 223, 223); 
}
.thumb_img:hover
{
	
	cursor:pointer;
}
.delete_icon
{
	height: 10px; width:12px;
	padding-right:5px;
	color: #989595;
	margin-top: -2px;
}
.action_img
{
	color: #989595;
    font-size: 11px;
	display: inline-block;
	cursor:pointer;
	width:100%;
	font-weight:bold;
}
.print_icon
{
	background-color:#095a93;
	color:#ffffff;
	padding:9px 20px 21px 6px;
	height:13px;
	width:13px;
	top:0px;
	float:right;
}
.print_text
{
	background-color:#337ab7;
    border-width: 0;
    color: #ffffff;
    float: right;
    font-family: Latha;
    font-size:14px;
    margin-bottom: 10px;
    padding: 5px 15px;
}

.print_start
{
	top:60px;
	padding-right:0px;
}

.officer_class .required
 {
    color: #e02222;
    padding-left: 2px;
}
label.error
{
	color:red;	
	padding-top:.5em; 
	font-weight:bold !important;
	display:none;
}
.email_empty , .email_error , .psd_error 
{
	color: rgb(185, 24, 101) !important;
}
.loginerrormsg
{
	color: rgb(185, 24, 101) !important;
	font-weight:bold !important;
	text-align:center;
	vertical-align:middle;
}
label.validatemsg
{
	color:red;	
	padding-top: .5em; 
}

.error:focus 
{
    border: 1px solid red;
}

.showdate
{
	background-color: #848687;
}
.para
{
	background-color: #e7e9ea;
}
.para p
{
	margin:5px;
	padding:10px;
}
.add1
{
    background-color:#1e2021;
	float:right;
	right:10px;
	margin-top:20px;
	color:#ffffff;
	font-family:Latha;
	font-weight:Regular;
	margin-bottom: 10px;
	font-size:16px;
	border-width: 0;
	padding: 4px 10px 3px; 
	margin-left:20px;
}
.add1:hover, .add1:focus
{
	background-color:#3f3f40;
}
.margin_100
{
	margin-top:100px;
}

#time-range p 
{
    font-family:Lao UI;
	font-weight:Regular;
    font-size:14px;
    color:#000000;
	margin-top:5px;
	text-align:center;
}

.border_class
{
	border-bottom: 0.3px dotted #bab4b4;
	margin-left:-25px;
	margin-right:-25px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:26px;
	padding-right:26px;
}
.others_border
{
	border-bottom: 0.3px dotted #bab4b4;
	margin-left:-15px;
	margin-right:-15px;
	padding:10px 26px;
}
.bottom_border
{
	border-bottom: 0.3px dotted #bab4b4;
	margin-left:-25px;
	margin-right:-25px;
	margin-bottom:20px;
}
.solid_bottom_border
{
	border-bottom: 3px solid #bab4b4;
	
}
.buttons
{
	margin-top:20px;
}
.time_class
 {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left:25px !important;
    margin-right: 15px;
    color:#000000 !important;
	font-size:14px;
	font-family:Lao UI;
	font-weight:Normal !important;
	margin-top:18px;
}
.time_class:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    position: absolute;
    left:10px;
    bottom: 1px;
    background-color: #21204e !important;
    box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
}

input[type=checkbox]
 {
    /* display: none; */
}
.checkbox label:before
{
    border-radius: 3px;
}
input[type=checkbox]:checked + label:before 
{
    content: "\2713";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-size: 15px;
    color: #21204e;
    text-align: center;
    line-height: 15px;
}

#myTabs
{
	border-bottom:none;
}
 
.reminder_tabs li.active a
{
	background-color:#0f0f2d !important;
	color:#eadee1;
	font-family:Latha;
	border:none;
	font-weight:Regular;
	font-size:24px;
	padding: 5px 10px 10px;
	text-align:center;	
}
.reminder_tabs li.active a:focus .reminder_tabs li.active a:active
{
	background-color:rgb(33, 32, 78)  !important;
	color:#fff ;
	cursor:pointer;
	border:none;
	outline:none !important;
}

 .reminder_tabs li a
 {
	border-radius:0px;
	background-color:rgb(33, 32, 78)  !important;
	color:#fff ;
	font-family:Latha;
	font-weight:Regular;
	font-size:24px;
	padding: 5px 10px 10px;
	border:0px !important;
	text-align:center;		
 }
 .reminder_tabs li a:focus , .reminder_tabs li a:active
{
	background-color:#0f0f2d !important;
	color:#eadee1;
	cursor:pointer;
	outline:none !important;
}
.apply_button
{
	background-color: rgb(227, 1, 110);
    color: rgb(255, 255, 255);
    font-family: "Avenir LT Std 85 Heavy";
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
	margin-bottom: 10px;
	font-size:16px;
	border-width: 0;
	padding: 6px 0px 4px;
	text-align: center; 
}
.apply_button:hover
{
	background-color: rgb(187, 4, 92);
}
.filter_color
{
	background-color:#2e1671;
	border: 5px solid rgba(255, 255, 255, 0.6);
}
.border_right
{
	border-right: 1px solid #371e7d;
}
.forgot_password
{
	color:#fff;
	text-align:center;
	margin-bottom:20px;
	font-family: "Avenir LT Std 35 Light";
    font-style: normal;
    font-weight: normal;
}
.padding_15
{
	padding-top:15px;
	margin-top:20px;
}
.process_button
{
	text-decoration:none !important;
}
.download_button
{
	
	background-color:#e3016e;
	color:#ffffff;
	font-family: 'Avenir LT Std 85 Heavy';
	font-style: normal;
	font-weight: normal;
	font-size:16px;
	border-width: 0;
	/* padding: 4px 10px 3px;  */
	cursor:pointer !important;
}
.grey_processed_button
{
	background-color:grey;
	color:#ffffff;
}
.green_processed_button
{
	background-color:green;
	color:#ffffff;
}
.processed_button
{
	text-decoration:none;
	background-color:#e3016e;
	color:#ffffff;
	font-family: 'Avenir LT Std 85 Heavy';
	font-style: normal;
	font-weight: normal;
	/* margin-bottom: 10px; */
	font-size:16px;
	border-width: 0;
	/* padding: 4px 10px 3px;  */
	cursor:none;
}
.download_button:hover
{
	background-color:#bb045c;
}
.generate_button
{
	background-color:#4423a1;
	float:right;
	margin-top:70px;
	margin-right:18px;
	color:#ffffff;
	font-family:'Avenir LT Std 85 Heavy';
	font-style: normal;
	font-weight: normal;
	margin-bottom: 10px;
	font-size:16px;
	border-width: 0;
	padding-left: 10px ; 
	padding-right: 10px ; 
	padding-top: 5px ; 
	padding-bottom:5px;
}
.generate_button:hover, .submitfile_button:hover, .upload_file:hover
{
	background-color: rgb(46, 22, 113) !important;
}
.submitfile_button
{
	background-color:#4423a1;
	float:right;
	margin-top:70px;
	margin-right:10px;
	color:#ffffff;
	font-family: 'Avenir LT Std 85 Heavy';
	font-style: normal;
	font-weight: normal;
	margin-bottom: 10px;
	font-size:16px;
	border-width: 0;
	padding-left: 10px ; 
	padding-right: 10px ; 
	padding-top: 5px ; 
	padding-bottom:5px;
}
.extract li.active a
{
	background-color:#4423a1 !important;
	color:#ffffff !important;
	border:none;
	font-family: 'Avenir LT Std 85 Heavy';
	font-style: normal;
	font-weight: normal;
	font-size:24px;
	padding: 5px 10px 10px;
	text-align:center;	
	cursor:pointer !important;
}
.extract li.active a:focus .extract li.active a:active
{
	background-color:#2e1671 !important;
	color:#ffffff;
	cursor:pointer;
	border:none;
	outline:none !important;
}
 .extract li a
 {
	border-radius:0px;
	background-color:#2e1671 !important;
	color:#ffffff ;
	font-family: 'Avenir LT Std 85 Heavy';
	font-style: normal;
	font-weight: normal;
	font-size:24px;
	padding: 5px 10px 10px;
	border:0px !important;
	text-align:center;	
	cursor:pointer;	
 }
.extract li a:focus , .extract li a:active
{
	background-color:#4423a1!important;
	color:#ffffff;
	cursor:pointer;
	border:none;
	outline:none !important;

}
.dollar_class_vr
{
	border-width:0px;
	line-height:1 !important;	
}
.margin_4
{
	margin-top:4px;
}
.margin_20
{
	margin-top:16px;
}
.first_letter
{
	font-size:12px;
	font-family:Lao UI;
	color:#786868;
	font-weight:Regular;	
}
.days
{
	border:0; 
	color:#786868;
	font-family:Lao UI;
	font-size:14px;
	font-weight:Regular;
	vertical-align:middle; 
	text-align:center;
}
.padding_40
{
	padding-left:40px;
}
.record_notfound
{
	color:black;
	font-weight:bold;
	font-size:20px;
	text-align:center;
}
.margin_bottom_25
{
	margin-bottom:25px;
}
.padding_ro 
{
	padding-left:0px;
	padding-right:0px;
}

.save_class
{
	text-align:center;
	margin-top:30px;
}
.file_upload
{
	margin-top:70px;
}
.choose_file
{
	float: right;
    margin-right: 17px;
	height: 34px;
    padding: 7px 8px;
    width: 180px;
}
.fileUpload 
{
    position: relative;
    overflow: hidden;
    /* margin-top: 70px; */
	margin-bottom:20px;
	margin-right:10px;
	float:right;
	padding-left: 10px ; 
	padding-right: 10px ; 
	padding-top:5px ; 
	padding-bottom:5px;
	background-color:#4423a1 !important;
	font-family: 'Avenir LT Std 85 Heavy';
	font-style: normal;
	font-size:15px !important;
	font-weight: normal;
	border-radius:0;
	right:10px;
}
.fileUpload input.upload
{
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
.start_table
{
	padding-left:22px;
}
.filter_list
{
	font-family: 'Avenir LT Std 85 Heavy';
	font-style: normal;
	font-weight: normal;
	color:#fff;
	font-size:13px;
}
.vehicle_number
{
	text-align:center;
	display:block;
	margin-top:10px;
	font-family: 'Avenir LT Std 85 Heavy';
	font-style: normal;
	font-weight: normal;
	font-size:18px;
	margin-bottom:10px;
}
.vehicle_digit
{
	font-size:12px;
	color:#888181 !important;
	font-family: 'Avenir LT Std 35 Light Oblique';
	font-style: normal;
	font-weight: normal;
	margin-top:5px;
}
.driver_detail
{
	border:5px solid #eee;
}
.logout_menu
{
	border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.margin_top_8
{
	margin-top:8px;
}

.add_button
{
	background-color: rgb(68, 35, 161);
    border-width: 0;
    color: rgb(255, 255, 255);
   /*  float: right; */
    font-family: "Avenir LT Std 85 Heavy";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    padding: 4px 10px 3px;
}

.label_questions
{
	font-family: "Avenir LT Std 85 Heavy";
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
}
.alert
{
	margin-top: 30px;
    position: absolute;
    width: 100%;
    z-index: 1;
}
.form_start
{
	margin-bottom:100px;
}
.img_upload
{
	margin-left: 16px;
}
.violationrule_form ,.other_settings
{
	top:30px !important;	
}
.action
{
	padding-left:41px !important;
	padding-right:41px !important;
}
.side_top
{
	z-index:100000 !important;
}
.padding_rl
	{
		padding-left:2px;
		padding-right:2px;
	}
@media(max-width:1312px)
{
	.vehicleno_radio
	{
		font-size:12px;
	}
	.noticeid_radio
	{
		font-size:12px;
	}
	.filter_list
	{
		font-size:12px;
	}
}
@media(max-width:1304px)
{
	.margin_14
	{
		margin-top:-18px;
	}
}
@media(max-width:1266px)
{
	.padding_0
	{
		padding-right:0px;
	}
	.padding_1
	{
		padding-right:0px;
	}
	.officer_class_radio 
	{
		font-size:12px;
	}
}
@media (max-width:1257px)
{
	.vehicleno_radio
	{
		font-size:11px;
	}
	.noticeid_radio
	{
		font-size:11px;
	}
	.filter_list 
	{
		font-size: 11px;
	}
	.officer_class_radio 
	{
		font-size: 10px;
	}
}
@media (max-width:1229px)
{
	.form_input
	{
		padding:3px 6px !important;
	}
}
@media (max-width:1203px)
{
	.vehicleno_radio
	{
		font-size:10px;
	}
	.noticeid_radio
	{
		font-size:10px;
	}
	.filter_list 
	{
		font-size: 10px;
	}
	
}
@media (max-width:1178px)
{
	.vehicleno_radio
	{
		font-size:10px;
	}
	.noticeid_radio
	{
		font-size:10px;
	}
	.filter_list 
	{
		font-size: 10px;
	}
}
@media (max-width:1149px)
{
	.vehicleno_radio
	{
		font-size:9px;
	}
	.noticeid_radio
	{
		font-size:9px;
	}
	.filter_list 
	{
		font-size: 9px;
	}
}
@media(max-width:1138px)
{
	.padding_rl
	{
		padding-left:0px;
		padding-right:0px;
	}
	.apply_button
	{
	 padding-left:7px;
	}
	.padding_0
	{
		padding-left:0px;
	}
	.reset_padding
	{
		padding-left:3px;
	}
}
@media(max-width:1117px)
{
	.vr_form
	{
		padding:0px;
	}
	.margin_0
	{
		padding:0px;
	}
	.violationrule_form
	{
		padding-left: 25px;
		padding-right: 25px;
	}
	.report_border
	{
		margin-left:-35px !important;
		margin-right:-35px !important;
	}
}
@media(max-width:1107px)
{
	.margin_14
	{
		margin-top:-21px;
	}

}
@media(max-width:1100px)
{
	.officer_class_radio 
	{
		font-size:10px;
	}

}
@media (max-width:1079px)
{
	.vehicleno_radio
	{
		font-size:8px;
	}
	.noticeid_radio
	{
		font-size:8px;
	}
	.filter_list 
	{
		font-size: 8px;
	}
}
@media(max-width:1040px)
{
	.fine_error
	{
		width:200px;
	}
}
@media (max-width:1018px)
{
	.vehicleno_radio
	{
		font-size:10px;
	}
	.noticeid_radio
	{
		font-size:10px;
	}
	.filter_list 
	{
		font-size:10px;
	}
	.officer_class_radio 
	{
		font-size:9px;
	}
}
@media(max-width:991px)
{
	.print_start
	{
		top:25px;
		padding-right:10px;
	}
	.filter_col
	{
		padding-top:20px;
	}
	.margin_120
	{
		margin-top:30px;
	}
	.border_right
	{
		border-right:none;
	}
	.vehicleno_radio
	{
		font-size:14px;
	}
	.noticeid_radio
	{
		font-size:14px;
	}
	.filter_list 
	{
		font-size:14px;
	}
	.officer_class_radio
	{
		font-size: 12px;
	}
	.margin_14
	{
		margin-top:0px;
	}
	.form_start
	{
		margin-right:10px;
		margin-left:10px;
	}
	/* .page-content-wrapper .page-content
	{
		margin-left:303px;
	} */
}
@media(max-width:990px)
{
	.margin_14
	{
		margin-top:-18px;
	}
}
@media(max-width:980px)
{
	/* .form_start
	{
		left: 18px;
		margin-right: 25px;
	} */
	.extract li a
	{
		padding: 5px 10px 12px;
		font-size:19px !important;
	
	}
	.extract li.active a:focus .extract li.active a:active,.extract li.active a
	{
		padding: 5px 10px 12px;
		font-size:19px !important;
	}
	.margin_14
	{
		margin-top:-18px;
	}
}
@media(max-width:962px)
{
	.margin_14 
	{
		margin-top:-18px;
	}
}
 @media(max-width:859px)      /* 03-05-2016 */
 {
	.project-table > thead > tr > th
	{
		padding:5px;
	}
/* 	.space
	{
		padding:2px;
	} */
	 .extract li a
	{
		padding: 5px 10px 12px;
		font-size:16px !important;
	
	} 
	.extract li.active a:focus .extract li.active a:active,.extract li.active a
	{
		padding: 5px 10px 12px;
		font-size:16px !important;
	}
	.margin_14
	{
		margin-top:-20px;
	}
 }
@media(max-width:798px)
{
	.start_table
	{
		/* padding-left:5px; */
		/* margin-left: 5px; */ 
		margin-right: 5px; 
	}
	.pad_l
	{
		padding-right: 18px;
	}
	.pad_r
	{
		padding-left: 11px;
	}
	 .extract li a ,.extract li.active a:hover, .extract li.active a:focus .extract li.active a:active,.extract li.active a
	{
		font-size:16px;
		padding: 7px 2px 10px;
	} 
	
	
}
 @media(max-width:781px)
{
	.extract li a ,.extract li a:focus .extract li a:active,.extract li.active a , .extract li.active a:focus .extract li.active a:active
	{
		padding: 5px 10px 12px;
		font-size:15px !important;
	}
} 
@media(min-width:769px)
 { 
	.side-nav 
	{
        top:67px;
	}
}
 @media(min-width:768px)
 { 
	.side-nav 
	{
        position: fixed;
        top:68px;
        left:300px;
        width:300px;
        margin-left:-300px;
        border: none;
        border-radius: 0;
        overflow-y: auto;
     /*    background-color: #222; */
        bottom: 0;
        overflow-x: hidden;
        padding-bottom: 40px;
    }
	.side-nav>li>a
	{
        width:300px;
		padding:15px 12px;
		border-left:3px solid rgb(46, 22, 113);
		cursor:pointer;
	}
	.search_mobile
	{
		display:none !important;
	}
	.top-nav
	{
		margin-right:-30px;
	}
 }
 
@media(max-width:768px)
{
	.cust_nav .navbar-header
	{
		border-bottom:1px solid ;
	}
	.side_top       
	{
		margin-top: 64px;
		position: absolute;
		width: 100%;
		z-index: 1;
	}
	.top-nav
	{
		/* margin-left: 268px; */
		margin-top: 0px;
	}
	.cust_nav .navbar-header 
	{
		border-bottom:none;
	}
	.top-nav > li > a 
	{
		border-left:none;
	}
	.search
	{
		display:none !important;
	}
	.search_mobile
	{
		display:block !important;
		margin-left:16px;
		margin-bottom:15px;
	}
	.side-nav
	{
		margin-top:0px !important;
	}
	.logout_menu 
	{
		right: 0 !important;
	}
}
@media(max-width:767px)
{
	/* .form_start
	{
		margin-right:35px;
	} */
	.page-content-wrapper .page-content
	 {
		margin-left:0px;
	}
	.add_officer
	{
		top: 55px;
	}
	.manage_officers
	{
		margin-top: 90px;
	}
	.manager_table
	{
		border:none !important;
	}
	.print_start         
	{
		top:44px;
		padding-right:10px;
	}
	.print_icon
	{
		
		padding-bottom:18px;
		padding-top:5px;
		padding-right:20px;
	}
	.print_text
	{
		font-size:12px;
		margin-bottom:7px;
		padding: 3px 7px;
	}
	.nav_pagination  /*05-05-2016*/
	{
		top:60px;
	}
	.side_top
	{
		margin-top:67px;
	}
	.modal_width
	{
		width:100%;
		margin-left:0px;
		/* text-align:center; */
	}
	.date_class
	{
		width:260px;
	}
	.top-nav > li > a
	{
		font-size:14px;
	}
	.top-nav > li > a:hover, .top-nav > li > a:focus, .top-nav > .open > a, .top-nav > .open > a:hover, .top-nav > .open > a:focus 
	{
		background:none !important;
		color:none !important;
	}
	.nav_pagination
	{
	 	z-index: -10; 
	}
	.time_class
	{
		margin-top:20px;
	}
	.margin_14
	{
		margin-top:0px;
	}
	.top-nav
	{
		margin-left: 268px;
		margin-top: -66px;
	}
	
}
@media(max-width:692px)
{
	.margin_14
	{
		margin-top:-18px;
	}
}
@media(max-width:656px)
{
	.top-nav
	{
		margin-left: 220px;
		margin-top: -60px;
	}
}
@media(max-width:608px)
{
	.top-nav
	{
		margin-left:182px;
		/* margin-top: -60px; */
	}
	.side_top
	{
		 margin-top: 73px;
	}
	.days
	{
		font-size: 12px;
	}
}
@media(max-width:569px)
{
	.margin_14
	{
		margin-top:-17px;
	}

}
 @media(max-width:545px)
{
	.top-nav 
	{
		margin-left:0px;
		margin-top:0px;
		float:left;
	}
	.cust_nav .navbar-header 
	{
		/* border-bottom:1px solid #380ead !important; */
		box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
	}
	.add_officer
	{
		top:70px;
	}
	.generate_button
	{
		margin-top:100px;
		font-size:12px;
	}
	.side_top
	{
		 margin-top: 133px;
	}
	.driver_detail
	{
		top:25px !important;
	}
}

 @media(max-width:534px)
{
	.extract li a ,.extract li a:focus .extract li a:active,.extract li.active a , .extract li.active a:focus .extract li.active a:active
	{
		font-size:15px !important;
		padding: 5px 10px 13px;
	}
	.days
	{
		font-size:11px;
	}
	
} 
@media(max-width:496px)
{
	.margin_20
	{
		padding-right:10px;
	}
}
@media(max-width:480px)
{
	.loginbox_inner
	{
		width:100%;
		margin:auto 10px;
	}
	.loginbox_inner form
	{
		margin:0px;
	}
	.forgot_pass ,.checkbox label
	{
		font-size:12px;
	}
	.extract li a ,.extract li a:focus .extract li a:active,.extract li.active a ,.extract li.active a:focus .extract li.active a:active
	{
		font-size:15px !important;
		padding: 5px 10px 13px;
	}
	.margin_4
	{
		margin-top:6px;
	}
	.margin_20
	{
		margin-top:22px;
	}
	.violation_reason
	{
		font-size:25px;
	}
	.parking_lots
	{
		font-size:25px;
	}
	.padding_40
	{
		padding-right:0px;
	}
	
}
@media(max-width:475px)
{
	.border_class
	{
	padding-left: 2px;
    padding-right: 2px;
	}
	.extract li a , .extract li a:focus .extract li a:active,.extract li.active a ,.extract li.active a:focus .extract li.active a:active
	{
		font-size: 13px !important;
		padding: 5px 10px 13px;
	}
	.margin_0
	{
		padding-left:8px;
	}
	.mrg_l 
	{
		margin-left: 0 !important;
	}
	.mar_l 
	{
		margin-left: -16px !important;
	}
}
@media(max-width:470px)
{
	.file_upload
	{
		margin-right: -10px;
		margin-top: 117px;
	}
}

@media(max-width:453px)
{
	.extract li a ,.extract li a:focus .extract li a:active,.extract li.active a .extract li.active a:focus .extract li.active a:active
	{
		font-size: 13px !important;
		padding: 5px 10px 13px;
	}
	/* .thumb_space
	{
		width:50%;
	} */
}
@media(max-width:427px)
{
	.extract li a ,.extract li a:focus .extract li a:active,.extract li.active a ,.extract li.active a:focus .extract li.active a:active
	{
		font-size: 12px !important;
		padding: 5px 10px 13px;
	}
	.margin_4
	{
		padding-left:10px;
		padding-right: 2px;
	}
	.border_class
	{
		padding-left: 0px;
		padding-right: 0px;
	}
}
@media(max-width:419px)
{
	.margin_14
	{
		width:100%;
		margin-top:-15px;
	}
	.permit_slider
	{
		width:100%;
	}
	.days_label
	{
		width:100%;
		text-align:center;
	}
	.margin_20
	{
		width:45%;
	}
	.margin_0
	{
		width:100%;
		text-align:center;
	}
}
@media(max-width:392px)
{
	.extract li a ,.extract li a:focus .extract li a:active,.extract li.active a ,.extract li.active a:focus .extract li.active a:active
	{
		font-size:14px !important;
		padding: 5px 10px 13px;
	}
	.width_100
	{
		width:100%;
	}
	.margin_20
	{
		margin: 0;
		width: 100%;
	}
	.margin_4
	{
		margin-top: 8px;
		width: 87%;
	}
	.driver_details
	{
		font-size:25px;
	}
	 .margin_20
	{
		width:50%;
		margin-top:20px;
	} 
	.fileUpload 
	{
		font-size:13px !important;
	}
	.submitfile_button 
	{
		font-size:13px;
	}

}

@media(max-width:368px)
{
	.cust_nav .navbar-header
	{
		border-bottom:1px solid ;
	}.msg, .notify 
	{
		padding: 15px 11px !important;
	}
	.extract li a ,.extract li a:focus .extract li a:active,.extract li.active a ,.extract li.active a:focus .extract li.active a:active
	{
		font-size: 13px !important;
		padding: 5px 10px 13px;
	}
	.logo_img
	{
		width:80%;
	}
	.cust_nav .navbar-header .navbar-brand
	{
		width:80%;
		margin-top:8px;
	}
	
}
@media(max-width:360px)
{
	.page-content-wrapper .page-content
	 {
		margin-left:0px;
		margin-right:1px;
	}	
	.add_officer
	{
		top:70px;
	}
	.table-responsive
	{
		border-width:0px;
	}	
	.print_start             /* 04-05-2016 */
	{
		top:45px;
		
	}
	/* .manage_parkingofficers
	{	
		font-size:30px;  
	} */
	.add1
	{
		margin-left:9px;
		font-size:14px;
	}
	.add
	{		
		font-size:14px;
	}
	.extract li a ,.extract li a:focus .extract li a:active,.extract li.active a ,.extract li.active a:focus .extract li.active a:active
	{
		font-size:12px !important;
		padding: 5px 10px 13px;
	}
	.width_100
	{
		width:100%;
	}
	/* .margin_20
	{
		margin: 0;
		/* padding: 20px;
		width: 100%;
	} */
	.margin_4
	{
		margin-top: 8px;
		width: 87%;
	}
	.extract_outgoing_file
	{
		font-size:20px;
	}
	.project-table_extract > thead > tr > th 
	{
		font-size:12px;
	}
	.top-nav > li > a 
	{
		padding-left:5px;
		padding-right:5px;
	}
	.top-nav
	{
		padding-right:0px;
		padding-left: 10px;
	}
	
}
@media(max-width:350px)
{
	.fileUpload 
	{
		font-size: 9px !important;
	}
	.submitfile_button 
	{
		font-size: 9px;
	}
	.choose_file
	{
		height: 26px;
		padding-bottom: 0;
		padding-top: 0;
	}
}
@media(max-width:323px)
{
/* .extract li a ,.extract li a:focus .extract li a:active,.extract li.active a ,.extract li.active a:focus .extract li.active a:active
	{
		font-size:8px !important;
		padding: 5px 10px 13px;
	} */
	.save_button
	{
		padding-left:20px;
		padding-right:20px;
	}
	.cancel_button
	{
		padding-left:20px;
		padding-right:20px;
	}
}

@media(max-width:320px)
{
	.add
	{
		top:100px;
	}
	.start_table
	{
		padding-right:0px;
		margin-left: 0px;
		/* margin-right:20px; */
	}
	.table_view
	{
		margin-right:20px;
	}
	.add1
	{
		top:100px;
	}
	.extract li a ,.extract li a:focus .extract li a:active,.extract li.active a ,.extract li.active a:focus .extract li.active a:active
	{
		font-size:12px !important;
		padding: 5px 10px 13px;
	}
	.top-nav > li > a 
	{
		padding-left:5px;
		padding-right:5px;
	}
	.pad_r
	{
		padding-left: 22px;
		padding-right: 0;
		width: 100%;
	}
	#home-tab
	{
		margin-right: 5px;
	}
	.pad_l
	{
		margin-left: 22px;
		padding-right: 25px;
		width: 100%;
	}
}

textarea {
    resize: none;
}
#noticeImg .modal-body img
{

width:100%;

}

.hidden_box{
	display: none;
}

.chart_section{
	padding: 15px 0 15px 0;
}

.pie_chart{
	border-bottom:1px solid grey;
	padding-bottom: 20px;
}
.bar_chart{
	padding-top: 20px;
}
.chart_heading{
	text-align: center;
	color: #4423A1;
	margin-bottom: 20px;
	font-weight: bold;
}
.no-data{
	display:none; 
	text-align: center; 
	color: red;
}
.status_flag{
	font-weight: bolder;
	color:#4423A1;
}
.status_date{
	font-weight: bold;
}
.apply_btn_dashboard{
	background-image: url("../img/loader.gif");
	/*background-size: 100% 150%;*/
	background-repeat: no-repeat;
	background-position: center; 
	background-color: #bb045c;
}
.input_error{
	border: 1px solid red;
}