/*Webfont*/
@font-face {
	font-family: 'lisan-ud-dawat';
	src: url('../fonts/alfatemiver5-webfont.eot');
	src: url('../fonts/alfatemiver5-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/alfatemiver5-webfont.woff') format('woff'),
		 url('../fonts/alfatemiver5-webfont.ttf') format('truetype'),
		 url('../fonts/alfatemiver5-webfont.svg#alfatemiver5-webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'AL-FATEMI-Lisaan-ud-Dawat';
	src: url('../fonts/AL-FATEMI-Lisaan-ud-Dawat.eot');
	src: url('../fonts/AL-FATEMI-Lisaan-ud-Dawat.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/AL-FATEMI-Lisaan-ud-Dawat.woff') format('woff'),
		 url('../fonts/AL-FATEMI-Lisaan-ud-Dawat.ttf') format('truetype'),
		 url('../fonts/AL-FATEMI-Lisaan-ud-Dawat.svg#AL-FATEMI-Lisaan-ud-Dawat-webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'AL-KANZ';
	src: url('../fonts/AL-KANZ.eot');
	src: url('../fonts/AL-KANZ.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/AL-KANZ.woff') format('woff'),
		 url('../fonts/AL-KANZ.ttf') format('truetype'),
		 url('../fonts/AL-KANZ.svg#Coronet-webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'kanz-al-marjaan';
	src: url('../fonts/kanz-al-marjaan.eot');
	src: url('../fonts/kanz-al-marjaan.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/kanz-al-marjaan.woff') format('woff'),
		 url('../fonts/kanz-al-marjaan.ttf') format('truetype'),
		 url('../fonts/kanz-al-marjaan.svg#Coronet-webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}
hr{margin:0px;}
p {text-align: justify;}
h2 {font-weight: 400;font-size: 20px;color:#771235;}
.widget-box {margin: 10px 5px;}
h1, .h1, h2, .h2, h3, .h3 {margin-top: 10px; margin-bottom: 10px;}
.lblMsg, .lblmsg, .reqd {color:red !important; font-weight:bold;font-family:Calibri}
.textred {font-family:Calibri;font-size:1.1em;color:#DD5A43 !important;}
.textgreen {color:#69AA46 !important;}
.lblejid {font-weight: bold; letter-spacing: 1px; font-size: 14px; color: #1796e3;}
.figures {font-size:22px; text-decoration:none;}
.cnt {display:block; text-align:center; font-size:22px; text-decoration:none;}
.cnt:hover {text-decoration:none;}
.footer .footer-inner .footer-content {line-height: 20px; color: #585858;}
.footerloading {display:none; margin: 0px auto; top:0px; width:100%; z-index: 1053; position:fixed;}
.footerloadingbox {margin:0px 40%; padding:4px;	text-align:center;	width:200px; background: #fff; border-radius:5px; line-height: 36px; color: rgb(67, 142, 185);}

.infobox {
    display: inline-block;
    width: 200px;
    height: 85px;
    background-color: #FFF;
    box-shadow: none;
    border-radius: 0;
    margin: -1px 0 0 -1px;
    padding: 8px 3px 6px 9px;
    border: 1px dotted;
    border-color: #D8D8D8 !important;
    vertical-align: middle;
    text-align: left;
    position: relative;}
.infobox>.badge 
{
	right: 10px;
    top: 7px;
    font-weight:normal;
}
.infobox .infobox-content:first-child {font-weight: normal;}
.menu-search-input{padding: 3px !important; width: 130px; height: 25px; margin: -3px;}

.hideme {display:none !important;}
.borderme {border: solid 1px #438EB9; border-radius:5px;}

.width50 {width:50px !important;}
.width100 {width:100px !important;}
.width120 {width:120px !important;}
.width150 {width:150px !important;}
.width200 {width:200px !important;}

.btn-success, .btn-info, .btn-warning, .btn-danger {border-radius: 5px; margin: 3px; display: inline-block; text-align: center; white-space: nowrap; vertical-align: middle; border: 1px solid transparent; transition: all 0.6s ease 0s; cursor: pointer; text-align: center; 
                                                    /*width: 40px; */
                                                    height: 32px; padding: 0px 10px 8px 10px; line-height: 30px;min-width: 100px;}
input.text, input.textbox, input[type='text'], input[type='password'], input[type="file"], .textbox, .ejtextbox {border: 1px solid #996233; padding: 5px;}
textarea {border: 1px solid #292c33; padding: 5px; width: 353px; height:100px;}
.textArALKANZ {font: 18px/18px 'AL-KANZ', 'lisan-ud-dawat', 'AL-FATEMI-Lisaan-ud-Dawat', 'Al-Fatemi(lisaan-ud-Dawat)', 'colaborate-lightregular', arial, serif; text-align: right; direction: rtl;}
.textArALKANZ-MARJAAN {font: 18px/18px 'kanz-al-marjaan', 'lisan-ud-dawat', 'AL-FATEMI-Lisaan-ud-Dawat', 'Al-Fatemi(lisaan-ud-Dawat)', 'colaborate-lightregular', arial, serif; text-align: right; direction: rtl;}
.txtsmall {width:150px !important;}
select, .cmb {
    padding-right: 3px;
    padding: 1px;
    font-weight: normal;
    font-size: 14px;
    font-family: 'Source Sans Pro',Calibri;
    color: #774A2D;
    height:30px;
    min-width:130px;
    border:1px solid #082a35;
    }
select:focus, .cmb:focus {background:#fff; border: #082a35 1px solid;}
.dgcmb {width: 150px;}

.btn, .dgbtn, .lnkbtn {cursor: pointer; border-radius: 5px; height: 36px; margin: 3px; min-width: 100px; display: inline-block; text-align: center; white-space: nowrap; vertical-align: middle; border: 1px solid transparent;	transition: all 0.6s; border: solid 1px #B8D2E1; background-color:#B8D2E1; text-decoration:none;}
.dgbtn, .lnkbtn {min-width: 100px; padding: 6px 12px;}
.btn:hover, .dgbtn:hover, .lnkbtn:hover {color: #fff !important; background-color: #62A8D1 !important; text-decoration:none;}

.btnactive, .dgbtnactive {cursor: pointer; margin: 3px;  color: #082a35 !important; min-width: 100px; border-radius: 5px; height: 36px; text-align: center; display: inline-block; white-space: nowrap; vertical-align: middle; -moz-user-select: none; background-image: none; border: 1px solid #082a35;	transition: all 0.6s; text-decoration:none;
background: #F0D05D;

}

.dgbtnactive {min-width: 100px; padding: 6px 12px;}
.btnactive:hover, .dgbtnactive:hover {border-color:#996233; color:black !important; background-color: #ffeac3 !important; text-decoration:none;}

.radio, .checkbox {display: inline-block; white-space:pre-line; min-height: 20px; margin-top: 5px; margin-bottom: 5px; padding-left: 2px; padding-right: 2px;}

.its-radio  {width: 25px; height: 32px; position: relative; display: inline-block; white-space:pre-wrap; margin-right: 10px; margin-left: 5px; vertical-align:middle; background: url('../../imgs/1436/radio.png') no-repeat; background-size: 25px 32px;}
.its-radio:hover{ background: url('../../imgs/1436/radio_hover.png') no-repeat; background-size: 25px 32px; }
.its-radio.selected { background: url('../../imgs/1436/radio_checked.png') no-repeat; background-size: 25px 32px; }
.its-radio input[type="radio"] { margin-left: 0px; margin-top: 4px; position: absolute; z-index: 2; cursor: pointer; outline: none; opacity: 0; width: 24px; height: 25px; _noFocusLine: expression(this.hideFocus=true); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0;}
.its-radio input[type="radio"][disabled]  {cursor: not-allowed !important;}
    
.its-checkbox { width: 26px; height: 28px; margin-left:5px; margin-right:5px; display: inline-block; white-space:pre-wrap; vertical-align:middle;  position: relative; z-index: 1; background: url('../../imgs/1436/checkbox.png') no-repeat; background-size: 26px 28px;}
.its-checkbox:hover{ background: url('../../imgs/1436/checkbox_hover.png') no-repeat; background-size: 26px 28px; }
.its-checkbox.selected{ background: url('../../imgs/1436/checkbox_checked.png') no-repeat; background-size: 26px 28px; }
.its-checkbox input[type="checkbox"]{margin: 0; cursor: pointer; outline: none; opacity: 0; z-index: 2; width: 23px; height: 24px; _noFocusLine: expression(this.hideFocus=true); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); 	-khtml-opacity: 0;	-moz-opacity: 0; _noFocusLine: expression(this.hideFocus=true);  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; }
.its-checkbox input[type="checkbox"][disabled]  {cursor: not-allowed !important;}

/*photo*/
.img-circle {border-radius: 50%; background: url('../../imgs/1436/loading.gif') no-repeat center;}
img {border:none !important;}
.photo-original, .photo-mhp, .photo-small, .photo-dg-big, .photo-dg-small, .photo-dg-xsmall , .loading {border:none; background: url('../../imgs/1436/loading.gif') no-repeat center; border-radius:5px;}
.photo-original {width:295px; height:354px;}
.photo-mhp {width:147px; height:177px;}
.photo-small {width:98px; height:118px;}
.photo-dg-big {width:73px; height:88px;}
.photo-dg-small {width:59px; height:70px;}
.photo-dg-xsmall {width:40px; height:48px;}
.photo-profile-small {width:53px; height:53px;}
.photo-profile-xsmall {width:30px; height:30px;}

/* table & datagrid css */
table {border-collapse: separate; border-spacing: 0; margin-bottom: 5px;}
td {border: solid 1px #082a35; border-style: none solid solid none; padding: 5px;}
tr:first-child td:first-child { border-top-left-radius: 5px !important; }
tr:first-child td:last-child { border-top-right-radius: 5px !important; }
tr:first-child th:first-child { border-top-left-radius: 5px !important; } /*for GridView*/
tr:first-child th:last-child { border-top-right-radius: 5px !important; } /*for GridView*/
tr:last-child td:first-child { border-bottom-left-radius: 5px !important; }
tr:last-child td:last-child { border-bottom-right-radius: 5px !important; }
tr:first-child td { border-top-style: solid;border-color:#082a35}
tr td:first-child { border-left-style: solid;}

table.no-border td, .no-border {border:none thin #fff !important;}
.textbg {background:none repeat scroll 0% 0%; padding:9px;background-color:#4A7B9C;color:White}

.dg {width: 100%; margin: 5px auto; border-width:0px;}
.dg th, .dgHeader td {background-color: #4A7B9C; padding:3px; color:#fff; text-align:center; font-family:inherit; font-weight:400; border:0px;}
.dgFooter td {background-color:#F7F7F7; padding:3px; color:#438EB9; text-align:center; font-family:inherit; font-weight:400; font-size:16px;}
tr.dgItem:hover, tr.dgAlt:hover {background-color: #d8eaf9; transition: all 0.3s ease 0s;}
tr.dgPager td {text-align:right; padding: 2px;}
tr.dgPager td table tr td {Border:none;}
tr.dgPager td span {border:solid 1px #ddd; background-color:#996233; color:#fff; padding:3px 10px; cursor:pointer; border-radius:3px; text-decoration:none;}
tr.dgPager td a {border:solid 1px #ddd; color:#428BCA; padding:3px 10px; cursor:pointer; border-radius:3px; text-decoration:none;}
.dgItem {background-color:#F7F7F7;}
.dgItem, .dgAlt, .dgEdit {text-align:left;}
.dgSelect {background: #fae1ca url('../imgs/1436/bgselect.png') 0 0 repeat; transition: all 0.6s ease 0s;}
.dgbtn-panel {width:250px; max-width:250px !important; text-align:center;}
.grid_hidden_column {display:none;}


.cmbAr {padding: 3px; direction:rtl; font: 18px/18px 'lisan-ud-dawat', 'AL-FATEMI-Lisaan-ud-Dawat', 'Al-Fatemi(lisaan-ud-Dawat)', 'AL-KANZ', 'colaborate-lightregular', arial, serif; color: #333; background: #fff; border: #dadad8 1px solid; width: 300px; height: 30px; text-align: right; }
.textAr {font: 18px/18px 'lisan-ud-dawat', 'AL-FATEMI-Lisaan-ud-Dawat', 'Al-Fatemi(lisaan-ud-Dawat)', 'AL-KANZ', 'colaborate-lightregular', arial, serif; text-align: right; direction: rtl;}
.textAr24 {font: 24px/24px 'lisan-ud-dawat', 'AL-FATEMI-Lisaan-ud-Dawat', 'Al-Fatemi(lisaan-ud-Dawat)', 'AL-KANZ', 'colaborate-lightregular', arial, serif; text-align: right; direction: rtl;}
.textArALKANZ {font: 18px/18px 'AL-KANZ', 'lisan-ud-dawat', 'AL-FATEMI-Lisaan-ud-Dawat', 'Al-Fatemi(lisaan-ud-Dawat)', 'colaborate-lightregular', arial, serif; text-align: right; direction: rtl;}


/*Visible Property & meaning
.visible-lg = Large Desktop & HD Screen (Large)
.visible-md = Desktop (Medium)
.visible-sm = Tablets (Small)
.visible-ml = Mobile Large
.visible-ms = Mobile Small
.visible-mxs = Mobile Extra Small
*/
.visible-mxs, .visible-ms, .visible-ml {display: none !important;}
.indicator {color:#fff; text-align:center; padding-left: 5px; padding-right: 5px; line-height:normal;}
@media (max-width : 320px)  {
    .indicator {background-color:red;}
	.indicator:after{content: " Mobile- Very Small (less than 320px) ";}
	
	th.visible-mxs, td.visible-mxs {display: table-cell !important;}
    .visible-mxs {display: block !important;}
    
	.photo-dg-small {width:40px; height:48px;}
	.lblejid {font-weight: normal; font-size: 12px;}
    .page-content {padding-right: 5px; padding-left: 5px;}
    input.text, input.textbox, input[type='text'], input[type='password'], input[type="file"], .textbox, .ejtextbox {width: 100% !important;}
    select, .cmb {width: 100% !important;}
    textarea {width: 100% !important;}
    .btn, .btnactive{min-width: 72% !important;}
}
@media (min-width: 321px) and (max-width: 480px) {
	.indicator {background-color:green;}
	.indicator:after{content: " Mobile-Small (321px to 480px) ";}
	
	th.visible-ms, td.visible-ms {display: table-cell !important;}
    .visible-ms {display: block !important;}

	.photo-dg-small {width:40px; height:48px;}
	.lblejid {font-weight: normal; font-size: 12px;}
    .page-content {padding-right: 5px; padding-left: 5px;}
    input.text, input.textbox, input[type='text'], input[type='password'], input[type="file"], .textbox, .ejtextbox {width: 100% !important;}
    select, .cmb {width: 100% !important;}
    textarea {width: 100% !important;}
    .btn, .btnactive{min-width: 72% !important;text-align:center;}
    /*body{text-align:center;}*/
    
    .logo-in-nav:after {
		margin-left: -15px; 
		margin-top: 1px !important;
		height: 55px !important;
		width: 62px !important;
		background: url(../imgs/MAZ-Logo-Menu-border.png ) no-repeat;
    }
        
}
@media (min-width: 481px) and (max-width: 768px) {
	.indicator {background: blue;}
	.indicator:after{content: " Mobile-Large (481px to 768px) ";}
		
	th.visible-ml, td.visible-ml {display: table-cell !important;}
    .visible-ml {display: block !important;}
    
   
}
@media (min-width: 769px) and (max-width: 992px) {
	.indicator {background: green;}
	.indicator:after{content: " Tablets (769px to 992px)";}

}
@media (min-width: 993px) and (max-width: 1199px) {
	.indicator {background: orange;}
	.indicator:after{content: " Desktop (993px to 1199px)";}
	
}
@media (min-width: 1200px) and (max-width: 1499px) {
	.indicator {background: purple;}
	.indicator:after{content: " Desktop-Large (1200px to 1499px)";}
	
}
@media (min-width: 1500px) {
	.indicator {background: brown;}
	.indicator:after{content: " Desktop - HD Screen (greater than 1500px)";}
	
}


/*purr*/
#purr-container {position: fixed; top: 100px; right: 0px;}
.notice {position: relative; width: 324px;}
.notice .close{position: absolute; top: 15px; right: 20px; display: block; color: #fff;}
.notice .close:after{content: "X";}
.notice-body {min-height: 50px; padding: 20px; background: url(http://www.its52.com/jscommon/jquery/purrTop.png) no-repeat left top; color: #f9f9f9;}
.notice-body img {width: 72px; margin: 0px; float: left;}
.notice-body h3 {margin: 0; font-size: 1.6em; color: #fff; text-align: left; border:none;}
.notice-body h3.info {color:#fff; text-shadow: 1px 1px 2px #1796e3;}
.notice-body h3.done {color:#0fe91e;}
.notice-body h3.error {color:#e90f14;}
.notice-body p {margin: 5px 0 0 60px;}
.notice-bottom {height: 22px; background: url(http://www.its523.com/jscommon/jquery/purrBottom.png) no-repeat left top;}

.HomeBtn {border: 1px solid #082635;
    width: 40px;
    height: 35px;
    line-height: 0;
    padding: 0 0 1px;
    text-align: center;
margin: 5px 5px 4px 6px;
background-color:#125F77;border-radius:4px;}

.logo-in-nav:after {
    content: '';
    display: block;
    /* margin-left: -10px; */
    /*margin-top: -15px;*/
    background: url(../imgs/MAZ-Logo-Menu-border.png) no-repeat;
    height: 85px;
    width: 88px;
    background-size: 100% 100%;}

.logo-in-nav {
    margin-right: 10px;
    padding: 3px 30px 0;
}    

.alert
{
padding: 5px !important;
margin-bottom: 10px !important;
}
.control-label
{
	text-align:left !important;
}
.form-group {
    margin-bottom: 5px !important;
}

.navbar .navbar-nav>li>a
{
	background-color:#125F77 !important;
	height:43px !important;
	}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse 
{
	padding-left: 18px !important;
	}