@font-face {
	font-family: "Dura";
	src: url("../fonts/Dura.eot");
	/* IE9*/
	src: url("../fonts/Dura.eot?#iefix") format("embedded-opentype"),
		/* IE6-IE8 */
		url("../fonts/Dura.woff2") format("woff2"),
		/* chrome、firefox */
		url("../fonts/Dura.woff") format("woff"),
		/* chrome、firefox */
		url("../fonts/Dura.ttf") format("truetype"),
		/* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
		url("../fonts/Dura.svg#Dura Sans 2014c") format("svg");
	/* iOS 4.1- */
}

body {
	font-family: 'Dura';
	font-size: 14px;
	color: #333;
	padding: 0;
	margin: 0;
	font-weight: 300;
}

body * {
	font-weight: 300;
}

img {
	max-width: 100%;
}

.urduT {
	font-family: 'Harmattan';
}

.Urdu_Txt {
	font-family: 'Harmattan';
	font-size: 19px;
}

.Salawat {
	font-family: 'Harmattan';
	font-size: 18px;
}

.hindiT {
	font-family: 'Hind';
}

a.navbar-brand {
	width: 201px;
	height: auto;
}

button.navbar-toggle {
	color: #aaa;
}

.navbar-toggle .icon-bar {
	background-color: #aaa;
}

.section {
	display: block;
	padding: 0 20px;
}

.section.dark-sec {
	background-color: #1a1a1a;
	border-radius: 50px;
	min-height: 117px;
	color: #fff;
	padding-bottom: 15px;
	margin: 0 0 25px;
}

p.tablet_div {
	display: block;
	position: relative;
	text-align: center;
}

p.tablet_div span {
	background-color: #fff;
	display: inline-block;
	height: 25px;
	width: 120px;
	border-radius: 0 0 94px 94px;
	margin: 0 auto 0;
	position: relative;
	top: -11px;
}

button.navbar-toggle {
	border: 0;
	margin: 26px 10px 10px;
}

nav.navbar.navbar-default {
	border: 0;
	background-color: #fff;
}

.wraper {
	display: block;
	max-width: 800px;
	width: 100%;
	margin: 0 auto;
}

.global {
	display: inline-block;
	width: 100%;
}

#btn_SaveZikr {
	width: 100%;
	height: 100%;
	display: block;
}

.durood_stat:after {
	content: " ";
	content: " ";
	background-color: #1a1a1a;
	/* width: 40px; */
	/* display: block; */
	/* height: 20px; */
	display: inline-block;
	height: 25px;
	width: 120px;
	border-radius: 114px 114px 0 0;
	margin: 0 auto 0;
	position: relative;
	bottom: -37px;
}

.durood_stat:before {
	content: " ";
	background-color: #1a1a1a;
	/* width: 40px; */
	/* display: block; */
	/* height: 20px; */
	display: inline-block;
	height: 25px;
	width: 120px;
	border-radius: 0 0 114px 114px;
	margin: 0 auto 0;
	position: relative;
	top: -32px;
}

.durood_stat {
	background-color: #396542;
	color: #fff;
	border-radius: 50px;
	padding: 20px;
	text-align: center;
	margin: 15px 0 20px;
	position: relative;
	overflow: hidden;
}

.durood_stat * {
	position: relative;
	z-index: 1;
}

.durood_stat h2 {
	margin: 0;
	font-weight: 400;
	font-size: 44px;
	padding: 0;
	text-align: left;
	font-family: Dura;
	letter-spacing: 1px;
}

.durood_stat p {
	margin: 0;
	text-align: left;
	font-weight: 300;
	font-size: 18px;
	margin: 0 0 6px;
}

.dash_link,
a.dash_link {
	display: inline-block;
	width: 100%;
	background-color: #d34d43;
	padding: 20px;
	border-radius: 50px;
	margin: 0 0 15px;
	color: #333;
	text-align: center;
	color: #fff;
	position: relative;
	overflow: hidden;
}

a:hover {
	text-decoration: none !important;
}

.dash_link:after {
	content: " ";
	content: " ";
	background-color: #1a1a1a;
	/* width: 40px; */
	/* display: block; */
	/* height: 20px; */
	display: inline-block;
	height: 25px;
	width: 120px;
	border-radius: 114px 114px 0 0;
	margin: 0 auto 0;
	position: relative;
	bottom: -37px;
}

.dash_link:before {
	content: " ";
	background-color: #1a1a1a;
	/* width: 40px; */
	/* display: block; */
	/* height: 20px; */
	display: inline-block;
	height: 25px;
	width: 120px;
	border-radius: 0 0 114px 114px;
	margin: 0 auto 0;
	position: relative;
	top: -32px;
}

.dash_link p {
	margin: 0 0 5px;
	display: inline-block;
	width: 100%;
	font-size: 21px;
	padding: 0 0 5px;
}

.dash_link h3 {
	margin: 0 0 10px;
	font-weight: 200;
	border-bottom: 1px solid #e35e54;
	padding: 4px 0 7px;
}

.dlinkUrdu {
	border-bottom: 1px solid #e35e54;
}

.dlinkHindi {
	border-bottom: 1px solid #e35e54;
}

.stat_top {
	border-bottom: 1px solid #416d4a;
	margin: 0 0 10px;
	/* font-weight: 500; */
	padding: 0 0 10px;
}

.stat_top span {
	display: inline-block;
	width: 50%;
	text-align: left;
	font-weight: 300;
	font-size: 16px;
}

.stat_top b {
	text-align: right;
	width: 48%;
	display: inline-block;
	font-weight: 500;
	font-size: 16px;
}

.youtube_help {
	border-bottom: 1px solid #416d4a;
	margin: 0 0 10px;
	padding: 0 0 10px;
	text-align:left;
}

.youtube_help span {
	display: inline-block;
	text-align: left;
	font-weight: 300;
	font-size: 16px;
}

.youtube_help_txt {
	font-size: 16px !important;
}

.durood_stat img.stat_ico {
	width: 115px;
	position: absolute;
	right: 12px;
	bottom: 17px;
	z-index: 0;
}

.dash_link img.dash_ico {
	width: 121px;
	position: absolute;
	right: 10px;
	bottom: 15px;
	z-index: 0;
}

.dash_link * {
	position: relative;
	z-index: 2;
}

h2.heading_text {
	font-size: 20px;
	font-weight: 500;
}

img.page_img {
	width: 100%;
	margin: 10px 0;
	max-width: 400px;
}

.section.user-sec {
	background-color: #e3e3e3;
	border-radius: 50px 50px 0 0;
	padding: 10px 0px 0;
}

.section.user-sec h3 {
	text-align: center;
	margin: 9px 0 18px;
}

.user-sec ul {
	list-style: none;
	/* border: 1px solid #aaa; */
	padding: 20px 20px 10px;
	border-radius: 50px 50px 0 0;
	background-color: #ededed;
	display: inline-block;
	width: 100%;
	margin: 0;
}

.user-sec ul li {
	border-radius: 50px;
	border: 1px solid #aaa;
	padding: 0;
	margin: 0 0 10px;
	background-color: #fff;
}

.user-sec ul li a {
	display: inline-block;
	width: 100%;
	padding: 10px;
}

.user-sec ul li a>span {
	display: inline-block;
	width: 60px;
	height: 60px;
	border-radius: 100px;
	overflow: hidden;
	vertical-align: middle;
	margin-right: 5px;
}

.user-sec ul li a p {
	display: inline-block;
	width: calc(100% - 85px);
	vertical-align: middle;
	margin: 0;
	color: #2c2c2c;
}

.user-sec ul li a p b {
	font-size: 18px;
	font-weight: 700;
}

/*****/
#footer {
	background: #1a1a1a !important;
	color: #fff;
}

#footer h5 {
	padding-left: 10px;
	border-left: 3px solid #eeeeee;
	padding-bottom: 6px;
	margin-bottom: 20px;
	color: #ffffff;
}

#footer a {
	color: #ffffff;
	text-decoration: none !important;
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}

#footer ul.social li {
	padding: 3px 0;
}

#footer ul.social li a i {
	margin-right: 5px;
	font-size: 25px;
	-webkit-transition: .5s all ease;
	-moz-transition: .5s all ease;
	transition: .5s all ease;
}

#footer ul.social li:hover a i {
	font-size: 30px;
	margin-top: -10px;
}

#footer h4 {
	font-size: 20px;
}

#footer .col-xs-12.col-sm-4.col-md-4 p {
	font-size: 15px;
}

#footer ul.social li a,
#footer ul.quick-links li a {
	color: #ffffff;
	padding: 6px 0;
	display: block;
	font-size: 16px;
}

iframe.yt_embed {
	width: 100%;
}

#footer ul.social li a:hover {
	color: #eeeeee;
}

#footer ul.quick-links li {
	padding: 3px 0;
	-webkit-transition: .5s all ease;
	-moz-transition: .5s all ease;
	transition: .5s all ease;
}

#footer ul.quick-links li:hover {
	padding: 3px 0;
	margin-left: 5px;
	font-weight: 700;
}

#footer ul.quick-links li a i {
	margin-right: 5px;
}

#footer ul.quick-links li:hover a i {
	font-weight: 700;
}

.margin-0 {
	margin: 0;
}

.dash_link.yt_link {
	background-color: #fff !important;
	margin: 15px 0 10px;
}

.dash_link.yt_link img {
	display: inline-block;
	width: 20%;
}

.dash_link.yt_link span {
	width: 79%;
	display: inline-block;
	color: #aaa;
}

.dv_notice {
	display: inline-block;
	width: 100%;
	background-color: #fddcdc;
	padding: 20px;
}

.dv_notice p.h4 {
	margin: 0 0 5px;
	font-weight: 500;
	border-bottom: 1px solid #ebc4c4;
	padding: 0 0 5px;
}

.dv_notice p.h4 i {
	display: inline-block;
	width: 20px;
	margin: 0 10px 0 0px;
}

.dv_notice p {
	font-weight: 400;
}

a.durood_stat.yt_link {
	background-color: #fff !important;
	display: block;
	color: #4a4a4a !important;
}

a.durood_stat.yt_link img.stat_ico {
	width: 58px;
	bottom: 35px;
	right: 20px;
}

a.durood_stat.yt_link h2 {
	color: #f00;
	font-family: 'Dura';
	font-weight: bold;
	font-size: 30px;
}

.dash_link.submit_link {
	background-color: #FF9800;
}

.dash_link.submit_link * {
	border-color: #efa875;
}

.dash_link.submit_link a {
	color: #fff;
}

#footer .container {
	width: 100%;
}

/********/
.divider-text {
	position: relative;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 15px;
}

.divider-text span {
	padding: 7px;
	font-size: 12px;
	position: relative;
	z-index: 2;
}

.divider-text:after {
	content: "";
	position: absolute;
	width: 100%;
	border-bottom: 1px solid #ddd;
	top: 55%;
	left: 0;
	z-index: 1;
}

.section.grey-sec {
	background-color: #f1f1f1;
	border-radius: 50px;
	min-height: 117px;
	min-height: 500px;
	padding-bottom: 15px;
	margin: 0 0 25px;
	overflow: hidden;
}

.input-group-addon {
	padding: 7px 15px;
	font-size: 13px;
	font-weight: 400;
	line-height: 1;
	color: #c1c1c1;
	text-align: center;
	background-color: #fff;
	border: 0;
	border-radius: 50px;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-radius: 0 50px 50px 0;
	height: 60px;
	border: 0;
	box-shadow: none;
}

.input-group [type=file].form-control {
	padding: 18px 10px;
}

.form-group.chk_frm {
	text-align: left;
	background-color: #fff;
	padding: 13px 10px 10px;
	border-radius: 50px;
}

.form-group.chk_frm input {
	padding: 0;
	height: initial;
	width: initial;
	margin-bottom: 0;
	display: none;
	cursor: pointer;
}

.form-group.chk_frm label {
	position: relative;
	cursor: pointer;
}

.form-group.chk_frm label:before {
	content: '';
	-webkit-appearance: none;
	background-color: transparent;
	border: 2px solid #0079bf;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
	padding: 10px;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	cursor: pointer;
	margin-right: 5px;
}

.form-group.chk_frm input:checked+label:after {
	content: '';
	display: block;
	position: absolute;
	top: 2px;
	left: 9px;
	width: 6px;
	height: 14px;
	border: solid #0079bf;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.btn.btn-default {
	border-radius: 50px;
	height: 65px;
	width: 100%;
	text-align: left;
	padding: 20px 30px;
	font-weight: 800;
	font-size: 18px;
	border: none;
	box-shadow: 1px 1px 24px #aaaaaa52;
	position: relative;
}

.btn.btn-default:after {
	content: "\f054";
	content: " ";
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	/* position: absolute; */
	float: right;
	background-color: #396542;
	color: #fff;
	border-radius: 50px;
	padding: 8px 10px;
	width: 62px;
	text-align: center;
	font-size: 18px;
	/* margin: -7px 0 0; */
	position: absolute;
	right: 7px;
	top: 7px;
	height: 52px;
	background-size: 32px;
	background-image: url(../images/btn_ico.png);
	background-position: center;
	background-repeat: no-repeat;
}

.form-horizontal h2.heading_text {
	font-size: 25px;
	font-weight: 700;
	border-bottom: 1px solid #aaaa;
	color: #396542;
	padding: 10px;
	margin: 0 0 15px;
}

textarea.form-control {
	min-height: 100px;
}


.cardbox {
	border-radius: 0px;
	margin-bottom: 20px;
	padding: 0px !important;
	background: #fff;
	margin: 20px -20px 10px;
	display: inline-block;
	width: calc(100% + 40px);
	overflow: hidden;
	position: relative;
	/* max-width: 400px; */
}

.btn_More {
	color: #fff;
}

.cardbox * {
	color: #444;
}

.cardbox:after {
	/*content: " ";*/
	background-color: #1a1a1a;
	display: inline-block;
	height: 25px;
	width: 120px;
	border-radius: 114px 114px 0 0;
	margin: -15px auto 0;
	position: relative;
	bottom: -11px;
}

.cardbox:before {
	/*content: " ";*/
	background-color: #1a1a1a;
	display: inline-block;
	height: 25px;
	width: 120px;
	border-radius: 0 0 114px 114px;
	margin: 0 auto 0;
	position: relative;
	top: -8px;
}

/* ------------------------------- */
/* Cardbox Heading
---------------------------------- */
.cardbox .cardbox-heading {
	padding: 16px;
	margin: 0;
}

.cardbox .btn-flat.btn-flat-icon {
	border-radius: 50%;
	font-size: 24px;
	height: 32px;
	width: 32px;
	padding: 0;
	overflow: hidden;
	color: #fff !important;
	background: #b5b6b6;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.cardbox .float-right .dropdown-menu {
	position: relative;
	left: 13px !important;
}

.cardbox .float-right a:hover {
	background: #f4f4f4 !important;
}

.cardbox .float-right a.dropdown-item {
	display: block;
	width: 100%;
	padding: 4px 0px 4px 10px;
	clear: both;
	font-weight: 400;
	font-size: 14px !important;
	text-align: inherit;
	white-space: nowrap;
	background: 0 0;
	border: 0;
}

.dropdown.float-right {
	width: 37px;
	float: right;
}

/* ------------------------------- */
/* Media Section
---------------------------------- */
.media {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start;
}

.d-flex {
	display: -ms-flexbox !important;
	display: flex !important;
}

.media .mr-3 {
	margin-right: 1rem !important;
	border-radius: 32px;
	overflow: hidden;
}

.media img {
	width: 48px !important;
	height: 48px !important;
	padding: 2px;
	border: 2px solid #f4f4f4;
	border-radius: 40px;
}

.media-body {
	-ms-flex: 1;
	flex: 1;
	padding: .4rem !important;
	text-align: left;
}

.media-body p {
	font-size: 16px;
	margin: 0;
	font-weight: 600;
}

.media-body small span {
	font-size: 12px;
	margin-right: 10px;
}

.media.m-0 {
	margin: 0;
}

/* ------------------------------- */
/* Cardbox Item
---------------------------------- */
.cardbox .cardbox-item {
	position: relative;
	display: block;
	margin: 0 0 -20px;
}

.cardbox .cardbox-item img {}

.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
}

.fw {
	width: 100% !important;
	height: auto;
}

p.media_text {
	display: block;
	/* color: #aaa; */
	text-align: left;
	padding: 0 20px;
	margin: 0 0 20px;
}

.alert.alert-danger {
	border-radius: 50px;
}

/******/
.profile_header {
	display: inline-block;
	width: 100%;
	padding: 25px 10px 40px;
	border-bottom: 1px solid #eee;
	margin: 0 0 20px;
}

.profile_header>span {
	display: inline-block;
	width: 50px;
	height: 50px;
	border-radius: 100px;
	overflow: hidden;
	vertical-align: middle;
	margin-right: 5px;
}

.profile_header p {
	display: inline-block;
	width: calc(100% - 85px);
	vertical-align: middle;
	margin: 0;
	color: #2c2c2c;
}

.profile_header b {
	font-size: 18px;
	font-weight: 700;
}

.profile_header>i {
	font-size: 17px;
}


ul.profile_links {
	list-style: none;
	/* border: 1px solid #aaa; */
	padding: 0;
	border-radius: 50px 50px 0 0;
	/* background-color: #ededed; */
	display: inline-block;
	width: 100%;
	margin: 0;
}

ul.profile_links li {
	border-radius: 50px;
	/* border: 1px solid #aaa; */
	padding: 0;
	margin: 0 0 10px;
	background-color: #fff;
}

ul.profile_links li a {
	display: inline-block;
	width: 100%;
	padding: 10px;
}

ul.profile_links li a>span {
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 100px;
	overflow: hidden;
	vertical-align: middle;
	margin-right: 5px;
}

ul.profile_links li a>span.fa {
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 100px;
	overflow: hidden;
	vertical-align: middle;
	margin-right: 5px;
	text-align: center;
	background-color: #1a1a1a;
	color: #fff;
	padding: 8px 0;
}

ul.profile_links li a p {
	display: inline-block;
	width: calc(100% - 85px);
	vertical-align: middle;
	margin: 0;
	color: #2c2c2c;
}

ul.profile_links li a p b {
	font-size: 15px;
	/* font-weight: 700; */
	padding: 0 0 0 8px;
}

ul.profile_links li a>i {
	color: #444;
}

.btn.btn-default.btn_logout {
	margin: 0 15px;
	box-sizing: border-box;
	width: calc(100% - 30px);
	border: 1px solid #6e7e70;
}

::after {}

/*.btn.btn-default.btn_logout::after {
    background-color: transparent;
    background-image: url(../images/log_out_ico.png)
}*/


.dash_link.submit_link .input-group {
	width: 283px;
	margin: 16px auto 10px;
	box-shadow: 1px 1px 20px #1c1c1c5c;
	border-radius: 50px;
	padding: 0;
}

.dash_link.submit_link .input-group input[type=text] {
	height: 55px;
	padding: 17px;
	border-radius: 40px 0 0 40px;
	box-shadow: none;
	margin: 0 0 0 1px;
	font-size: 18px;
}

.dash_link.submit_link .input-group input.btn.btn-default {
	font-size: 13px;
	height: 53px;
	color: #396542;
	padding: 18px 28px;
	background-image: url(../images/add-icon.png);
	background-size: 68%;
	background-repeat: no-repeat;
	background-position: center;
}

a.btn_More {
	color: #fff;
	padding: 19px 5px;
	display: block;
}


a.btn.btn-edit.btn-xs {
	font-size: 14px;
	background-color: #396542;
	color: #fff;
	border-radius: 28px;
	padding: 4px 15px;
}

table.table.table-striped.custab {
	box-shadow: 1px 1px 6px #AAA;
	border-radius: 15px;
	overflow: hidden;
}

table.table.table-striped.custab th {
	font-weight: 600;
}

table.table.table-striped.custab th.text-center.bg-info {
	background-color: #bbedc5;
}

table.table.table-striped.custab td b {
	font-weight: bold;
	font-size: 15px;

}


.search-box {
	position: relative;
	top: 50%;
	/* left: 50%; */
	/* transform: translate(-50%,-50%); */
	background: #cd7e0b;
	height: 60px;
	line-height: 40px;
	color: #fff;
	border-radius: 50px;
	padding: 10px;
	display: inline-block;
	margin: 10px 0 10px;
	overflow: hidden;
}

.search-input {
	outline: none;
	border: none;
	background: 0 0;
	width: 0;
	padding: 0;
	color: #fff;
	float: left;
	font-size: 16px;
	transition: .3s;
	line-height: 61px;
	/* background-color: #858585 !important; */
	vertical-align: middle;
	margin: -10px 0 0;
}

.search-input::placeholder {
	color: #dbc5b0;
}

.search-btn {
	color: #fff;
	float: right;
	width: 250px;
	height: 40px;
	border-radius: 50px;
	background: transparent;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	transition: .3s;
	display: block;
	color: #aaa !important;
}

.search-input:focus,
.search-input:not(:placeholder-shown) {
	width: 240px;
	padding: 0 6px;
}

/*.search-box:hover > .search-input,*/
.search-box.active>.search-input {
	width: 250px;
	padding: 0 6px;
}

/*.search-box:hover > .search-btn, .search-input:focus + .search-btn, .search-input:not(:placeholder-shown) + .search-btn,*/
.search-box.active>.search-btn {
	/* display: block; */
	/* color: #cd595a; */
	margin: -3px -4px 0 0;
	/* color: #fff; */
	/* float: right; */
	/* width: 40px; */
	/* height: 40px; */
	/* border-radius: 50px; */
	background: #cd595a;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	transition: .3s;
	color: #fff !important;
	content: " ";
	font-weight: 900;
	font-family: none;
	/* position: absolute; */
	float: right;
	background-color: #396542;
	color: #fff;
	border-radius: 50px;
	padding: 8px 10px;
	width: 62px;
	text-align: center;
	font-size: 18px;
	/* margin: -7px 0 0; */
	position: absolute;
	right: 7px;
	top: 7px;
	height: 52px;
	background-size: 32px;
	background-image: url(../images/btn_ico.png);
	background-position: center;
	background-repeat: no-repeat;
}


.search-box.active #btn_DuroodTxt {
	display: none;
}

span#btn_DuroodTxt {
	top: -5px;
	font-size: 18px;
	padding: 5px 37px 5px 10px;
	color: #fff;
	display: block;
	background-size: 32px;
	min-width: 103px;
	background-image: url(../images/btn_ico.png);
	background-position: right;
	background-repeat: no-repeat;
}

.search-btn i {
	display: none;
}

/*.search-box:hover .search-btn i, .search-input:focus + .search-btn i, .search-input:not(:placeholder-shown) + .search-btn i,*/
.search-box.active .search-btn i {
	display: block;
	opacity: 0;
}

/****/
table#datatable {
	/* border: 1px solid #bbb !important; */
	box-shadow: 1px -1px 0px #c7c7c7, -1px 1px 0px #c7c7c7;
}

div#datatable_length {
	display: none;
}

.table-responsive {
	margin: 30px 0;
}

.table-wrapper {
	background: #fff;
	padding: 20px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.table-title {
	padding-bottom: 10px;
	margin: 0 0 10px;
	min-width: 100%;
}

.table-title h2 {
	margin: 8px 0 0;
	font-size: 22px;
}

.tbl-search {
	position: relative;
	float: right;
}

.dataTables_filter input {
	height: 34px;
	border-radius: 20px;
	padding-left: 35px;
	border-color: #ddd;
	box-shadow: none;
}

.dataTables_filter input:focus {
	border-color: #3FBAE4;
}

.dataTables_filter i {
	color: #a0a5b1;
	position: absolute;
	font-size: 19px;
	top: 8px;
	left: 10px;
}

table.table tr th,
table.table tr td {
	border-color: #e9e9e9;
}

table.table-striped tbody tr:nth-of-type(odd) {
	background-color: #fcfcfc;
}

table.table-striped.table-hover tbody tr:hover {
	background: #f5f5f5;
}

table.table th i {
	font-size: 13px;
	margin: 0 5px;
	cursor: pointer;
}

table.table td:last-child {
	width: 130px;
}

table.table td a {
	color: #a0a5b1;
	display: inline-block;
	margin: 0 5px;
}

table.table td a.view {
	color: #03A9F4;
}

table.table td a.edit {
	color: #FFC107;
}

table.table td a.delete {
	color: #E34724;
}

table.table td i {
	font-size: 19px;
}

.pagination {
	float: right;
	margin: 0 0 5px;
	width: 100%;
	padding: 0 18px;
	text-align: center;
}

.pagination li a {
	border: none;
	font-size: 95%;
	width: 30px;
	height: 30px;
	color: #999;
	margin: 0 2px;
	line-height: 30px;
	border-radius: 30px !important;
	text-align: center;
	padding: 0;
}

.pagination li a:hover {
	color: #666;
}

.pagination li.active a {
	background: #03A9F4;
}

.pagination li.active a:hover {
	background: #0397d6;
}

.pagination li.disabled i {
	color: #ccc;
}

.pagination li i {
	font-size: 16px;
	padding-top: 6px
}

.hint-text {
	float: left;
	margin-top: 6px;
	font-size: 95%;
}

td.bg-danger {
	background-color: #ffcaca !IMPORTANT;
}

.pagination>li {
	display: inline-block;
}

.dataTables_wrapper .col-sm-12.col-md-6 {
	width: 50%;
	display: inline-block;
	vertical-align: top;
}

.dataTables_wrapper .col-sm-12.col-md-6 label {
	display: flex;
	align-items: center;
}

div#datatable_filter label:before {
	content: "\e003";
	position: absolute;
	top: 1px;
	display: inline-block;
	font-family: "Glyphicons Halflings";
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	float: right;
	right: 132px;
	top: 10px;
	color: #aaa;
}

div#datatable_filter {
	width: 200px;
	float: right;
	position: relative;
}


li#datatable_previous,
#datatable_next {
	width: 58px;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
	margin-left: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	background: transparent !important;
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	background: transparent;
}

.chk_Wazifa_Type {
	display: block;
	width: 100%;
	background-color: #eee;
	border: 1px solid #aaa;
	border-radius: 50px;
	padding: 10px;
	font-size: 19px;
	color: #396542;
}

.chk_Wazifa_Type span {
	display: inline-block;
	text-align: left;
	width: 65%;
	vertical-align: middle;
	/* background-image: url(../images/check.png); */
}

.chk_Wazifa_Type.active i.fa {
	width: 40px;
	height: 40px;
	display: inline-block;
	vertical-align: middle;
	background-image: url('../images/Tick_Icon.png');
	background-size: contain;
	background-repeat: no-repeat;
	border: 1px solid #999;
	-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}

.chk_Wazifa_Type i.fa {
	width: 40px;
	height: 40px;
	display: inline-block;
	vertical-align: middle;
}

.div_details {
	display: inline-block;
	width: 47%;
	box-shadow: 1px 1px 13px #2c2c2c2e;
	border-radius: 30px;
	margin: 10px 1%;
	padding: 33px 15px;
	position: relative;
	font-size: 18px;
}

.btn_Wazifa span {
	display: block;
	font-size: 20px;
	margin: 0 0 11px;
}

.btn_Wazifa b {
	font-size: 20px;
	font-weight: 700;
}

.durood_stat.blue {
	background-color: #2196F3;
}

.durood_stat.yellow {
	background-color: #FF9800;
}

.durood_stat.grey {
	background-color: #7c7c7c;
}

.durood_stat.red {
	background-color: #b31206;
}

.div_details>img {
	width: 50px;
}


a.btn_SubmitDurood {
	position: relative;
	top: 50%;
	/* left: 50%; */
	/* transform: translate(-50%,-50%); */
	background: #cd7e0b;
	height: 60px;
	line-height: 40px;
	color: #fff;
	border-radius: 50px;
	padding: 10px 28px;
	display: inline-block;
	margin: 10px auto 10px;
	overflow: hidden;
	font-size: 19px;
	display: block;
	width: 243px;
}

a.btn_SubmitDurood img {
	width: 35px;
	margin: -6px 0 0 11px;
}

.div_addduroodInput {
	position: relative;
	top: 50%;
	/* left: 50%; */
	/* transform: translate(-50%,-50%); */
	background: #fff;
	height: 60px;
	line-height: 40px;
	color: #fff;
	border-radius: 50px;
	padding: 10px 5px;
	display: inline-block;
	margin: 10px auto 10px;
	overflow: hidden;
	font-size: 19px;
	display: block;
	width: 100%;
}

.div_addduroodInput input {
	outline: none;
	border: none;
	background: 0 0;
	width: calc(100% - 82px);
	padding: 0;
	color: #333;
	float: left;
	font-size: 16px;
	transition: .3s;
	line-height: 61px;
	vertical-align: middle;
	margin: -10px 0 0 55px;
}

.div_addduroodInput img {
	width: 35px;
	position: absolute;
	left: 18px;
	top: 12px;
}

.btn_addDurood {
	margin: -3px -4px 0 0;
	background: #cd595a;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	transition: .3s;
	color: #fff !important;
	content: " ";
	font-weight: 900;
	font-family: none;
	/* position: absolute; */
	float: right;
	background-color: #396542;
	color: #fff;
	border-radius: 50px;
	padding: 8px 10px;
	width: 62px;
	text-align: center;
	font-size: 18px;
	/* margin: -7px 0 0; */
	position: absolute;
	right: 7px;
	top: 7px;
	height: 52px;
	background-size: 32px;
	background-image: url(../images/btn_ico.png);
	background-position: center;
	background-repeat: no-repeat;
}

.div_details span {
	display: block;
	font-size: 15px;
}

.div_details b {
	font-weight: bold;
	color: #396542;
	font-size: 24px;
}

.div_details span img {
	width: 60px;
	margin: 0 0 0 -50px;
}

button.close {
	background-color: #0b77cd;
	opacity: 1;
	padding: 4px 4px 7px;
	border-radius: 50px;
	height: 34px;
	width: 34px;
	color: #fff;
	position: absolute;
	right: 5px;
	top: 7px;
}

img.thkmodal_icon {
	max-width: 100%;
	display: block;
}

img.thkmodal_icon_save {
	max-width: 80%;
	display: block;
}

.modal-body {
	padding: 15px 50px;
}

.modal-body .col-xs-2 {
	padding: 0;
}

.modal-dialog {
	margin-top: 300px;
}

.modal-header {
	padding: 5px;
	text-align: center;
}

.modal-content {
	background-color: #f4f4f4;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

.modal-footer {
	text-align: center;
}

.modal-header span.glyphicon {
	font-size: 37px;
	vertical-align: middle;
	margin: -6px 0 0;
}

.modal-header h4 {
	text-align: center;
	font-weight: bold;
	padding: 0px;
	margin: 5px;
}

a.btn_input {
	content: "\f054";
	content: " ";
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	/* position: absolute; */
	float: right;
	background-color: #396542;
	color: #fff;
	border-radius: 50px;
	padding: 8px 10px;
	width: 62px;
	text-align: center;
	font-size: 18px;
	/* margin: -7px 0 0; */
	position: absolute;
	right: 11px;
	top: 4px;
	height: 52px;
	background-size: 32px;
	background-image: url(../images/btn_ico.png);
	background-position: center;
	background-repeat: no-repeat;
	z-index: 5;
}

span.input-group-addon>img {
	width: 28px;
	height: 28px;
	position: relative;
	z-index: 10;
	display: block;
	max-width: none;
}

.input_frm .form-control:last-child {
	width: 72%;
}

.input-group.input_frm {
	background-color: #fff;
	border-radius: 50px;
}

@media only screen and (max-width: 600px) {
	div #myNavbar {
		background-color: #f1f1f1;
	}

	div#myNavbar li a {
		font-size: 15px;
		font-weight: 400;
		border-bottom: 1px solid #e9e9e9;
		padding: 15px;
	}

	div#myNavbar li a span.glyphicon {
		color: #396542;
		/* border-bottom: 1px solid #aaa; */
	}
}

@media only screen and (min-width: 600px) {
	ul.nav {
		margin: 22px 0 0 0px;
	}

	.pagination {
		float: none;
		margin: 0 0 5px;
		width: 72%;
		padding: 0 18px;
		text-align: right;
	}

	.pagination>li {
		display: inline-block;
	}
}