/*!

 * Start Bootstrap - SB Admin Bootstrap Admin Template (http://startbootstrap.com)

 * Code licensed under the Apache License v2.0.

 * For details, see http://www.apache.org/licenses/LICENSE-2.0.

 */



/* Global Styles */

@font-face {

  font-family: 'Noori Nastaleeq';

  src: url('../fonts/jameel_noori_nastaleeq.ttf')  format('truetype');

}

@font-face {

  font-family: 'Noori Nastaleeq Kasheeda';

  src: url('../fonts/jameel_noori_nastaleeq_kasheeda.ttf')  format('truetype');

}

/* open-sans-300 - latin */

@font-face {

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 300;

  src: url('../fonts/open-sans-v17-latin-300.eot'); /* IE9 Compat Modes */

  src: local('Open Sans Light'), local('OpenSans-Light'),

       url('../fonts/open-sans-v17-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

       url('../fonts/open-sans-v17-latin-300.woff2') format('woff2'), /* Super Modern Browsers */

       url('../fonts/open-sans-v17-latin-300.woff') format('woff'), /* Modern Browsers */

       url('../fonts/open-sans-v17-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */

       url('../fonts/open-sans-v17-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */

}



/* open-sans-300italic - latin */

@font-face {

  font-family: 'Open Sans';

  font-style: italic;

  font-weight: 300;

  src: url('../fonts/open-sans-v17-latin-300italic.eot'); /* IE9 Compat Modes */

  src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'),

       url('../fonts/open-sans-v17-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

       url('../fonts/open-sans-v17-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */

       url('../fonts/open-sans-v17-latin-300italic.woff') format('woff'), /* Modern Browsers */

       url('../fonts/open-sans-v17-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */

       url('../fonts/open-sans-v17-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */

}



/* open-sans-regular - latin */

@font-face {

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 400;

  src: url('../fonts/open-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */

  src: local('Open Sans Regular'), local('OpenSans-Regular'),

       url('../fonts/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

       url('../fonts/open-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */

       url('../fonts/open-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */

       url('../fonts/open-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */

       url('../fonts/open-sans-v17-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */

}



/* open-sans-italic - latin */

@font-face {

  font-family: 'Open Sans';

  font-style: italic;

  font-weight: 400;

  src: url('../fonts/open-sans-v17-latin-italic.eot'); /* IE9 Compat Modes */

  src: local('Open Sans Italic'), local('OpenSans-Italic'),

       url('../fonts/open-sans-v17-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

       url('../fonts/open-sans-v17-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */

       url('../fonts/open-sans-v17-latin-italic.woff') format('woff'), /* Modern Browsers */

       url('../fonts/open-sans-v17-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */

       url('../fonts/open-sans-v17-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */

}



/* open-sans-600 - latin */

@font-face {

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 600;

  src: url('../fonts/open-sans-v17-latin-600.eot'); /* IE9 Compat Modes */

  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),

       url('../fonts/open-sans-v17-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

       url('../fonts/open-sans-v17-latin-600.woff2') format('woff2'), /* Super Modern Browsers */

       url('../fonts/open-sans-v17-latin-600.woff') format('woff'), /* Modern Browsers */

       url('../fonts/open-sans-v17-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */

       url('../fonts/open-sans-v17-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */

}



/* open-sans-600italic - latin */

@font-face {

  font-family: 'Open Sans';

  font-style: italic;

  font-weight: 600;

  src: url('../fonts/open-sans-v17-latin-600italic.eot'); /* IE9 Compat Modes */

  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'),

       url('../fonts/open-sans-v17-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

       url('../fonts/open-sans-v17-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */

       url('../fonts/open-sans-v17-latin-600italic.woff') format('woff'), /* Modern Browsers */

       url('../fonts/open-sans-v17-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */

       url('../fonts/open-sans-v17-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */

}



/* open-sans-700 - latin */

@font-face {

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 700;

  src: url('../fonts/open-sans-v17-latin-700.eot'); /* IE9 Compat Modes */

  src: local('Open Sans Bold'), local('OpenSans-Bold'),

       url('../fonts/open-sans-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

       url('../fonts/open-sans-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */

       url('../fonts/open-sans-v17-latin-700.woff') format('woff'), /* Modern Browsers */

       url('../fonts/open-sans-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */

       url('../fonts/open-sans-v17-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */

}



/* open-sans-700italic - latin */

@font-face {

  font-family: 'Open Sans';

  font-style: italic;

  font-weight: 700;

  src: url('../fonts/open-sans-v17-latin-700italic.eot'); /* IE9 Compat Modes */

  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),

       url('../fonts/open-sans-v17-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

       url('../fonts/open-sans-v17-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */

       url('../fonts/open-sans-v17-latin-700italic.woff') format('woff'), /* Modern Browsers */

       url('../fonts/open-sans-v17-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */

       url('../fonts/open-sans-v17-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */

}



/* open-sans-800 - latin */

@font-face {

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 800;

  src: url('../fonts/open-sans-v17-latin-800.eot'); /* IE9 Compat Modes */

  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),

       url('../fonts/open-sans-v17-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

       url('../fonts/open-sans-v17-latin-800.woff2') format('woff2'), /* Super Modern Browsers */

       url('../fonts/open-sans-v17-latin-800.woff') format('woff'), /* Modern Browsers */

       url('../fonts/open-sans-v17-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */

       url('../fonts/open-sans-v17-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */

}



/* open-sans-800italic - latin */

@font-face {

  font-family: 'Open Sans';

  font-style: italic;

  font-weight: 800;

  src: url('../fonts/open-sans-v17-latin-800italic.eot'); /* IE9 Compat Modes */

  src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'),

       url('../fonts/open-sans-v17-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

       url('../fonts/open-sans-v17-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */

       url('../fonts/open-sans-v17-latin-800italic.woff') format('woff'), /* Modern Browsers */

       url('../fonts/open-sans-v17-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */

       url('../fonts/open-sans-v17-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */

}

*{

	font-family: 'Open Sans', sans-serif;

}

body {

    margin-top: 100px;

    background-color: #222;

}

.select2-container{
	width: 290px !important;
}
.select2-container .select2-selection--single{
	height: 34px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height: 31px !important;
}

@media(min-width:768px) {

    body {

        margin-top: 50px;

    }

}



#wrapper {

    padding-left: 0;

}



#page-wrapper {

    width: 100%;

    padding: 0;

    background-color: #fff;

}



.huge {

    font-size: 50px;

    line-height: normal;

}

#login{

	background-color: #f6f6f6;

	padding: 10px 20px;

	margin-top: 30px;

	border: 5px solid #e6e6e6;

}

.login_logo{

	

}

.login_logo img{

	max-width:150px;

}



.form.urdu20 label,

.form.urdu20 span,

.form.urdu20 input[type=text],

.form.urdu20 input[type=number],

.form.urdu20 select

{

	unicode-bidi: embed; 

	font-family: "Noori Nastaleeq" !important;

}

.form.urdu20 select.form-control{

	

}

.form.urdu20 select{

	font-size:18px;

	padding:0 12px;

}

ul.page-filters{

	text-decoration:none;

	list-style:none;

	margin-left:0;

	padding-left:0;

}

ul.page-filters li{

	display:inline-block;

	margin-right: 10px;

}

ul.page-filters li:first-child{

	margin-left:0;

	

}

ul.page-filters li:after{

	content:"|";

	color: #808080;

	margin-left:10px;

}

ul.page-filters li:last-child:after{

	content:"";

	margin-left:0;

}

ul.page-filters li a{

	color: #808080;

}

ul.page-filters li a:hover,

ul.page-filters li a:active{

	color: #337ab7;

}

.pagination-btn{

	padding:10px 10px;

	background-color: #f7f7f7;

	color: #a0a5aa;

}
/*
ul.pagination li:first-child,
ul.pagination li:last-child,
{
	display: inline;
}*/
/*
.paginationjs-pages ul{
	padding: 0;
	list-style: none;
}
.paginationjs-pages ul li{
	display: inline-block;
	padding: 7px 15px;
	border: 1px solid #eeeeee;
}
.paginationjs-pages ul li:hover,
.paginationjs-pages ul li.active,
.paginationjs-pages ul li.active:hover{
	background-color: #23527c;
	color: #fff;
}
.paginationjs-pages ul li:hover a,
.paginationjs-pages ul li.active a,
.paginationjs-pages ul li.active:hover a{
	color: #fff;
}
.paginationjs-pages ul li a{
	text-decoration: none;
}
*/




ul.record-edit-options{

	text-decoration:none;

	list-style:none;

	margin-left:0;

	padding-left:0;

	margin-bottom:0;
	margin-top: 10px;

}

ul.record-edit-options li{

	display:inline-block;

	margin-right: 10px;

}

ul.record-edit-options li:first-child{

	margin-left:0;

	

}

ul.record-edit-options li:after{

	content:"|";

	color: #808080;

	margin-left:10px;

}

ul.record-edit-options li:last-child:after{

	content:"";

	margin-left:0;

}

ul.record-edit-options li a{

	color: #808080;

}

ul.record-edit-options li a:hover,

ul.record-edit-options li a:active{

	color: #337ab7;

}

.btn-color-blue{

	color:#337ab7 !important;

}



.btn-color-red{

	color:#f93535 !important;

}

.btn-color-green{

	color: #3c763d !important;

}

.modal-header,

.modal-body,

.modal-footer{

	background-color:#efefef;

}

.ui-datepicker-month,

.ui-datepicker-year{

	color:#2c2c2c;

}

@media(min-width:768px) {

    #wrapper {

        padding-left: 225px;

    }



    #page-wrapper {

        padding: 10px;

    }

}



/* Top Navigation */



.top-nav {

    padding: 0 15px;

}



.top-nav>li {

    display: inline-block;

    float: left;

}



.top-nav>li>a {

    padding-top: 15px;

    padding-bottom: 15px;

    line-height: 20px;

    color: #999;

}



.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: #000;

}



.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: #fff;

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

}



/* Side Navigation */



@media(min-width:768px) {

    .side-nav {

        position: fixed;

        top: 51px;

        left: 225px;

        width: 225px;

        margin-left: -225px;

        border: none;

        border-radius: 0;

        overflow-y: auto;

        background-color: #222;

        bottom: 0;

        overflow-x: hidden;

        padding-bottom: 40px;

    }



    .side-nav>li>a {

        width: 225px;

    }



    .side-nav li a:hover,

    .side-nav li a:focus {

        outline: none;

        background-color: #000 !important;

    }

}



.side-nav>li>ul {

    padding: 0;

}



.side-nav>li>ul>li>a {

    display: block;

    padding: 10px 15px 10px 38px;

    text-decoration: none;

    color: #999;

}



.side-nav>li>ul>li>a:hover {

    color: #fff;

}



/* Flot Chart Containers */



.flot-chart {

    display: block;

    height: 400px;

}



.flot-chart-content {

    width: 100%;

    height: 100%;

}



/* Custom Colored Panels */



.huge {

    font-size: 40px;

}



.panel-green {

    border-color: #5cb85c;

}



.panel-green > .panel-heading {

    border-color: #5cb85c;

    color: #fff;

    background-color: #56d756;

}



.panel-green > a {

    color: #5cb85c;

}



.panel-green > a:hover {

    color: #3d8b3d;

}



.panel-red {

    border-color: #d9534f;

}



.panel-red > .panel-heading {

    border-color: #d9534f;

    color: #fff;

    background-color: #ff3f5f;

}



.panel-red > a {

    color: #d9534f;

}



.panel-red > a:hover {

    color: #b52b27;

}



.panel-yellow {

    border-color: #f0ad4e;

}



.panel-yellow > .panel-heading {

    border-color: #f0ad4e;

    color: #fff;

    background-color: #ffbc5d;

}



.panel-yellow > a {

    color: #f0ad4e;

}



.panel-yellow > a:hover {

    color: #df8a13;

}





.panel-purple {

    border-color: #cb48bc;

}



.panel-purple > .panel-heading {

    border-color: #cb48bc;

    color: #fff;

    background-color: #cb48bc;

}



.panel-purple > a {

    color: #cb48bc;

}



.panel-purple > a:hover {

    color: #b52b27;

}

/* =================================== */

.urdu20 {font-size:18px; direction:rtl ; unicode-bidi: embed; font-family: "Noori Nastaleeq" !important}  

.style1 {font-family: "Urdu Naskh Asiatype"}  

.style2 {font-size: x-small}  



.card-view-single{

	border-radius: 10px; border:1px dashed #000; padding:10px;

}

.card-view-single-inner{

	position: relative;

}
.card-logo-inner-img{
	display:inline-block; 
	vertical-align: top;
}
.card-logo-inner-text{
	display:inline-block;
	margin-right: 10px;
}
.card-left-side{

	width:150px; float: left;

}



.card-img{

	width:150px; 

	height: 200px;

	overflow: hidden;

	margin-bottom:20px;

}

.card-img img{

	width: 150px;

}

.sig-circle{

	height:50px; width: 50px; border-radius: 50%; background-color: #ff4040; margin:0 auto;

}

.sig-underline{

	border-top: 1px solid #000; width:60px; margin-top:5px;margin-bottom:0px;

}

.card-right-side{

	float:right; max-width: 70%;

}

.card-top-section{

	display:inline-block;

}

.card-name{

	font-weight:600; font-size: 16px;

}

.card-name-text{

	margin-right: 0px; font-size: 16px;

}

.issue-date-section{

	display:inline-block; margin-left:20px;

}

.issue-date-label{

	font-weight:600; font-size: 16px;

}

.issue-date{

	margin-right: 0px; font-size: 16px;

}

.expiry-date-section{

	display:inline-block;

}

.expiry-date-label{

	font-weight:600; font-size: 16px;

}

.expiry-date{

	margin-right: 0px; font-size: 16px;

}

.person-name{

	display: block; text-align: right;

}

.person-name-label{

	font-weight: 600; font-size: 16px;

}

.person-name-text {

	font-size: 16px;

}

.person-id{

	display: block; text-align: right;

}

.person-id-label{

	font-weight: 600; font-size: 16px;

}

.person-id-text{

	font-size: 16px;

}

.person-address{

	display: block; text-align: right;

}

.person-address-label{

	font-weight: 600; font-size: 16px;

}

.person-address-text{

	font-size: 16px;

}

.barcode{

	display: block;

}

.barcode img{

	max-width: 90%;min-height: 50px; margin-top: 14px; margin-bottom:5px;

}

.card-back-side{
	/*font-size: 22px;*/
	padding: 10px 20px;
}

.card-back-side p{
	margin-bottom: 10px;
	direction: rtl;
    unicode-bidi: embed;
    font-family: "Noori Nastaleeq" !important;
	font-size: 21pt;
    line-height: 37px;
}

.back-text:last-child{

	margin-bottom:11px;

}



.custom-radios div {

  display: inline-block;

}

.custom-radios input[type="radio"] {

  display: none;

}

.custom-radios input[type="radio"] + label {

  color: #333;

  font-family: Arial, sans-serif;

  font-size: 14px;

}

.custom-radios input[type="radio"] + label span {

  display: inline-block;

  width: 40px;

  height: 40px;

  margin: -1px 4px 0 0;

  vertical-align: middle;

  cursor: pointer;

  border-radius: 50%;

  border: 2px solid #FFFFFF;

  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);

  background-repeat: no-repeat;

  background-position: center;

  text-align: center;

  line-height: 44px;

}

.custom-radios input[type="radio"] + label span img {

  opacity: 0;

  transition: all .3s ease;

}

.custom-radios input[type="radio"]#color-1 + label span {

  background-color: #2ecc71;

}

.custom-radios input[type="radio"]#color-2 + label span {

  background-color: #e6e6e6;

}

.custom-radios input[type="radio"]#color-3 + label span {

  background-color: #f1c40f;

}

.custom-radios input[type="radio"]#color-4 + label span {

  background-color: #e74c3c;

}

.custom-radios input[type="radio"]:checked + label span img {

  opacity: 1;

}



.up-msg span{

	color: #111;

	font-weight: 600;

}

.imageUpload .upload-error{

	border: 2px solid red;

}

.imageUpload .upload-error .up-msg span{

	color: red;

}

.imageUpload{

	position: relative;

	overflow: hidden;

}

.imgLoading{

	height: 100%;

	width: 100%;

	position: absolute;

	top: 0;

	left: 0;

	background-color: rgba(18, 76, 209, 0.45);

}

.imgLoader{

	width: 10%;

	position: absolute;

	top: 0;

	bottom: 0;

	left: -26%;

	background: rgba(255, 255, 255, 0.25);

	transition: left 0.3s;

	-webkit-transition: left 0.3s;

	animation: example 2s infinite;

	box-shadow: 0 0 70px 90px rgba(255, 255, 255, 0.25);

}

@keyframes example {

	to {left: 126%}

}

.totals-banner{

	border:3px solid #e6e6e6;

	background-color: #f5f5f5;

	padding:20px 15px;

	margin-bottom:30px;

}

.totals-banner h3{

	margin-top:0;

}

.totals-banner span.label{

	font-weight:700;

	color: #4c4c4c;

	font-size: 14px;

	padding:0;

}

.btn.btn-renew{

	background-color: #00cd66;

	color: #fff;

}

.btn.btn-renew:hover,

.btn.btn-renew:focus,

.btn.btn-renew:active{

	background-color: #008b45;

	/*color: #fff;*/

}

.btn.void-btn{

	background-color: #ff0000;

	color: #fff;

}

.btn.void-btn:hover,

.btn.void-btn:focus,

.btn.void-btn:active{

	background-color: #ee0000;

	/*color: #fff;*/

}

.btn.voided-btn{

	display:none;

}

.single-print-max-width{

	max-width: 525px;

	float: left;

	margin-right: 10px;

}

#single-print span{

	direction:rtl ; 

	unicode-bidi: embed; 

	font-family: "Noori Nastaleeq" !important;

	font-size: 20px;

}

.card-logo img{

	/*max-width:95px;*/
	max-width: 67px;

}

.jogging-label{

	margin-right:8px;

}



#print-cards .modal-dialog {

  width: 100%;

  height: 100%;

  margin: 0;

  padding: 0;

}



#print-cards .modal-content {

  height: auto;

  min-height: 100%;

  border-radius: 0;

}
table.multi-print-table tr th,
table.multi-print-table tr td{
	vertical-align: middle;
	text-align:center
}
span.search-term{
	font-size: 16px;
	font-family: "Jameel Noori Nastaleeq" !important;
}
.tbl-row-image{
	max-width:75px;
	display:inline-block;
	margin-right: 15px;
	min-width:75px;
	border: 2px solid #4c4c4c;
}
.tbl-row-image img{
	max-width:100%;
}
.tbl-row-info{
	display:inline-block;
}
.tbl-row-info span.name{
	font-size: 22px;
	font-family: "Jameel Noori Nastaleeq";
}
.tbl-row-address{
	font-size: 18px;
	font-family: "Jameel Noori Nastaleeq";
}
td .tbl-row-info{
	vertical-align:bottom;
}
.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th{
	vertical-align: middle;
}
.remove-btn{
	display:inline-block;
}
.remove-btn i{
	font-size: 30px;
	color: #ff7575;
}
.remove-btn:hover i{
	color: #fd4949;
}