/*Code added by hasnain khan*/
 .icon.apponBlack
{
	background:url(/images/appon_icons_black.png);
	width: 24px;
	height: 24px;
	background-position: center center;
}
textarea, input{
	outline: none;
}
.pushNotification .row{
	padding: 0 15px;
}
.pushNotification .row{ color: black;}
.pushNotification .panel .panel-heading .panel-title{
	font-size: 14px;
}
.pushNotification .panel-group .panel .panel-heading .panel-title{
	background-image: none;
}
.pushNotification .PushMainContainer{
	height: 160px;
}
.pushNotification .row.pnTabMain{
	padding: 0 18px;
}
.pushNotification .PushMainContainer .pushContainer{
	height: 108px;
	padding:0 2.5px;
	margin: 4px 0 0px 0;
}
.pushNotification .PushMainContainer .pushContainer .PushTab{
	background-color: #e4e4e4;
    float: left;
    width: 100%;
    height: 98px;
    overflow: hidden;
}
.pushNotification .PushMainContainer .pushContainer .PushTab:hover
{
	cursor: pointer;
}
.pushNotification .PushMainContainer .pushContainer .PushTab.active
{
    border-bottom: 3px #4785be solid;
}
.pushNotification .PushMainContainer .pushContainer .PushTab:hover .num
{
    background: #909090;
}
.pushNotification .PushMainContainer .pushContainer .PushTab.active .num
{
    background: #4785be;
    height: 98px;
}
.pushNotification .PushMainContainer .pushContainer .PushTab .num
{
	color: white;
    font-size: 36px;
    text-align: center;
    width: 98px;
    height: 98px;
    position: relative;
    display: inline-table;
    background: #c7c7c7;
    transition: all 0.3s ease-in-out;
    float: left;
}
.pushNotification .PushMainContainer .pushContainer .PushTab .num .numCenter{
	    display: table-cell;
    text-align: center;
    vertical-align: middle;

}
.pushNotification .PushMainContainer .pushContainer .PushTab .text{
	height: 100%;
    width: 63%;
    float: left;
    padding: 5px 10px;
}
.pushNotification .PushMainContainer .pushContainer .PushTab .text .title{
	margin-top: 5%;
	font-size: 14px;
	font-family: inherit;
	font-weight: bold;
}
.pushNotification .PushMainContainer .pushContainer .PushTab .text .descp{
	font-size: 12px;
}
.pushNotification .PushMainContainer .pushContainer .arrow{	
	visibility: hidden;
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #4785be;
	position: absolute;
	right: 3px;
	bottom: 0;

}
.pushNotification .PushMainContainer .pushContainer .PushTab.active  .arrow{
	visibility: visible;
}
.pushNotification .row .gray{
	background-color: #ededed;
	width: 100%;
	float: left;
	padding: 10px;
	margin:14px 0 0 0; 
}
.pushNotification .row .gray .appContainer{
	width: 100%;
	min-width: 100%;
	padding: 0px 5px;
    border-radius: 4px;
    background-color: #fafafa;
    border: solid 1px #d2d2d2;
    margin: 2px 0;
    float: left;
}
.pushNotification .row .gray p{
	margin-top: 15px;
	font-size: 12px;
	color: black;
}
.pushNotification .row .gray .appContainer .img{
	float: left;
	margin-top: 4px;
}
.pushNotification .row .gray .appContainer .check{
	display: inline-block;
    margin-left: 10px;
}
.pushNotification .row .gray .textarea{
	width: 100%;
	height: 200px;
	border-radius: 4px;
}
.pushNotification .row .gray .prev{
	width: 100%;
	min-height: 200px;
	height: auto;
	border-radius: 4px;
	padding: 4% 0;
	text-align: center;
	/*background:url(images/prev.jpg) no-repeat;
	background-position: center bottom;*/
	background-color: white;
}
.pushNotification .row .gray .prev .prevSection{
	width: 281px;
	margin: auto;
	margin-top: 30px;
}
.pushNotification .row .gray .prev .prevSection .pera{
	background-color: #14234a;
    border-left: 4px #d0cfd5 solid;
    border-right: 3.9px #d0cfd5 solid;
    color: white;
    width: 282px;
    padding: 4px;
    box-shadow: 2px 0px 9px black;
    margin-left: 3px;
}
.pushNotification .row .gray .prev .prevSection .pera p{
	padding: 0;
	margin: 0;
	color: white;
}
.pushNotification .row .gray .field .descp{
	margin-right:10px;

}
.pushNotification .row .gray .field{
	margin-top: 5px;
}
.pushNotification .row .gray .label2
{
	margin: 8px 0 0 0;
	font-size: 12px;
	/*padding: 0;
	margin: 10px 0 0 0;
	font-size: 12px;*/
}
.pushNotification .row .gray .field .appContainer{
	width: auto;
	padding: 4px;
	border-radius: 4px;
	background-color: #fafafa;
	border: solid 1px #a4a9ac;
	float: left;
	margin: 0 2px;
}
.pushNotification .row .gray .field .descp{
	float: left;
	width: 150px;
	font-size: 12px;
	text-align: right;
	line-height: 14px;
	margin-top: 5px;
}
.pushNotification .row .gray .field .appContainer .img{
	margin-top: 0;
	float: left;
}
.pushNotification .row .gray .field .appContainer .value{
	float: right;
	margin: 5px 0 0 5px;
}
.pushNotification .row .gray .prevScreen{
	background-color: white;
	border: 1px solid #ccc;
	height: 500px;
	margin-bottom: 10px;
}
.btn_custom.prevURL
{
	background:#788b85;
}

.pushNotification .row .gray .btn_custom.prevURL
{
	margin-top:30px;
	width:100%; 
}

.btn_custom.prevURL:hover,.btn_custom.prevURL.active,.btn_custom.prevURL:focus
{
	background:#859b94;
}
.pushNotification .row .pushDetail {
	margin-bottom: 20%;
	font-size: 12px;
}
.pushNotification .row .pushDetail .blue{
	background: #4785be;
}
.pushNotification .row .pushDetail .table{
	color: white;
}
.pushNotification .row .pushDetail .table .details:nth-child(even){
	background: #ebebeb;
	color: black;
}
.pushNotification .row .pushDetail .table .details:nth-child(odd){
	background: #d9e0e8;
	color: black;
}
.pushNotification .row .pushDetail .table .details .iconMain{
	width: 66px;
	margin:auto;
}
.pushNotification .row .pushDetail .table .details .icon{
	background: black;
	width: 27px;
	height: 27px;
	border-radius: 50%;
	padding: 5px 0 0 7px;
	margin:0 2px;
}
.pushNotification .row .pushDetail .table .details p{
	margin: 4px 0 0 0;
	padding: 0;
}
.pushNotification .row .pushDetail .table .details .icon i{
	color: white;
	font-size: 16px;
}	
.pushNotification .row .gray .PushRadio .pushradiotext{
	margin-top:3px; 
	margin-left:6px;
	margin-bottom: 0;
}
.pushNotification .row .gray #googleMap{
	border:0; margin-top:20px; height:414px; width:100%;
}

@media (max-width: 767px){
	.pushNotification .PushMainContainer .pushContainer {
	    height: 98px;
	    padding: 0 2.5px;
	    margin: 4px 0 0px 0;
	}

	.pushNotification .row .gray .btn_custom.prevURL
	{
		margin:5px 0;
	}
}

@media (max-width: 991px){
	.pushNotification .row .gray .form-control.inputURL
	{
		margin:2px 0 5px 0;
	}
}
@media (min-width: 991px){

	/*.pushNotification .row .gray .PushRadio{
		float: right;
	}*/

	.pushNotification .row .gray .btn_custom.prevURL
	{
		margin-top:27px;
		width:auto; 
		margin-left: 30px;
	}

	.pushNotification .row .gray .appContainer{
		width: auto;
		min-width: 190px;
	}
	/*.pushNotification .row .gray .PushRadio{
		float: right;
	}*/

	.pushNotification .row .gray .btn_custom.prevURL
	{
		margin-top:30px;
		width:90%; 
		margin-left: 30px;
	}
}

.pushNotification .countBTN
{
	padding: 20px;
	background: #fff;
}
.pushNotification .btn_custom.green
{
	min-width: 150px;
}
.pushNotification .btn_custom.green
{
	position: relative;
}
.pushNotification .btn_custom.green i
{
	font-size: 20px;
    position: absolute;
    right: 10px;
    top: 2px;
}
.pushNotification .table>tbody>tr>td,
.pushNotification .table>tbody>tr>th,
.pushNotification .table>tfoot>tr>td,
.pushNotification .table>tfoot>tr>th,
.pushNotification .table>thead>tr>td,
.pushNotification .table>thead>tr>th
{
	font-size: 12px;
}
/*Code ends by hasnain khan*/