/* new login styles start */
 
 /* new login styles end */

 .select2-container--default .select2-selection--single{
	 min-height: 40px!important;
	 padding: 5px;
	 font-size: 13px
 }
 
 .margin-top-5{
	 margin-top: 5px;
 }
 /* my styles start */
 .new-stats-item{
	padding: 25px 10px!important;
	min-height: 260px!important;
 }
.total{
	padding: 10px 10px!important;
}
.new-subitems2 a{
	padding: 0px!important;
}
.new-subitems2{
	min-height: 90px!important;
}
.new-satus{
	padding-block: 0px 8px!important;
}
 .new-items{
	min-width: 60px!important;
	/* padding: 25px; */
	position: relative;
	background: white;
	box-shadow: 0p 0px 4px #ccc;
	margin-top: 20px;
	color: #9F9F9F;
	font-size: 12px;
	font-weight: 500;
	text-align: center;
	border-radius: 10px;
	box-shadow: 0 0 15px rgb(0 0 0 / 5%);
	margin-bottom: 60px;
	}
	.newstat-number{
		padding-block: 13px 5px;
		font-size: 22px;
		font-weight: bold;
		color: rgb(255, 255, 255);
		line-height: 1.2;
	

	}
	.new-status{
		padding-bottom: 13px;
	}
	/* new-design dashboard  */
	/* .dashboard-stats .stats-item{
		
		min-height:290px;
	  } */
	  #reportsChart{
		background-color: white;
		/* min-height: 500px !important; */
		/* padding: 10px; */
		border-radius: 10px;
		box-shadow: 0 0 15px rgb(0 0 0 / 5%);
		margin-block: 30px;
	}
	#reportsChart img{
		width:100%;
		height:auto;
		
	}
	.traffic-cards{
		border-radius: 10px!important;
		box-shadow: 0 0 15px rgb(0 0 0 / 5%);
		border:none;
		margin-top:20px;
		
	}
	.traffic-cards canvas{
		width: 100% !important;
	}
	#trafficChart{
		min-width: initial !important;
	}
	#trafficChart img{
		width:100%;
		height:auto;
		
	
	
	}
	/* new design dashboard end */
	/* new dash dashboard start*/

	
	  #reportsChart{
		background-color: white;
		/* min-height: 416px !important; */
		/* padding: 21px; */
		border-radius: 10px;
		box-shadow: 0 0 15px rgb(0 0 0 / 5%);
		margin-block: 30px;
	}
	#reportsChart img{
		width:100%;
		height:auto;
		
	}
	.traffic-cards{
		border-radius: 10px!important;
		box-shadow: 0 0 15px rgb(0 0 0 / 5%);
		border:none;
		margin-top:20px;
	}
	.traffic-cards canvas{
		width: 100% !important;
	}
	#trafficChart{
		min-width: initial !important;
	}
	#trafficChart img{
		width:100%;
		height:auto;
	
	}
	.sub-items {
	  display: flex;
	  font-size: 12px;
	  color: #333;
	  text-align: center;
	  margin-top: 10px;
	  align-items: center;
	   justify-content: center;
	border-radius: 5px;
	 
	}
	.sub-items2{
		padding: 10px 10px;
		min-height: 90px;

	}
	.sub-items a {
	  color: #333;
	  width: 100%;
	  padding: 0 5px;
	  text-align: centert;
	padding-right: 2px;
	}
	.main-counter {
		position: relative;
	  }
	/* form styling start */
	.form-md .form-group {
	  margin-left: auto;
	  margin-right: auto;
	  max-width: 320px;
	}
	.form-group {
	  margin-bottom: 16px;
	  position: relative;
	}
	input {
	  position: relative;
	  display: block;
	  width: 100%;
	  border: 1px solid rgba(0,0,0,.37);
	  border-radius: 10px;
	  background-color: transparent;
	  margin: 0px auto;
	  padding: 6px 4px 4px 14px;
	  height: 40px;
	  outline: none !important;
	  font-size: 16px;
	  color: rgba(0,0,0,0.85);
	  transition: all .2s ease-in-out;
	}
	
	.floating-label{
	  position: absolute;
	  top: 13px; 
	  left: 12px;
	  text-align: left;
	  display: inline-block;
	  padding: 0 4px;
	  height: 14px;
	  line-height: 14px;
	  font-size: 14px;
	  font-weight: 400;
	  background: #fff;
	  color: #C7CCD2;
	  margin: 0px auto;
	  cursor: text;
	  transition: all .15s ease-in-out;
	}
	input:hover, input:focus { border: 1px solid #C3CCD3!important; }
	
	input:valid + label, input:focus + label { 
	  top: -6px;
	  color: #5E7389;
		font-weight: bold;
	  background:#F5F5F5;
	}
	select:focus + label { 
	  top: -6px;
	  color: #5E7389;
		font-weight: bold;
	  background:#F5F5F5;
	}
	.gl-form-asterisk {
		background-color: inherit;
		color: #e32b2b;
		padding: 0;
		padding-left: 3px;
	   
	}
	.gl-form-asterisk:after {
		content: "*";
	}
	.new-btns1{
		border: 1px solid #58D984;
	}
	.new-btns2{
		border: 1px solid #F79A4F;
	}
	/* form styling end */
	
	

	.bardana-registration .license-form form select{
	  width: 100%;
	  height: 40px;
	  border-radius: 10px;
	  border: solid 1px #ccc;
	  outline: none;
	  padding: 10px 10px;
	  font-weight: normal;
	  font-size: 13px;
	  margin-bottom: 10px;
	}
	.bardana-registration .license-form form .select{
	
		padding: 7px 10px!important;
	
	  }
	/* select */
	.did-floating-label-content {
		 position: relative;
		 margin-bottom: 20px;
	}
	 .did-floating-label{
		color: #C7CCD2;
		font-size: 13px;
		 font-weight: normal;
		 position: absolute;
		 pointer-events: none;
		 left: 15px;
		 top: 8px;
		 padding: 0 5px;
		 background: #fff;
		 transition: 0.2s ease all;
		 -moz-transition: 0.2s ease all;
		 -webkit-transition: 0.2s ease all;
	}
	 .did-floating-input, .did-floating-select {
		 font-size: 12px;
		 display: block;
		 width: 100%;
		 height: 36px;
		 padding: 0 20px;
		 background: #fff;
		 color: #323840;
		 border: 1px solid #3d85d8;
		 border-radius: 4px;
		 box-sizing: border-box;
	}
	 .did-floating-input:focus, .did-floating-select:focus{
		 outline: none;
		 /* background: #F5F5F5; */
		 color: #5E7389;
		font-weight: bold;
	   
	}
	 .did-floating-input:focus ~ .did-floating-label, .did-floating-select:focus ~ .did-floating-label {
		 top: -13px;
		 font-size: 13px;
		 /* background:#F5F5F5; */
	}
	 select.did-floating-select {
		 -webkit-appearance: none;
		 -moz-appearance: none;
		 appearance: none;
	}
	 select.did-floating-select::-ms-expand {
		 display: none;
	}
	 .did-floating-input:not(:placeholder-shown) ~ .did-floating-label {
		 top: -8px;
		 font-size: 13px;
		 color: #5E7389;
		 
		 
	}
	 .did-floating-select:not([value="
	"
	]):valid ~ .did-floating-label {
		 top: -8px;
		 font-size: 13px;
	}
	 .did-floating-select[value="
	"
	]:focus ~ .did-floating-label {
		 top: 11px;
		 font-size: 13px;
	}
	.btn-danger{
		background:#F5984E!important;
		padding-inline:40px;
		outline-none;
		border: 1px solid #F5984E;
		color:#fff;
	}
	.btn-danger:hover{
		outline:none;
		border:1px solid #F5984E;
		opacity:0.8;
	}
	.btn-outline-success{
		padding-inline:40px;
		outline-color:#66DC96!important;
		border: 1px solid #66DC96;
		color:#66DC96;
		float:right;
	}
	.btn-outline-success:hover{
		background:#66DC96;
		outline-color:#66DC96!important;
		border: 1px solid #66DC96;
	
	}
	.dashboard-stats{
		border-bottom: 2px solid #C3CCD3;
		
	}
	/* cards stats start */
	.dashboard-stats .item-icon2{
		position: absolute;
		top: -29px;
		right: 115px;
	}
	.dashboard-stats .stats-item2 {
		position: relative;
	}
	.status{
		padding-block:16px;
	}
	/* cards stats end */
	@media only screen and (max-width: 1400px){
		.btn-outline-success{
			float:left;
			
		}
	}
	/* new dash dashboard end*/
	/* new wheatrelease dashboard start */
	/* form styling start */
.form-md .form-group {
	margin-left: auto;
	margin-right: auto;
	max-width: 320px;
  }
  .form-group {
	margin-bottom: 16px;
	position: relative;
  }
  input {
	position: relative;
	display: block;
	width: 100%;
	border: 1px solid rgba(0,0,0,.37);
	border-radius: 10px;
	background-color: transparent;
	margin: 0px auto;
	padding: 6px 4px 4px 14px;
	height: 40px;
	outline: none !important;
	font-size: 16px;
	color: rgba(0,0,0,0.85);
	transition: all .2s ease-in-out;
  }
  
  .floating-label{
	position: absolute;
	top: 13px; 
	left: 12px;
	text-align: left;
	display: inline-block;
	padding: 0 4px;
	height: 14px;
	line-height: 14px;
	font-size: 14px;
	font-weight: 400;
	background: #fff;
	color: #C7CCD2;
	margin: 0px auto;
	cursor: text;
	transition: all .15s ease-in-out;
  }
  input:hover, input:focus { border: 1px solid #C3CCD3!important; }
  
  input:valid + label, input:focus + label { 
	top: -6px;
	color: #5E7389;
	  font-weight: bold;
	background:#F5F5F5;
  }
  select:focus + label { 
	top: -6px;
	color: #5E7389;
	  font-weight: bold;
	background:#F5F5F5;
  }
  .gl-form-asterisk {
	  background-color: inherit;
	  color: #e32b2b;
	  padding: 0;
	  padding-left: 3px;
	 
  }
  .gl-form-asterisk:after {
	  content: "*";
  }
  /* form styling end */
  
  
  
  .bardana-registration .license-form form select{
	  width: 100%;
	height: auto;
	border-radius: 4px;
	border: solid 1px #ccc;
	outline: none;
	padding:12px 10px!important;
	font-weight: normal;
	font-size: 13px;
	margin-bottom: 10px;
  }
  input[type="text"], .bardana-registration .license-form form input[type="date"], input[type="password"]{
	  padding:12px 12px!important;
  }
  /* select */
  .did-floating-label-content {
	   position: relative;
	   margin-bottom: 20px;
  }
   .did-floating-label{
	  color: #C7CCD2;
	  font-size: 13px;
	   font-weight: normal;
	   position: absolute;
	   pointer-events: none;
	   left: 15px;
	   top: 8px;
	   padding: 0 5px;
	   background: #fff;
	   transition: 0.2s ease all;
	   -moz-transition: 0.2s ease all;
	   -webkit-transition: 0.2s ease all;
  }
   .did-floating-input, .did-floating-select {
	   font-size: 12px;
	   display: block;
	   width: 100%;
	   height: 36px;
	   padding: 0 20px;
	   background: #fff;
	   color: #323840;
	   border: 1px solid #3d85d8;
	   border-radius: 4px;
	   box-sizing: border-box;
  }
   .did-floating-input:focus, .did-floating-select:focus{
	   outline: none;
	   /* background: #F5F5F5; */
	   color: #5E7389;
	  font-weight: bold;
	 
  }
   .did-floating-input:focus ~ .did-floating-label, .did-floating-select:focus ~ .did-floating-label {
	   top: -13px;
	   font-size: 13px;
	   /* background:#F5F5F5; */
  }
   select.did-floating-select {
	   -webkit-appearance: none;
	   -moz-appearance: none;
	   appearance: none;
  }
   select.did-floating-select::-ms-expand {
	   display: none;
  }
   .did-floating-input:not(:placeholder-shown) ~ .did-floating-label {
	   top: -8px;
	   font-size: 13px;
	   color: #5E7389;
	   
	   
  }
   .did-floating-select:not([value="
  "
  ]):valid ~ .did-floating-label {
	   top: -8px;
	   font-size: 13px;
  }
   .did-floating-select[value="
  "
  ]:focus ~ .did-floating-label {
	   top: 11px;
	   font-size: 13px;
  }
  .btn-danger{
	  background:#F5984E!important;
	  padding: 13px 40px;
	  border: 2px solid #F5984E;
	  outline-none;
	  
	  color:#fff;
  }
  .btn-danger:hover{
	  outline:none;
	  border:1px solid #F5984E;
	  opacity:0.8;
  }
  .btn-outline-success{
	  padding: 13px 40px;
  
	  outline-color:#66DC96!important;
	  border: 1px solid #66DC96;
	  color:#66DC96;
	  /* float:right; */
  }
  .btn-outline-success:hover{
	  background:#66DC96;
	  outline-color:#66DC96!important;
	  border: 1px solid #66DC96;
  
  }
  .dashboard-stats{
	  border-bottom: 2px solid #C3CCD3;
	  
  }
  /* cards stats start */
  /* .dashboard-stats .item-icon{
	  position: absolute;
	  top: -29px;
	  right: 114px;
  } */
  .dashboard-stats .stats-item {
	  position: relative;
  }
  .status{
	  padding-block:16px;
	  text-align: center;
  }
  /* cards stats end */
  @media only screen and (max-width: 1400px){
	  .buttns{
		  text-align: center;
		  
	  }
  }

  
  /* .extrapad-status{
	padding-block: 36px;

  } */
  /* new wheatrelease dashboard end */

	/* my styles end */
 
 
body{
	margin: 0;
	font-size:16px;
	line-height:24px;
	background:#f1f2f5;
	background-size: 100% auto;	
	background-position:100%;
}
img { border-style: none; }
a {
	text-decoration: none;
}
a:hover { 
	text-decoration: none;
}
input,
textarea,
select {
	font-size: 13pxs;
	vertical-align: middle;
}
form,
fieldset {
	margin: 0;
	padding: 0;
	border-style: none;
}
label{
	font-weight:normal;
	font-size:14px;
}
ul {
	padding-left: 0;
}
ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	
}
h1, h2, h3, h4, h5, h6{
	font-family: 'Roboto', sans-serif;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary { display: block; }
/*/======General=========*/
.bg-theme-dark{
	background:#113b77;
}
.bg-theme-blue{
	background:#337ab7;
}
.bg-theme-gray{
	background:#e6e6e6;
}
.text-theme-green{
	color:#058039;
}
.text-theme-greenlight{
	color:#1aa655;
}
.btn-theme{
	background:#34495e;
	border:1px solid #34495e;
	color:#fff;
}
.btn-theme:hover{
	opacity:0.9;
	color:#fff;
}
.btn-theme-green{
	color:#ffffff;
  border-radius: 2px;
  background-image: -moz-linear-gradient( -90deg, rgb(8,176,79) 0%, rgb(9,128,59) 100%);
  background-image: -webkit-linear-gradient( -90deg, rgb(8,176,79) 0%, rgb(9,128,59) 100%);
  background-image: -ms-linear-gradient( -90deg, rgb(8,176,79) 0%, rgb(9,128,59) 100%);
}
.btn-theme-green:hover,
.btn-green2:hover{
	color:#ffffff;
	opacity:0.9;
}
.btn-green2{
	color:#ffffff;
  background: #2ecc71;
  border:1px solid #2ecc71;
}
.form-control{
	font-size:0.80rem;
	border-radius:2px;
	border:1px solid #ccc;
	color:#838383;
	height: calc(2.1rem + 2px);
}
.btn-datTable{
	color:#838383;
  border-width: 1px;
  border-color: rgb(179, 179, 179);
  border-style: solid;
  border-radius: 2px !important;
  background-image: -moz-linear-gradient( -90deg, rgb(254,254,254) 0%, rgb(245,245,245) 51%, rgb(235,235,235) 98%);
  background-image: -webkit-linear-gradient( -90deg, rgb(254,254,254) 0%, rgb(245,245,245) 51%, rgb(235,235,235) 98%);
  background-image: -ms-linear-gradient( -90deg, rgb(254,254,254) 0%, rgb(245,245,245) 51%, rgb(235,235,235) 98%);
  margin-right:0.25rem;
}
.btn-datTable:hover{
	color:#838383;
	opacity:0.95;
}
/*===========Login=========*/
.login-text h1{
	font-size: 18px;
	font-weight: bold;
	color: #009C48;
	text-align: center;
}
.login-text h2{
	font-size: 31px;
	font-weight: medium;
	color: #7A7A7A;
	text-align: center;
}
.login-text p{
	font-size: 16px;
	font-weight: medium;
	color: #7A7A7A;
	text-align: center;
}
#login-page{
	background:url('https://dfd.punjab.gov.pk/assets/images/new-login1.png') center no-repeat;
	background-size:cover;
}
#login-right {
	background:rgba(255,255,255,0.8);
    overflow: hidden;
    height: 100vh;
}
.login-container {
    position: relative;
    padding: 40px 50px 40px;
}
/*=============Left Bar=======*/
.topbar .topbar-left{
	background: #f5f5f5;
}
.topbar .topbar-left{
	height:94px;
}
.navbar-custom{
	/* background:#fff; */
	border-top:11px solid #F79A4F;
	border-bottom:1px solid #F79A4F;
	/* background: url(https://dfd.punjab.gov.pk/assets/images/new-login1.png) right no-repeat; */
}
.separator{
    color: white;
    margin-right: 18px;
}

.chapter-dropdown{
    top: 35px;
    right: 275px;
    position: absolute;
}

.chapter-dropdown select{
    width: 140px;
    height: 40px;
    border-radius: 20px;
    border: solid 1px #ccc;
    outline: none;
    padding: 10px 10px;
    font-weight: normal;
    font-size: 13px;
    margin-bottom: 10px;
}
.navbar-right .fa-angle-down{
    color: white;
    margin-left: -10px;
}
.mdi-menu{
	color: #333;
}

.button-menu-mobile {
    background: none;
    color: #fff;
    /* border-bottom: 1px solid #ddd; */
    height: 93px;
}
.side-menu{
	background:#fff;
	top:80px;
	box-shadow: 0px 0px 6.79px 0.21px rgba(0, 0, 0, 0.16);
}

/* Bardana Registration */

input[type=text], .bardana-registration .license-form form input[type=date] ,input[type=password]{
	width: 100%;
	height: 40px;
	border-radius: 4px;
	border: solid 1px #ccc;
	outline: none;
	background: white;
	padding: 12px 10px!important;
	font-weight: normal;
	font-size: 13px;
	margin-bottom: 12px;
}
input[type=number], .bardana-registration .license-form form input[type=date] ,input[type=password]{
	width: 100%;
	height: 40px;
	border-radius: 4px;
	border: solid 1px #ccc;
	outline: none;
	background: white;
	padding: 12px 10px!important;
	font-weight: normal;
	font-size: 13px;
	margin-bottom: 12px;
}
.login-wrapper input[type=text], .bardana-registration .license-form form input[type=date] ,input[type=password]{
	width: 100%;
	height: 40px;
	border-radius: 4px;
	border: solid 1px #ccc;
	outline: none;
	background: white;
	padding: 24px 10px!important;
	font-weight: normal;
	font-size: 13px;
	margin-bottom: 12px;
}
.login-wrapper form i{
	margin-left: -30px;
    cursor: pointer;
}
.license-form2 input[type=text], .bardana-registration .license-form form input[type=date] ,input[type=password]{
	padding: 24px 10px!important;

}

.godowns-wrapper{
	background:#faefcd;
	padding: 8px 0;
	margin: 10px 0;
	border-radius: 6px;
}

.add-dealer{
	position: absolute;
    bottom: 146px;
    left: -6px;
    color: #1b9e3d;
	z-index: 100;
	cursor:pointer;
	background: white;
}
.remove-dealer{
	position: absolute;
    bottom: 146px;
    right: -6px;
    color: #f15b40;
	z-index: 100;
	cursor:pointer;
	background: white;
}

.text-danger {
    color: 
    #ec4561 !important;
    font-size: 11px;
    margin-top: ;
    position: absolute;
    width: 100%;
    bottom: -11px;
    left: 20px;
}

.login{
	/* The image used */
	background:url('./new-login.png') center no-repeat;
	background-size:cover;
	height: 100%;
  	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.login .login-wrapper{
	margin: 0 auto;
	margin-top: 2%;
	border-radius: 4px;
	width: 30%;
	padding: 15px;
	padding-top: 20px;
	background: rgba(255, 255, 255, 0.9);
}

.login .login-wrapper form label{
	color: #7A7A7A;
	display: block;
	font-size: 16px;
	padding-left: 1px;
}

.login .login-wrapper form .remember-me{
	color: white;
	font-size: 13px;
}

.login .login-wrapper form .forgot a{
	color: #2D6C98;
	font-size: 13px;
	float: right;
}

.login .login-wrapper form .forgot a:hover{
	text-decoration: underline;
}

.login .login-wrapper form .submit{
	width: 100%;
	color: white;
	font-weight: 400;
	background: #F79A4F;
	font-size: 16px;
	border: 0;
	display: block;
	padding: 10px 20px;
	border-radius: 4px;
	margin-top: 20px;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5);
}

.navbar-custom{
	min-height: 93px;
}

.web-title {
    color: #373737;
    font-weight: 500;
    font-size: 41px;
    padding-top: 12px;
    font-family: 'Bebas Neue', cursive;
}
.small{
	color: #333!important;
}

.web-title span {
    display: block;
    font-size: 1.15rem;
    margin-top: -5px;
    font-weight: 400;
    font-family: roboto;
}


.content-page .content{
	margin-top:94px;
	padding: 15px 35px;
}

.content-page .content .page-title{
	background: white;
	padding: 10px 20px;
}

.bardana-registration h4 {
    margin: 0;
    font-weight: 500;
    color: #0373737;
}

.bardana-registration form .license-form{
	background: white;
	margin-top: 20px;
	padding: 15px;
	width: 100%;

}

.bardana-registration .license-form .form-error-container{
	 position: relative
}

.bardana-registration form .license-form  h4{
	margin-top: 15px;
	margin-bottom: 10px;
	color: #333333;
}

.bardana-registration form .license-form  h5{
	color: #2686bc;
	margin-bottom: 15px;
	padding-bottom: 8px;
	font-weight: 500;
	font-size: 18px;
	border-bottom: solid 1px #e7e7e7;
}

.bardana-registration form .license-form  label{
	display: block;
	font-size: 13px;
	color: #3f3f3f;
	/* color: #EE6C4D; */
	font-weight: 500;
	padding-left: 10px;
}

.year-title{
	display: block;
width: 100%;
font-size: 20px;
border-bottom: solid 1px #ccc;
padding-bottom: 6px;
font-weight: 600;
color: #048e6c;
margin-bottom: 12px
}

.bardana-registration form .license-form  input[type=checkbox]{
	width: 18px;
	height: 18px;
	border-radius: 2px;
	border: solid 1px #ccc;
	outline: none;
}

.bardana-registration form .license-form  .check-options{
	font-size: 14px;
	color: #333;
}

.bardana-registration form .license-form  .custom-file-label{
	width: 100%;
	height: 40px;
	border-radius: 20px;
	border: solid 1px #ccc;
	outline: none;
	padding: 10px 20px;
	font-weight: normal;
	font-size: 13px;
	margin-bottom: 12px;
	cursor: pointer;
}
.sub-items .title{
    color:#EE6C4D;
}
.sub-items a {
	color: #333;
}

.bardana-registration form .license-form .custom-file-label::after {
	content: "\f093";
	font-family: "fontAwesome";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    padding: .375rem .75rem;
    padding-top: .41rem;
    line-height: 1.5;
    color: #495057;
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 .25rem .25rem 0;
    border-radius: 0 20px 20px 0;
	height: 38px;
	cursor: pointer;
	font-size: 18px;
}
.bardana-registration form .license-form select{
	width: 100%;
	height: 40px;
	border-radius: 5px;
	border: solid 1px #ccc;
	outline: none;
	padding: 10px 10px;
	font-weight: normal;
	font-size: 13px;
	margin-bottom: 10px;
	padding: 12px 12px !important;
	background-color: transparent;
}

.bardana-registration form .license-form  .add-section{
	border-radius: 4px;
	padding: 8px;
	background: #eee;
	margin: 5px 0;
	margin-bottom: 15px
}

.bardana-registration form .license-form .add-section a{
	color: #333;
	font-weight: 500;
}

.bardana-registration form .license-form .add-section .fa-plus-circle{
	color: #1b9e3d;
}

.bardana-registration form .license-form .add-section .fa-minus-circle{
	margin-left: 50px;
	color: #e14e34;
}

.bardana-registration form .license-form .submit{
	min-width: 200px;
	color: white;
	font-weight: 600;
	background: #EE6C4D;
	font-size: 18px;
	border: 0;
	display: block;
	padding: 10px 20px;
	border-radius: 40px;
}

.bardana-registration form .license-form  .cancel{
	min-width: 200px;
	color: #474747;
	font-weight: 600;
	background: #cccccc;
	font-size: 18px;
	border: 0;
	display: block;
	padding: 10px 20px;
	border-radius: 40px;
	margin-left: -20px;
}

.stock-table{
	width: 100%;
	border: solid 1px #ccc;
	margin-top: 15px;
	text-align: center;
	margin-bottom: 20px;
	color: #333;
}

.stock-table thead{
	/* color: white; */
	/* background: #409dd2; */
	/* background:  #40394f; */
	font-weight: 500;
	font-size: 14px;
	color: #2D6C98;
	background: #409dd2;
	background: #ecf0f4;
}

.stock-table thead tr td{
	padding: 10px;
	border-right: solid 1px #ccc !important; 
}

.stock-table thead tr td:last-child{
	border-right: 0 !important;
}

.stock-table tbody tr td{
	border: solid 1px #ccc;
}

.stock-table tbody input{
	border: 0 !important;
	margin-bottom: 0 !important;
	text-align: center;
}

.inside-table{
	width: 100%;
}

.inside-table td{
	border: 0 !important;
}

/*.inside-table td:first-child, td:nth-child(2), td:nth-child(3){*/
.inside-table td:first-child, td:not(:last-child){	
	border-right: 1px solid #ccc !important;
}

.small-font{
	font-size: 14px;
	margin: 0;
}

.small-font p{
	margin: 7px 0;
}

.footer{
	font-size: 14px
}

.dashboard-stats .form-row>.col, .form-row>[class*=col-] {
    padding-right: 12px;
    padding-left: 12px;
}

.dashboard-stats .form-row{
    margin-right: -11px;
    margin-left: -11px;
}

.dashboard-stats .stats-item{
	padding: 25px;
	position: relative;
	background: white;
	box-shadow: 0p 0px 4px #ccc;
	margin-top: 20px;
	color: #9F9F9F;
	font-size: 12px;
	font-weight: 500;
	text-align: center;
	border-radius: 10px;
	box-shadow: 0 0 15px rgb(0 0 0 / 5%);
}

.dashboard-stats .item-icon{
	color: white;
	border-radius: 50%;
	width: 56px;
	height: 56px;
	display: inline-block;
	padding-top: 15px;
	text-align: center;
	font-size: 24px;
	margin-bottom: 15px;
}

.dashboard-stats .stats-item .stat-number{
	border: none;
	font-family: 'Bebas Neue', cursive;
	font-size: 34px;
	font-weight: normal;
	margin-bottom: -5px;
}

/* .dashboard-stats .item-footer{
	position: absolute;
	bottom: 1px;
	left: 0;
	width: 100%;
	height: 4px;
	border-radius: 0px 0px 3px 3px;
} */

.listing{
	margin-top: 20px;
}

.listing table tbody img{
	display: inline-block;
    width: 40px;
    height: 40px;
	border-radius: 50%;
	margin: 0 auto;
}

.listing table tbody .fa-edit{
	color: #307cef;
	margin: 0 2px;
	font-size: 16px;
}

.listing table tbody .fa-trash-alt{
	color: #f15b40;
	margin: 0 2px;
	font-size: 16px;
}

.listing .dataTables_info{
	font-size: 14px;
}

.farmer-detail{
	background: white;
	margin-top: 20px;
	padding: 15px;
	padding-top: 30px;
	padding-bottom: 15px;
	color: #333;
}

.farmer-detail .user-picture img{
	width: 160px;
	height: 160px;
	border-radius: 50%;
}

.farmer-detail label{
	display: block;
	margin: 0;
}

.farmer-detail b{
	margin-bottom: 30px;
	display: block;
}

.farmer-detail .user-picture b{
	display: block;
	margin-top: 15px;
	margin-bottom: 0px !important;
}

.farmer-detail .user-picture p{
	margin: 0;
	font-size: 13px;
}

.farmer-detail-border{
	border-left: solid 1px #ccc;
	padding-left: 15px;
}

.btn-search{
	margin-top: -4px;
color: white;

font-weight: 600;

background: white;

font-size: 15px;

border: 1px solid #27aa49;

display: block;

padding: 10px 20px;

border-radius: 40px;

color: #27aa49;

display: block;

width: 100%;
}

.btn-reset{
	margin-top: -4px;
color: white;

font-weight: 600;

background: white;

font-size: 15px;

border: 1px solid #999;

display: block;

padding: 10px 20px;

border-radius: 40px;

color: #666;

display: block;

width: 100%;
}

/* Bardana End  */

/* Colors */

.bg-light-green{background: #58E7BC;}
.bg-light-blue{background: #53A7E3;}
.bg-peach{background: #f79a4f;}
.bg-redish{background: #f15b40;}

.validator_higlighted{
	background: rgb(255,255,255);
background: -webkit-linear-gradient(right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 24%, rgba(231,242,202,1) 100%);
background: -o-linear-gradient(right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 24%, rgba(231,242,202,1) 100%);
background: linear-gradient(to left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 24%, rgba(231,242,202,1) 100%);
color: #248e5d;
	font-family: 'Bebas Neue';
	font-size: 18px;
}
.validator_difference_higlighted{
	color: #f15b40;
	font-family: 'Bebas Neue';
	font-size: 18px;
	position: relative;
}

.validator_difference_higlighted::before{
	content: "";
	width: 10px;
	height: 10px;
	background-image: url('../images/highlighted-arrow.png');
	position: absolute;
	top: 0;
	left: 0;
}

.small-button{
	font-size: 10px;
	border-radius: 2px;
}

.table > tbody > tr > td, .table > tfoot > tr > td, .table > thead > tr > td {
    padding: 8px 12px;
	color: 7A7A7A;
}
.table-bordered td, .table-bordered th{
	line-height: 1.4;
}

.validator_header{
	background-color: #40394f;
}

.red-import-wheat{
	background-color: #cb3838 !important;
}

.blue-import-wheat{
	background-color: #7e85f4 !important;
}

.total-kanals{
	position: relative;
}

.total-kanals span{
	position: absolute;
	background: #dbdbdb;
	min-width: 100px;
	height: 40px;
	border-radius: 20px;
	top: 32px;
	right: 11px;
	font-size: 13px;
	color: #333;
	text-align: center;
	padding-top: 8px;
}
.new-light-gray{color: #575757!important;}
.dark-gray{color: #333 !important;}
.light-green{color: #66DC96 !important;}
.light-blue{color:  #333 !important;}
.peach{color: #f79a4f !important;}
.redish{color: #FF7575 !important;}
.redish-two{color: #EE6C4D !important;}
.blue-light{color:#53A7E3!important;}
.brown-dark{color: #727272!important}
.light-gray{color: #9F9F9F !important;}
.lighter-sky{color: #65DEEE!important;}
.last-brw{color: #E8AE6B!important;}
.last-sk{color: #6BD9E8!important;}
.clr-new-sky{color:#FF7575!important;}




.bg-redish-two{background: #EE6C4D !important;}

.green{color:#58E7BC !important;}
.cgreen {color:#8cd358 !important;}
.purple{color:#5877E7 !important;}
.darkpink{color:#3ad9ea !important;}

.bg-green{background:#58E7BC!important;}
.bg-cgreen{background:#8cd358 !important;}
.bg-purple{background:#5877E7!important;}
.bg-light-org{background:#FFEBE4!important;}
.bg-darkpink{background:#65DEEE!important;}
.bg-orange{background:#FF7575!important;
		
border:0px}
.bg-light-sky{background:#D9F3FB!important;}
.bg-light-gray{background:#EEEAFF!important;}
.bg-light-blue{background:#53A7E3!important;}
.bg-lighter-sky{background: #65DEEE!important;}
.light-green-bg{background: #66DC96!important;}
.bg-last-sky{background:#D8EFFF!important;}
.bg-last-gray{background:#F3F3F3!important;}
.bg-last-org{background:#F8E8D5!important;}
.bg-last-green{background:#CCF8DB!important;}
.bg-last-brown{background:#E8AE6B!important;}
.bg-last-sk{background:#6BD9E8!important;}
.bg-new-sky{background:#D8EFFF!important;}

.dashboard-inner-title h2{
	background:white;
	padding: 7px 20px;
	font-weight: 425;
	font-size: 24px;
	margin-bottom: -10px;
	margin-top: 15px;
	border-left: 3px #f79a4f solid;
}

.g-recaptcha{
    background: transparent;
    text-align: center;
    padding-left: 55px;
}

/* End */

#sidebar-menu>ul>li>a{
	color:#6c6c6c;
	font-size:14px;
	/* border-bottom:1px solid rgba(103,155,245,0.3); */
	font-weight: 600;
}
#sidebar-menu>ul>li>a:hover{
	/* background:#409dd2; */
	/* background:#66DC96; */
	background-color: #F5984E;
	opacity: .8;
	color:#fff;
}
#sidebar-menu>ul>li>a.mm-active {
    background: #F5984E;
    color: #fff !important;
}
.submenu li a{
	color:#c5d1ea;
	font-size:12px;
	padding-left: 20px;
	white-space: pre-line;
}
.submenu li a:hover{
	/* background: #409dd2; */
	/* background:#F5984E; */
	/* background:#66DC96; */
	color:#fff;
}

#sidebar-menu ul li ul.sub-menu li {
    /* border-bottom: solid 1px #ccc; */
}

#sidebar-menu ul li ul.sub-menu li i{
    display: inline-block;
	background: none;
}

#sidebar-menu ul li ul.sub-menu li a {
    padding: 8px;
	padding-left: 30px;
    font-size: 13px;
    color: #6c6c6c;
	display: block;
	background:#ecefeb;
}

#sidebar-menu ul li ul.sub-menu li a:hover {
    /* background-color: #2f79a3; */
	background-color: #F5984E;
	opacity: .8;
	color: white;	
}

#sidebar-menu ul li ul.sub-menu li a::before {
    content: "\f1ce";
	font-family: "fontAwesome";
	padding-right: 10px;
	font-size: 12px;
	opacity: 0.7;
}

.enlarged #wrapper .left.side-menu #sidebar-menu>ul>li>a i {
    font-size: 18px;
    margin-left: 5px;
    margin-right: 20px!important;
}

.metismenu .has-arrow:after{
	display: none;
}

#sidebar-menu ul li.active {
    background-color: #409dd2;
	color: white !important;	
}

#sidebar-menu ul li.active span, #sidebar-menu ul li.active i{
	color: white !important;	
}
.enlarged #wrapper .left.side-menu #sidebar-menu>ul>li>a:active, .enlarged #wrapper .left.side-menu #sidebar-menu>ul>li>a:focus, .enlarged #wrapper .left.side-menu #sidebar-menu>ul>li>a:hover {
    color: #fff!important;
    background-color: #409dd2;
}
.enlarged #wrapper .left.side-menu #sidebar-menu ul>li:hover>a{
	color: #fff!important;
    background-color:  #409dd2;
}
.enlarged #wrapper .left.side-menu #sidebar-menu ul>li:hover>a{
	width:280px;
}
.enlarged #wrapper .left.side-menu #sidebar-menu ul>li:hover>ul,
.enlarged #wrapper .left.side-menu #sidebar-menu ul>li:hover>ul a{
	width:210px;
}
.enlarged #wrapper #sidebar-menu ul ul{
	background:#f79a4f;
}
.enlarged #wrapper .left.side-menu #sidebar-menu>ul>li>a i{
	margin-right:7px !important;
	margin-top:6px;
}
.dataTables_filter{
	display: inline !important;
	float: right;
}
.dataTables_length{
	display: inline !important;
}

.listing table tbody .fa-eye{
	color: #307cef;
	margin: 0 2px;
	font-size: 16px;
	background: white;
	padding: 8px;
	border-radius: 50%;
	box-shadow: 0px 0px 4px #ccc;
	cursor: pointer;

}

.listing table tbody .fa-times{
	color: #f15b40;
	margin: 0 2px;
	font-size: 16px;
	background: white;
	padding: 8px 10px;
	border-radius: 50%;
	box-shadow: 0px 0px 4px #ccc;
	cursor: pointer;
}

.listing table tbody .fa-trash-alt{
	color: red;
	margin: 0 2px;
	font-size: 16px;
	background: white;
	padding: 8px;
	border-radius: 50%;
	box-shadow: 0px 0px 4px #ccc;
	cursor: pointer;
}

.listing table tbody .fa-check{
	color: green;
	margin: 0 2px;
	font-size: 16px;
	background: white;
	padding: 8px;
	border-radius: 50%;
	box-shadow: 0px 0px 4px #ccc;
	cursor: pointer;
}

.listing table tbody .fa-edit{
	margin: 0 2px;
	font-size: 16px;
	background: white;
	padding: 8px;
	border-radius: 50%;
	box-shadow: 0px 0px 4px #ccc;
	cursor: pointer;
}
/*==============Dashboard============*/
/*=============user page===========*/
table {
    font-size: 13px;
}
/*=======Complaints=======*/
.stat-box {
  border-radius: 10px;
  min-height:140px;
  margin-bottom:1.5rem;
  padding:1.3rem 0;
}
.bg-orange-gradient{
	background-image: -moz-linear-gradient( -90deg, rgb(252,207,49) 0%, rgb(248,116,75) 100%);
  background-image: -webkit-linear-gradient( -90deg, rgb(252,207,49) 0%, rgb(248,116,75) 100%);
  background-image: -ms-linear-gradient( -90deg, rgb(252,207,49) 0%, rgb(248,116,75) 100%);
}
.bg-green-gradient{
  background-image: -moz-linear-gradient( -90deg, rgb(129,251,184) 0%, rgb(40,199,111) 100%);
  background-image: -webkit-linear-gradient( -90deg, rgb(129,251,184) 0%, rgb(40,199,111) 100%);
  background-image: -ms-linear-gradient( -90deg, rgb(129,251,184) 0%, rgb(40,199,111) 100%);
}
.bg-blue-gradient{
  background-image: -moz-linear-gradient( -90deg, rgb(171,220,255) 0%, rgb(3,150,255) 100%);
  background-image: -webkit-linear-gradient( -90deg, rgb(171,220,255) 0%, rgb(3,150,255) 100%);
  background-image: -ms-linear-gradient( -90deg, rgb(171,220,255) 0%, rgb(3,150,255) 100%);
}
.bg-gray-gradient{
  background-image: -moz-linear-gradient( -90deg, rgb(196,193,193) 0%, rgb(129,129,131) 100%);
  background-image: -webkit-linear-gradient( -90deg, rgb(196,193,193) 0%, rgb(129,129,131) 100%);
  background-image: -ms-linear-gradient( -90deg, rgb(196,193,193) 0%, rgb(129,129,131) 100%);
}
.bg-dblue-gradient {
  background-image: -moz-linear-gradient( -90deg, rgb(151,171,255) 0%, rgb(23,53,135) 100%);
  background-image: -webkit-linear-gradient( -90deg, rgb(151,171,255) 0%, rgb(23,53,135) 100%);
  background-image: -ms-linear-gradient( -90deg, rgb(151,171,255) 0%, rgb(23,53,135) 100%);
}
.bg-red-gradient {
  background-image: -moz-linear-gradient( -90deg, rgb(254,182,146) 0%, rgb(234,84,85) 100%);
  background-image: -webkit-linear-gradient( -90deg, rgb(254,182,146) 0%, rgb(234,84,85) 100%);
  background-image: -ms-linear-gradient( -90deg, rgb(254,182,146) 0%, rgb(234,84,85) 100%);
}
.bg-dgreen-gradient{
  background-image: -moz-linear-gradient( -90deg, rgb(112,245,112) 0%, rgb(73,198,40) 100%);
  background-image: -webkit-linear-gradient( -90deg, rgb(112,245,112) 0%, rgb(73,198,40) 100%);
  background-image: -ms-linear-gradient( -90deg, rgb(112,245,112) 0%, rgb(73,198,40) 100%);
}
.stat-number{
  font-size: 34px;
  font-weight:bold;
  color: rgb(255, 255, 255);
  line-height: 1.2;
  padding-bottom:7px;
  /* border-bottom:1px solid rgba(0,0,0,0.3); */
}
.stat-text{
  font-size: 17px;
  font-family: "Roboto";
  color: rgb(255, 255, 255);
  line-height: 1.2;
  padding-top:8px;
  margin-top:0.5px;
  border-top:1px solid rgba(255,255,255,0.3);
}
.ellipsis { text-overflow: ellipsis; overflow:hidden;white-space:nowrap; }
.btn-group{
	display: inline !important;
}
.required{
	color: red;
}
.browse_limitations{
	font-size: 11px;
    float: right;
    color: #999;
}
table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before{
	top:18px;
}
table.dataTable thead th, table.dataTable thead td{
	border-bottom:none !important;
}

.add_btn{
	font-size: 12px;
	width: 70px;
	padding: 3px 0px;
	font-weight: bold;
}
.view_cleaner{
	padding: 0px;
	background: transparent !important;
	color: green;
	box-shadow: none !important;
}
.payment_remaining{
	background: #33C48D;
	color: white;
	padding: 5px 10px;
	font-size: 14px;
	border-radius: 2px;
	margin-left: 13px;
	margin-top: 10px;
	margin-bottom: 8px;
	box-shadow: 0px 2px 4px #ccc;
	font-weight: bold;
}
#remaining_amount_words{
	font-style: italic;
	font-size: 13px;
}





/*form2*/


/* Bardana Forms */

@font-face {
  font-family: NotoNastaliqUrdu;
   src: url('../fonts/NotoNastaliqUrdu.ttf'), src: url('../fonts/NotoNastaliqUrdu.eot');
   src: url('../fonts/NotoNastaliqUrdu.eot?#iefix') format("embedded-opentype"), 
   url('../fonts/NotoNastaliqUrdu.woff') format("woff"), 
   url('../fonts/NotoNastaliqUrdu.woff2') format("woff2"), 
   url('../fonts/NotoNastaliqUrdu.ttf');
}

.rtl-text{text-align: right;  display: inline-block; float: right;}
.ltr-text{text-align: left; font-size: 12px; font-weight: normal; display: inline-block; float: left; font-family: 'Roboto', sans-serif; margin-left: -12px;
}

.food-forms .form-row{
  direction:rtl;
}

.food-forms{
  font-family: NotoNastaliqUrdu;
  font-size: 18px;
  letter-spacing: 0;
  color: black;
}


.food-forms label{
  margin-bottom: 30px;
  margin-top: 20px;
  color: #000 !important;
}

.license-form .food-forms {
  padding-bottom: 40px !important;

}

.food-forms  .form-title{
  color: black;
  font-weight: normal;
  text-align: center !important;
  display: block;
  font-family: NotoNastaliqUrdu;
}

.form-data{
  min-height: 35px;
    border-bottom: solid 1px #999;
    font-family: 'Roboto', sans-serif;
    display: block;
    padding-top: 9px;
  color: black;
  font-size: 14px;
  font-weight: 600;
}

.food-forms  .form-title2{
  margin-top: 12px;
  width: 100%;
  color: black;
  font-weight: normal;
  text-align: center !important;
  display: block;
  font-family: NotoNastaliqUrdu;
}

.enter-cnic{
  height: 25px;
    font-family: 'Roboto', sans-serif;
    display: block;
  margin-bottom: 46px;
    color: black;
}

.enter-cnic .cnic-box{
  width: 28px;
  height: 33px;
  margin-top: 20px;
  border: solid 1px #999;
  float: left;
  padding: 5px;
  text-align: center;
}

.wheat-title{
  font-family: NotoNastaliqUrdu;
  text-align: right;
  padding: 10px 0;
}

.wheat-payment-table {
  width: 100%;
  direction:rtl;
  color: black;
}

.wheat-payment-table td{
  border: solid 1px #666;
  padding: 5px;
  text-align: center;
  color: black;
  font-size: 16px;
}

.wheat-payment-table th{
  border: solid 1px #666;
  padding: 10px;
  text-align: center;
  color: black;
  font-size: 18px;
}

.wheat-payment-table b{    
  background: #40394f;
  padding: 2px 20px;
  border-radius: 4px;
  margin: 4px 0;
  display: block;
  color: white
}

.urdu-font{
  font-family: NotoNastaliqUrdu;
  font-size: 18px !important;
}

.form-heading{
  font-family: NotoNastaliqUrdu;
  text-align: center;
  font-size: 40px;
  color: #40394f;
  margin-top: 10px;
}

.form-heading span{
  display: block;
  font-size: 20px;
  margin-top: 20px;
}

.not-transfered{
  font-family: NotoNastaliqUrdu;
  text-align: right;
  color: #333;
  font-size: 20px;
  margin-top: 20px;
}

.branch-copy{
  font-family: 'Roboto', sans-serif;
    font-size: 12px;
    /* text-align: right; */
    margin-top: 16px;
    border: solid 1px #999;
    display: inline-block;
    border-radius: 3px;
    padding: 2px 10px;
    float: left;
    margin-left: 20px;
}

.bank-title{
  text-align: center;
  color: black;
  font-size: 20px;
  margin: 10px 0;
  margin-bottom: 40px;
}

.wheat-table-footer{
  text-align: right;
  color: black !important;
  margin-top: 40px;
  font-size: 18px;
}


.wheat-table-footer h4{
  font-family: NotoNastaliqUrdu;
  color: black !important;
  margin-top: 40px;
  font-size: 18px;
}

.tasfya-table td, .tasfya-table th{
  padding: 1px;
  font-size: 14px;
}



.wheat-table-footer label{
  font-size: 18px !important;
  color: black !important;
}

.form-horizontal .form-group {
  margin-bottom: 0; }
.form-group {
  width: 100%;
  margin-bottom: 25px; }
  .form-heading-transfer
{
  border-bottom: 1px solid #111

}
.form-heading-transfer .text{
  padding: 9px 0;
  text-align: center;
  /*background: #dedede;*/
  /*color: #111;*/
    background: #111;
    color: #fff;
  max-width: 250px;
  font-size:22px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
#red_checkbox, #blue_checkbox, #green_checkbox {
	position: relative;
	display: inline-block;
	width: auto;
	border: none;
	border-radius: 0;
	background-color: transparent;
	margin: 0px auto;
	padding: 0;
	height: auto;
	outline: none !important;
	font-size: 16px;
	color: rgba(0,0,0,0.85);
	transition: all .2s ease-in-out;
}
#red_checkbox:hover, #blue_checkbox:hover, #green_checkbox:hover, #red_checkbox:focus, #blue_checkbox:focus, #green_checkbox:focus{
	border: none !important;
}
.section-loader{
	position: absolute;
	width: 100%;
	min-height: 94.5%;
	background: rgba(255, 255, 255, 0.75);
	z-index: 10;
	left: 0;
	top: 17px;
	margin: 2px;
	border-radius: 10px;
 
}
.d-wheat-item{
	min-height: 130px;
}
.d-wheat-item .title{
	line-height: normal;
	padding: 0px 0 9px !important;
}
.loading-gif{
    width: 50px;
    margin: 68px 0;
}

.listing table tbody .fa-print{
	margin: 0 2px;
	font-size: 16px;
	background: white;
	padding: 8px;
	border-radius: 50%;
	box-shadow: 0px 0px 4px #ccc;
	cursor: pointer;
}
.english-text{
	font-family: Roboto,sans-serif;
	font-size: 14px !important;
}
.ltr{
	direction: ltr;
}
.form-info
{
	background: #40394f;
	padding: 20px;
	padding-top: 5px;
	margin-bottom: 30px;
	border-radius: 4px;
	color: white
}

.form-info .form-data{
	color: white;
	border-bottom: solid 1px #fff;
}

.bardana-registration form .license-form .form-info  label{
	color: white !important;
}

.food-forms .fa-print
{
	color: #40394f;
	cursor: pointer;
	margin-bottom: 5px
}
.table-content
{
	font-family: 'Roboto';
    font-weight: 500;
    font-size: 14px !important;
}
.stamp_print{
	display: none;
}
.fs_separator{
	font-size: 12px;
	font-weight: 400;
}
.show_to_sender {
    background-color: #e3e3e3 !important;
}
.percentage-sec{
	width: 107px;
	height: 100px;
	font-size: 18px;
	text-align: right;
	padding-top: 15px;
	padding-right: 11px;
	color: #219653;
	top: 0;
	right: 0;
	position: absolute;
	/* background: url(../images/triangle.png) no-repeat; */
}

#map-canvas {
	height: 600px;
	width:100%;
	margin: 0px;
	padding: 0px;
}
.info-win-custom p {
	background-color: #426B49;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 1px;
	padding: 5px 10px;
	text-transform: capitalize;
	width: 300px;
}
.info-win-custom strong {
	border-radius: 2px;
	color: #FFFFFF;
	font-weight: normal;
	padding: 0 10px;
}
.info-win-custom img {
    max-height: 300px;
    width: 100%;
}
.rowElem.x25 {
    float:right !important;
    margin-top:10px;
    width: 27.8%;
}
.rowElem select {
    background-color: #EEEEEE;
    border: 5px solid #DDDDDD;
    padding: 4px 7px;
    width: 100%;
}
.total_visits{
    font-weight: bold;
    margin-left: 10px;
}
/* charts css */
.custom-charts{
	padding: 20px;
	background-color: white;
}
.highcharts-credits{
	display: none!important;
}

/* video thumbnail css*/

.thumbnail-video{
	position: relative;
}
.thumbnail-video img.video{
	width: 100%;
	height: 200px;
}
.play-video{
	position: absolute;
	left: 50%;
	right: 0;
	top: 50px;
	bottom: 0;
	width: 100px;
	margin-left: -50px;
	font-size: 100px;
	color: #fff;
}
.urdu_farmers_name{
	float: right;
	padding-right: 10px;
}