.navbar-inverse {
    background-color: #fff;
	border:none;
}
.navbar-nav {
    float: right;
    margin: 0;
}
/*.BlackTopBg{
	background-color: #000;
	background-image: url(../img/BlackTopBg.png);
	background-position: top;
	height: 50px;
    padding: 15px 15px;
}*/
/*.PaigeTopBg{
	background-color: #bfa663;
	background-image: url(../img/PaigeTopBg.png);
	background-position: top;
	color:#000000;
	height: 50px;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 15px;
	text-decoration:none;
	font-family:arial;
	font-weight:700;
}*/
.LineMenu {
	border-left:2px solid #cfcfcf; height:45px;
	display: none;
	
}

/*@font-face {
	font-family: "jannaltbold";
        src: url("../fonts/JannaLT-Regular.eot"); 
    	src: url("../fonts/JannaLT-Regular.eot?") format("eot"), 
             url("../fonts/JannaLT-Regular.otf") format("opentype"), 
    	     url("../fonts/JannaLT-Regular.ttf") format("truetype"), 
			 url('../fonts/JannaLT-Regular.woff') format('woff'),
			 url("../fonts/JannaLT-Regular.svg#JannaLT-Regular") format("svg");
}

.article a {
    font-family: 'jannaltbold', arial, sans-serif; font-size:19px;
    -ms-text-shadow: 1px 1px 1px #8a8988;
    text-shadow: 1px 1px 1px #8a8988;
	text-align:center;	
}

.article h7 {
	font-family: 'jannaltbold', arial, sans-serif; font-size:20px;
	color:#bfa663;
	text-align:center;
	line-height:32px;
}
.article h2 {
	font-family: 'jannaltbold', arial, sans-serif; font-size:20px;
	color:#000;
	text-align:center;
    text-shadow: 1px 1px 1px #8a8988;
    width: 70%;
}
.article h2:hover {
	font-family: 'jannaltbold', arial, sans-serif; font-size:20px;
	color:#967724;
	text-align:center;
    text-shadow:none;
}
.article h3 {
	font-family: 'jannaltbold', arial, sans-serif; font-size:16px;
	color:#000;
	text-align:justify;
	line-height:32px;
    direction:rtl;
    font-weight:bold;
}
.article h4 {
	font-family: 'jannaltbold', arial, sans-serif; font-size:16px;
	color:#000;
	text-align:center;
    direction:rtl;
    font-weight:bold;
    padding:0px 5px;
}

@font-face {
	font-family: "GEMBMBBold-CondensedBold";
        src: url("../fonts/GEMBMBBold-CondensedBold.eot"); 
    	src: url("../fonts/GEMBMBBold-CondensedBold.eot?") format("eot"), 
             url("../fonts/GEMBMBBold-CondensedBold.otf") format("opentype"), 
    	     url("../fonts/GEMBMBBold-CondensedBold.ttf") format("truetype"),
			 url('../fonts/GEMBMBBold-CondensedBold.woff') format('woff'),
			 url("../fonts/GEMBMBBold-CondensedBold.svg#GEMBMBBold-CondensedBold") format("svg");
}
.article h6 {
	font-family: 'GEMBMBBold-CondensedBold', arial, sans-serif;
}*/

.navbar-inverse .navbar-nav>li>a {
	color: #252525;
	}
.navbar-inverse .navbar-nav>li>a:hover {
	color: #bfa663;}

.navbar-toggle {
	background-color: #bfa663;	
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #a1a0a0;
}
.carousel-caption {
    right: 0px;
    left: 0px;
    padding: 0px;
	margin:0px;
  }
 .carousel .item {
    height: 300px;
    background-color: #777;
}
.carousel {
    height: 300px;
    margin-bottom: 20px;
	margin-top:-40px;
}
.carousel-inner > .item > img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    height: 300px;
}
.carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      width: 70%;
      margin: auto;
  }
.BgCircle{
	background-color: rgba(0, 0, 0, 0.44); width:100px; text-align:center; margin:auto; padding:2px 5px; border-radius:5px; border:1px solid #fff;
	
}
.carousel-indicators
{
	bottom:10px;
}
.BgBox{
	background-color: #f1f1f1;
	background-image: url(../img/BgBox.png);
	border:1px solid #e6e6e6;
	padding:0px;
	position: static;
	direction:rtl;
	
}
.BgBox2{
	background-color: #bfa663;
	background-image: url(../img/BgBox2.png);
	border:1px solid #af9653;
	padding:0px;
}
.col-lg-4{
	text-align:center;
	    margin-bottom: 20px;
}
h2 {
	display: block;
    font-size: 1.5em;
    -webkit-margin-before: 0.83em;
    -webkit-margin-after: 0.83em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
	margin-top: 20px;
    margin-bottom: 10px;
	color:#000;
	border-bottom:2px solid #c5c5c5;
	width:160px;
	padding-bottom:15px;
	text-align:center;
	margin-right:auto;
	margin-left:auto;
	line-height:20px;
	text-decoration:none;
	text-shadow:none;
}

a:link {   
    text-decoration: none;
    cursor: pointer;
    color:#000;
}
h2 a:hover{
	text-decoration:none;
	color:#967724;
    text-shadow:none;
}
.CopyRight{
	background-color: #000;
	background-image: url(../img/CopyRight.png);
	background-position: bottom;
	height: 50px;
	text-align:center;
	direction:rtl;
	padding-top:11px;
	margin-bottom:-37px;
	color:#fff; font-size:15px;
}
div {
    display: block;
}
.navbar-nav > li {
    float: right;
}

/*Start Video PopUp*/
.image-block{ display:block;position: relative; margin:11px 0px;}
.image-block img{border: 1px solid #d5d5d5; border-radius: 4px 4px 4px 4px; padding:5px; background-color: rgba(215, 201, 178, 0.44);}
.image-block img:hover{border: 1px solid #A9CF54;box-shadow:0 0 5px #A9CF54; background-color: rgba(255, 255, 255, 0.8);}
.overlay {
    background-color: rgba(0, 0, 0, 0.6);
    bottom: 0;
    cursor: default;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 1;

    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}
.overlay:target {
    visibility: visible;
    opacity: 1;
}
.popup {
    background-color: #fff;
    border: 3px solid #fff;
    display: inline-block;
    left: 50%;
    opacity: 0;
    padding: 15px;
    position: fixed;
    text-align: justify;
    top: 40%;
    visibility: hidden;
    z-index: 10;

    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;

    -webkit-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    -moz-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    -ms-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    -o-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;

    -webkit-transition: opacity .5s, top .5s;
    -moz-transition: opacity .5s, top .5s;
    -ms-transition: opacity .5s, top .5s;
    -o-transition: opacity .5s, top .5s;
    transition: opacity .5s, top .5s;
}
.overlay:target+.popup {
    top: 50%;
    opacity: 1;
    visibility: visible;
}
.close {
    background-color: rgba(0, 0, 0, 0.8);
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    top: -15px;
    width: 30px;

    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
}
.close:before {
    color: rgba(255, 255, 255, 0.9);
    content: "X";
    font-size: 24px;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
}
.close:hover {
    background-color: rgba(64, 128, 128, 0.8);
}
/*End Video PopUp*/
.InsideTxt{
    /*font-family: 'jannaltbold','Arabic Transparent', arial, sans-serif;*/
    color:#3b3b3b;
    font-size:16px;
    font-weight:700;
    text-align:justify;
    padding:10px;
    line-height:30px;
}
.dxWeb_rpBottomRightCorner, 
.dxWeb_rpBottomLeftCorner,
.dxWeb_rpHeaderTopRightCorner,
.dxWeb_rpHeaderTopLeftCorner{
    background-image:none;
}
/*.dxrp {
    background-color:red;
}*/
/*.dirr {
    direction:ltr;
}
.dxrpHeader {
    background-color: none;
    border-bottom: none;
}*/
/*.dxrpControl .dxrpTE, .dxrpControl .dxrpNHTE, .dxrpControlGB .dxrpNHTE {
   border-top:none;
}*/
/*table {
    background-color: none;
}
table {
    border-spacing: 0;
    border-collapse: collapse;
}
.dxgvTable caption {
    font-size: 15px;
    font-weight: normal;
    padding: 3px 3px 5px;
    text-align: center;
    background-color: #bfa663;
    color: #fff;
    border-bottom: 1px Solid #9F9F9F;
    font-family:'Arabic Transparent';
    font-weight:bold;
}*/
.RegSec1{
	border-radius: 0px 0px 7px 7px;
	-moz-border-radius: 0px 0px 7px 7px;
	-webkit-border-radius: 0px 0px 7px 7px;
	border: 1px solid #cdc3a7;
	background-color: rgba(191, 166, 99, 0.2);
	padding:1%;
}
.RegSec2{
	border-radius: 0px 0px 7px 7px;
	-moz-border-radius: 0px 0px 7px 7px;
	-webkit-border-radius: 0px 0px 7px 7px;
	border: 1px solid #ccc;
	background-color: rgba(255, 255, 255, 0.5);
	padding:1%;
}
.RegSec3{
	border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
	-webkit-border-radius: 7px 7px 7px 7px;
	border: 1px solid #ccc;
	background-color: rgba(255, 255, 255, 0.5);
	padding:1%;
	margin-top:7px;
}
.RegHead1{
	background-color:#fff;
		border-top:1px solid #ccc;
	border-bottom:3px solid #8b7437;
	text-align:center;
	height:40px;
	line-height:40px;

}
.RegHead2{
	/*background-color:#fff;*/
	border-bottom:1px solid #ccc;
	text-align:center;
	
	line-height:30px;
    width:90%;
    margin:auto;
    margin-bottom:15px;

}
.TxtLeb{
	/*font-family: "jannaltbold";*/
	font-size:16px;
	font-weight:700;
	padding-top:7px;
	direction:rtl;
    line-height:35px;
    text-align:right;
}
.btd {
    width:90px;
 -webkit-box-shadow: 0px 0px 8px -2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 8px -2px rgba(0,0,0,0.75);
box-shadow: 0px 0px 8px -2px rgba(0,0,0,0.75);
}
/*.signupBg{
	
	box-shadow:0 0 5px #ccc;
	width:90%;
	
}*/
.signup {
 
  padding: 30px 20px;
  background-color: white;
  text-align: center;
  border-radius: 5px 0 0 5px;
}

[type=text2] {
  display: block;
  margin: 0 auto;
  width: 80%;
  border: 0;
  border-bottom: 1px solid rgba(0,0,0,.2);
  height: 45px;
  line-height: 45px;  
  margin-bottom: 10px;
  font-size: 1em;
  color: rgba(0,0,0,.4);
  text-align:right;
  direction:rtl;
}

[type=submit] {
  border-style: none;
    border-color: inherit;
    border-width: 0;
    margin-top: 25px;
    width: 80%;
    background-color: #bfa663;
	background-image: url('../img/PaigeTopBg.png');
    border-radius: 5px;
    color: white;
    font-weight: 400;
    font-size: 1em;
}

[type='text2']:focus {
  outline: none;
  border-color: #9e8645;
}
.FormReg { 
  margin: 0 auto;
  border:1px solid #ded5be;
  border-radius:5px;
  border-bottom: 2px solid #ceb162;
  height: 40px;
  line-height: 45px;  
  margin-bottom: 10px;
  color: rgba(0,0,0,.4);
  text-align:right;
  direction:rtl;
}
.FormReg:hover {
    outline: none;
   border-bottom:2px solid #787776;

}
/*.SubmitReg {
  margin-top: 25px;
  padding:6px 0 0 0;
  border-radius:10px;
  background-color: #bfa663;
  background-image: url(../../img/PaigeTopBg.png);
  border-radius: 5px;
  height: 40px;
  color: white;
  font-weight: 400;
  font-size: 16px;
  font-family:'Arabic Transparent';
  display:inline-block;
  text-align:center;
  -webkit-box-shadow: 0px 0px 8px -2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 8px -2px rgba(0,0,0,0.75);
box-shadow: 0px 1px 4px -2px rgba(0,0,0,0.9);
}*/
.form-control {
    font-size:20px;
    font-family:'Arabic Transparent';
    text-align:right;
}
.form-control2 {
    font-size:20px;
    font-family:'Arabic Transparent';
    text-align:right;
    vertical-align:top;
    border:1px solid #cccccc;
    border-radius:5px;
}
.HajjTit {
    background-color: transparent;
    border:none;
    text-align:right;
    font-size:25px;
    color:#fff;
    line-height:0px;
    /*margin-top:-20px;*/
    padding-right:5px;
    display:inline-block;

    /*color: red;
    position: relative;
    -webkit-animation-name: example; 
    -webkit-animation-duration: 4s;
    -webkit-animation-iteration-count: infinite; 
    animation-name: example;
    animation-duration: 6s;
    animation-iteration-count: infinite;*/
}

/* Chrome, Safari, Opera */
@-webkit-keyframes example {
    0%   {color:red; left:0px; top:0px;}
    25%  {color:yellow; left:100px; top:0px;}
    50%  {color:blue; left:100px; top:0px;}
    75%  {color:white; left:0px; top:0px;}
    100% {color:red; left:0px; top:0px;}
}

/* Standard syntax */
@keyframes example {
    0%   {color:red; left:0px; top:0px;}
    25%  {color:yellow; left:100px; top:0px;}
    50%  {color:blue; left:100px; top:0px;}
    75%  {color:white; left:0px; top:0px;}
    100% {color:red; left:0px; top:0px;}
}
.IconReg {
    margin-top: -50px;
    display: inline-flex;
    background-color: #881738;
    border: 2px solid #fff;
    border-radius: 50%;
    padding: 15px;
    box-shadow: 0 0 5px #848383;
}
.icon-reg {
    width: 60px;
    filter: brightness(0) invert(1);
}
.CommentsDivStyle {
    margin-right: 5px;
    overflow: auto;
    font-family: 'Arabic Transparent';
    font-size: 16px;
    text-align: justify;
    direction: rtl;
    line-height: 18px;
    border-radius: 0px 0px 7px 7px;
    -moz-border-radius: 0px 0px 7px 7px;
    -webkit-border-radius: 0px 0px 7px 7px;
    border: 1px solid #cdc3a7;
    background-color: rgba(191, 166, 99, 0.2);
    padding: 1%;
}
.CommentsDivStyleEnglish
{
	margin-right:5px;
	overflow: auto;
	border: 1px solid #cccccc;
	background-color: #f3f3f3;
	padding: 5px;
	font-family: Tahoma;
	font-size: 12px;
	text-align: justify;
	direction:ltr;
	line-height: 18px;
}
.TransparentHoverlink
{    
cursor:pointer;
display:inline-block;
font-family: "jannaltbold";
font-size:18px;
line-height:32px;
border-bottom:1px solid transparent;
color:#413f3f;
text-shadow: none;
padding-left:5px;
margin-left:5px;
text-decoration:none;

}
.hoverlink
{    
cursor:pointer;
display:inline-block;

font-size:18px;
line-height:32px;
border-bottom:1px solid #c10c0c;
color:#c10c0c;
text-shadow: 1px 1px 1px #8a8988;
padding-left:5px;
margin-left:5px;
text-decoration:none;
}

.hoverlink:hover
{    
cursor:pointer;
color:#413f3f;
border-bottom:1px solid transparent;
text-shadow: none;
text-decoration:none;
}
@media (max-width: 768px) {
	.LineMenu {
	border-left: none; height:0px;
}
.MobileH
{
	display:none;
}

.navbar-nav > li {
	float:none;
}
.CopyRight{
	font-size:10px;
}
.ResizeLogo{
	width:300px;
}
.signupBg{
	background-color:#fff;
	border-top:2px solid #9e8645;
	box-shadow:0 0 5px #ccc;
	width:100%;
	
}
.RegHead2{
	/*background-color:#fff;
	border-bottom:1px solid #ccc;*/
	text-align:center;
	
	line-height:30px;
    width:100%;
    margin:auto;
    font-size:10px;

}
}
table [errorframe] {
    
    width: 100%;
}
/*Start Google Map*/
.map, .mapQ {
    margin-bottom:10px;
    height: 315px;
    border: 5px solid #f8f8f8;
}
/*End Google Map*/
.warningMsg {
    color: red;
    background-color: #bde5f8!important;
    border:1px solid #00529b!important;
    background-image: url('../Images/MessageBox/MessageBox_info.png')!important;
    border-radius:5px;
    color:#000!important;
    font-size:24px;
    height:50px!important;
}
.dxWeb_rpTopRightCorner, .dxWeb_rpTopLeftCorner {
    visibility:hidden;
}
.btn.btn-default_1 {
    color: black;
    background: #bfa663;
    border-color: #bfa663;
}

    .btn.btn-default_1:hover,
    .btn.btn-default_1:focus,
    .btn.btn-default_1:active,
    .btn.btn-default_1.active {

        color: white;
    }

.btn-group .btn.btn-default_1:not(.active) + .btn.btn-default_1,
.input-group-btn .btn.btn-default_1:not(.active) + .btn.btn-default_1 {
    border-left-color: #008a8a;
}

th {
    text-align: right!important;
}

.table {
    border-color: #e2e7eb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #fff;
}

    .table > thead > tr > th {
        color: #242a30;
        font-weight: 600;
        border-bottom: 2px solid #e2e7eb !important;
    }

    .table > thead > tr > th,
    .table > tbody > tr > th,
    .table > tfoot > tr > th,
    .table > thead > tr > td,
    .table > tbody > tr > td,
    .table > tfoot > tr > td {
        border-color: #e2e7eb;
        padding: 10px 15px;
        background: #fff;
        color: black;
    }

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
    padding: 7px 15px;
}

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
    background: #e8ecf1 !important;
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background: rgba(191, 166, 99, 0.15);
    color: black;
}

.table.table-inverse {
    background: none;
}

    .table.table-inverse > thead > tr > th,
    .table.table-inverse > tbody > tr > th,
    .table.table-inverse > tfoot > tr > th,
    .table.table-inverse > thead > tr > td,
    .table.table-inverse > tbody > tr > td,
    .table.table-inverse > tfoot > tr > td {
        border-color: #999 !important;
        border-color: rgba(0,0,0,0.2) !important;
        font-size: 13px;
    }

    .table.table-inverse,
    .table.table-inverse > thead > tr > th,
    .table.table-inverse > tbody > tr > th,
    .table.table-inverse > tfoot > tr > th {
        color: black;
    }

        .table.table-inverse > thead:first-child > tr:first-child > th {
            background-color: black !important;
            color: white;
            font-size: 12px;
            border: 1px solid rgb(119, 119, 119) !important;
            font-weight: normal !important;
        }

        .table.table-inverse > tbody > tr:nth-of-type(odd) {
            background-color: rgba(191, 166, 99, 0);
        }


.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
    background: #dbf0f7;
    border-color: #b6e2ef;
}

.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
    background: #cceeee;
    border-color: #99dede;
}

.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
    background: #ffdedd;
    border-color: #ffbdbc;
}

.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
    background: #fdebd1;
    border-color: #fbd7a3;
}

.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
    background: #f0f3f5;
    border-color: #e2e7e9;
}


/* -------------------------------
   7.0 Update - V1.1
------------------------------- */

/* 7.1 Timeline Setting */


.timeline {
    list-style-type: none;
    padding: 0;
    position: relative;
    margin-bottom: :5px!important;
}
.timeline:before {
    content: '';
    position: absolute;
    top: 5%;
    bottom: 5px;
    width: 5px;
    background: #000;
    right: 20%;
    margin-right: -2.5px;
}
.timeline > li {
    position: relative;
    min-height: 30px;
}
.timeline > li + li {
    margin-top: 40px;
}
.timeline .timeline-time {
    position: absolute;
    left: 0;
    width: 73%;
    text-align: right;
    padding-top: 10px;
}
.timeline .timeline-time .date,
.timeline .timeline-time .time {
    display: block;
}
.timeline .timeline-time .date {
    line-height: 18px;
    font-size: 14px;
}
.timeline .timeline-time .time {
    line-height: 28px;
    font-size: 24px;
    color: #242a30;
}
.timeline .timeline-icon {
    right: 15%;
    position: absolute;
    width: 10%;
    text-align: center;
    top: 5px;
}
.timeline .timeline-icon a {
    text-decoration: none;
    width: 40px;
    height: 40px;
    display: inline-block;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background: #000;
    line-height: 40px;
    color: #fff;
    font-size: 14px;
    border: 2px solid #bfa663;
    transition: background .2s linear;
    -moz-transition: background .2s linear;
    -webkit-transition: background .2s linear;
}
.timeline .timeline-icon a:hover,
.timeline .timeline-icon a:focus {
    background: #00acac;
}
.timeline .timeline-body {
    margin-right: 28%;
    margin-left: 18%;
    background: #fff;
    position: relative;
    padding: 20px 30px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.timeline .timeline-body:before {
    content: '';
    display: block;
    position: absolute;
    border: 10px solid transparent;
    border-left-color: #fff;
    right: -20px;
    top: 20px;
}
.timeline-header {
    padding-bottom: 10px;
    border-bottom: 1px solid #e2e7eb;
    line-height: 30px;
}
.timeline-header .userimage {
    float: left;
    width: 34px;
    height: 34px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    overflow: hidden;
    margin: -2px 10px -2px 0;
}
.timeline-header .username {
    font-size: 16px!important;
    font-weight: 600;
}
.username label {
    color:#000;
    -ms-text-shadow: 1px 1px 1px #8a8988;
    text-shadow: 1px 1px 1px #8a8988;
}
.timeline-header .username,
.timeline-header .username a {
    color: #00acac;
}
.timeline img {
    max-width: 100%;
    display: block;
}
.timeline-content {
    font-size: 14px;
}
.timeline-header + .timeline-content,
.timeline-header + .timeline-footer,
.timeline-content + .timeline-footer {
    margin-top: 20px;
}
.timeline-content:before,
.timeline-content:after {
    content: '';
    display: table;
    clear: both;
}
.timeline-title {
    margin-top: 0;
}
.timeline-footer {
    margin: -20px -30px;
    padding: 20px 30px;
    background: #e8ecf1;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}
.timeline-footer a:not(.btn) {
    color: #575d63;
}
.timeline-footer a:not(.btn):hover,
.timeline-footer a:not(.btn):focus {
    color: #2d353c;
}
.btn {
    margin: 1px!important;
}
.panel {
    background-color: rgba(255, 255, 255, 0.64);
}
.panel-default {
    border-color: #bfa663!important;
    padding: 2px;
    margin: 5px;
}
.signupBg-2nd{
	
	border-top:2px solid #9e8645;
	box-shadow:0 0 5px #ccc;
	width:90%;
	margin-right: auto;
	margin-left: auto;
	
}
.sec-tip {
    width: 50%;
    text-align: center;
    margin: auto;
    
}
.sec-tip a {
        cursor: pointer;
    }
.reg-cop {
    background-color: #f1ede1;
    text-align: center;
    border: 1px solid #e3dbc7;
    padding: 7px;
}
    @media (max-width: 768px) {
        .signupBg-2nd {
            border-top: 2px solid #9e8645;
            box-shadow: 0 0 5px #ccc;
            width: 100%;
            margin-right: auto;
            margin-left: auto;
        }

        .sec-tip {
            width: 100% !important;
        }
        .navbar-nav {
            float:inherit!important;
            margin: 0;
        }
        .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
            padding:10px 2px;

        }
    }
.fit-btn {
    width: fit-content;
    border: 1px solid #a3905d;
    text-wrap: wrap;
}
.well {
    border: 1px solid #999 !important
}
.alert-info {
    font-size: 18px !important;
    color: #000 !important;
    box-shadow: 0 0 4px 0 rgb(0 0 0 / 20%);
    border: none !important;
    border-top: 4px solid #86764e !important;
    border-bottom: 1px solid #bca18c !important;
    margin-bottom: 20px;
    background-color: #f5f2ec !important;
    padding-top: 10px;
    padding-bottom: 10px;
    background-image: url(https://www.islam.gov.qa/assets/images/patt.svg);
    background-size: 150px;
    border-radius: 7px !important;
    color: #5b4b21;
}
.center1 {
    text-align: center;
    font-weight: bold;
   
}