body { background:url(../images/portalGround.jpg) repeat; font-size:15px; color:#564738; font-family:Calibri, Arial;}

h1, h2, h3, h4, h5 { font-family:Georgia, "Times New Roman", Times, serif;}
h1 { font-size:24px; color:#9a5132; font-style:italic; font-weight: bold;}
h2 { font-size:20px; color:#0b598a; font-style:italic; font-weight: bold;}
h3 { font-size:20px; color:#564738; font-style:italic;}
h3 strong {color:#0b598a; font-weight:bold;}

h2.sectionHead { text-align:center; background: url(../images/headingAbstract.png) no-repeat center center; margin:35px 0px 15px;}

.popover-title, .modal-title { font-size:16px; color:#0b598a; font-style:italic; font-weight: bold;}
.modal-title { font-size:20px;}

a { color:#aea488; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;}
a:hover { color:#999077;}

a.forceLink { color:#0b598a; font-size:18px;}
a.forceLink { color:#084266;}

.aletNote { font-size:14px; color:#F00;}

.blue, a.blue {color:#0b598a; }
.blueS, a.blueS {color:#0b598a; font-weight:bold; }

.fontSize20 { font-size:20px;} 

p strong { font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;}

hr { max-width:900px; border:none; background:url(../images/footerBar2.png) no-repeat center top; height:15px;}

.badge { background:#F00; font-family:Calibri, Arial;}
.redForce { color:#F00;}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .navbar-nav>li>a:hover { background-color:#ebe4d4;}
.dropdown-menu .divider { background-color:#9a5132;}
.dropdown-menu { background-color:#cec6a2;}
.dropdown-menu a { font-family:Calibri, Arial; font-style:normal;}
.dropdown-menu>li>a:hover {background-color:#ebe4d4;}

.padR10 { padding-right:10px;}
.maxWidth200 { max-width:200px;}
.blockCenter { margin:0 auto;}
.marTop20 { margin-top:20px;}
.padBot15 { padding-bottom:15px !important;}
.topMarPadZero { margin-top:0px; padding-top:0px;}
.padTop20Bottom20 { padding-top:20px; padding-bottom:20px;}

label { width:auto; font-family:Calibri, Arial; font-size:18px; font-weight:normal;}

.skypeContactLink { display:inline-block;}
.skypeContactLink a { height:35px; width:100px; background:url(../images/startClass.png) no-repeat 4px 10px; text-indent:-9999px; background-size:100% auto;}


input[type="checkbox"].hiddenBox { display:none;}
input[type="checkbox"] + span { background:url(../images/checkAvailableNot.png) no-repeat; padding-left:30px; height:23px; margin-left: -20px; display:inline-block;}
input[type="checkbox"]:checked + span { background:url(../images/checkAvailable.png) no-repeat; padding-left:30px; height:23px; margin-left: -20px; display:inline-block;}

input[type="radio"].hiddenBox { display:none;}
input[type="radio"] + span { background:url(../images/checkAvailableNot.png) no-repeat; padding-left:30px; height:23px; margin-left: -20px; display:inline-block;}
input[type="radio"]:checked + span { background:url(../images/checkRadio.png) no-repeat; padding-left:30px; height:23px; margin-left: -20px; display:inline-block;}

.appHeader { height:170px; background: url(../images/headerGround.png) repeat-x;}
.navbar-brand { background:url(../images/quran-interactive.png) no-repeat 0px 0px; width:207px; height:62px; text-indent:-5000px;}
.qiAppHeader {background:url(../images/bismillah.png) no-repeat center top -1px; height:115px;}
.qiAppHeaderData { padding-top:20px; width:90%; margin:0 auto; font-size:18px;}
.qiAppHeaderData em { display: block; font-size:15px; text-align:right;}

.qiAppHeaderData a { color:#9a5132;}

.loginStyleBox { max-width:950px; margin:0 auto; padding:0px 20px;}
.pageContentBox { max-width:950px; margin:-15px auto 0 auto; padding:0px 20px;}
.pageContentBoxLarge { max-width:1800px; margin:0 auto; padding:0px 20px;}
.pageContentBoxLargeGraph { max-width:1800px; margin:0 auto; padding:0px 20px;}

.blockBar { background:url(../images/headerBar.jpg) no-repeat center top; max-width:900px; margin:30px auto 0 auto; padding-top:40px; margin-bottom:30px;}
.blockBar > * { background:url(../images/footerBar.jpg) no-repeat center bottom; padding-bottom:30px;}

.loginStyleBox form { max-width:560px; margin:0 auto; padding:0 20px;}

.btn-main { background:#aea488; color:#FFF; width:100%; max-width:250px;}
.btn-main:hover { background:#999077; color:#FFF;}

.btn-force { background:#9a5132; color:#FFF; width:100%; max-width:250px;}
.btn-force:hover { background:#733c25; color:#FFF;}

.btn-large300 { max-width:300px;}

.forGot { margin-left:20px;}

.courseNtime form { max-width:750px;}
.courseNtime h2 { text-align:center; background: url(../images/headingAbstract.png) no-repeat center center;}
.courseNtime p { text-align:center;}

.courseSelect { margin:0px; padding:0px; text-align:center;}
.courseSelect li { list-style:none; margin:0px 6px 15px; display:inline-table; height:73px; width:110px;}
.courseSelect label { position:relative;}

.courseSelect label input[type="checkbox"] + span { height:73px; width:110px; text-align:center; background:url(../images/groundBlock.png) no-repeat; background-size:100% auto; padding:10px 5px; display:table-cell; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-style:italic; color:#0b598a;  cursor: pointer;}
.courseSelect label input[type="checkbox"]:checked + span {background-position:bottom center; color:#564738;}
.courseSelect label input[type="checkbox"] + span + em { position:absolute; height:15px; width:15px; right:5px; bottom:5px; background:url(../images/checkAvailableNot.png) no-repeat center center; background-size:100% auto;}
.courseSelect label input[type="checkbox"]:checked + span + em {background:url(../images/checkAvailable.png) no-repeat center center; background-size:100% auto;}

.courseSelect label input[type="radio"] + span { height:73px; width:110px; text-align:center; background:url(../images/groundBlock.png) no-repeat; background-size:100% auto; padding:10px 5px; display:table-cell; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-style:italic; color:#0b598a;  cursor: pointer;}
.courseSelect label input[type="radio"]:checked + span {background-position:bottom center; color:#564738;}
.courseSelect label input[type="radio"] + span + em { position:absolute; height:15px; width:15px; right:5px; bottom:5px; background:url(../images/checkAvailableNot.png) no-repeat center center; background-size:100% auto;}
.courseSelect label input[type="radio"]:checked + span + em {background:url(../images/checkRadio.png) no-repeat center center; background-size:100% auto;}

.daysTimeSelect { margin:0px; padding:20px 0px 0px; text-align:center;}
.daysTimeSelect li {list-style:none; margin:0px 0px 10px; padding:0px; display:inline-table; width:95px; text-align:center; cursor: pointer;}
.daysTimeSelect label { cursor:pointer; width:90px;}

.daysTimeSelect label input[type="checkbox"] + span { background:url(../images/checkAvailableNot.png) no-repeat center top 30px; height:60px; width:90px; padding:0px; display:table-cell;}
.daysTimeSelect label input[type="checkbox"]:checked + span { background:url(../images/checkAvailable.png) no-repeat center top 30px; }

.daysTimeSelect.insStartEndTime label select { margin-bottom:5px}
.daysTimeSelect label input[type="checkbox"] + span + select,
.daysTimeSelect label input[type="checkbox"] + span + select + select  
{ opacity:0.2; transition: all 0.5s; padding:6px 3px;}
.daysTimeSelect label input[type="checkbox"]:checked + span + select, 
.daysTimeSelect label input[type="checkbox"]:checked + span + select + select 
{ opacity:1;}


.daysTimeSelect li input { width:90px;}

footer { text-align:center; max-width:800px; margin:0 auto; padding-bottom:30px;}
footer ul, footer ul li {text-align:center; margin:0px; padding:0px;}
footer ul li {list-style:none; display:inline-block; margin:10px;}
footer ul li a { text-align:center; font-size:12px; font-family:Calibri, Arial;}
.socialSkype, .socialMessage, .socialMail { display:block; background:url(../images/socialIcons.png) no-repeat; background-size:100% auto; height:50px; width:50px; margin:0 auto;}

.socialSkype { background-position:0px 0px;}
.socialMessage { background-position:0px -78px;}
.socialMail { background-position:0px -155px;}

.missionStatment { font-size:16px;}
.missionStatment strong { color:#F00;}

.timeBoard {max-width:780px; margin:0 auto;}
.timeBoard h1 { color:#0b598a; font-size:23px; margin:0; padding:0px 0px 20px;}
.timeBoard h3 { color:#564738; font-size:15px; margin:0; padding:0px 0px 5px; font-style:italic; font-weight:bold;}
.timeBoard p { color:#564738; font-size:15px; margin:0; padding:0px 0px 10px; text-align:left;}
.timeBoard p.nopadding { padding:0px;}
.timeBoard p.redForce { color:#ff0000;}

.timeBoard a { font-style:normal; font-family:Calibri, Arial; display:inline-block; padding:0px; margin-right:20px; font-size:14px;}

.timeTable, .timeTable li { list-style:none; margin:0px; padding:0px; line-height:18px;}
.timeTable li { list-style:none; margin:0px 10px 10px 0px; padding:0px; text-align:center; width:100px; float:left;}
.timeTable li strong { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:bold;}

.historyBoard {}
.historyBoard .historyBoardList { max-width:440px; background:url(../images/historyBoard.jpg) no-repeat center top; padding:20px 0px 0px; margin:0px 14px 10px;}
.historyBoard .historyBoardList>div { background:url(../images/historyBoard.jpg) no-repeat center bottom; padding:0px 20px;}
.historyBoard h2 { margin:0px 0px 20px; padding:0px; font-size:18px; background:url(../images/headingAbstract.png) no-repeat -209px 5px; padding-left:30px;}
.historyBoard h2 .viewAllHistory { float:right; font-size:10px; color:#0b598a; padding-top:10px;}
.historyContentBlock { padding-bottom:20px;}
.historyContentBlock p { line-height:24px; margin:0px;}
.historyContentBlock>p { font-size:12px;}
.historyContentBlock section { float:right;}
.historyContentBlock a { color:#0b598a; font-weight:bold;}
.historyContentBlock a.required { color:#F00;}
.historyContentBlock a.done { color:#27a94f;}
.historyContentBlock a.feeVoucher { font-size:10px;}

.ratingBar { font-size:30px;}
.historyBoard .historyBoardList.detialView { max-width:100%; background:none;}
.historyBoard .historyBoardList.detialView>div {background:none;}

.paymentForm {max-width:700px; margin:0 auto;}
.paymentForm h3 { color:#0b598a; font-size:18px; margin:0; padding:0px 0px 20px; font-weight:bold;}
.paymentForm form {max-width:600px; margin:0 auto; padding:0px 0px 0px;}
.paymentForm .tab-pane { padding:30px 0px 20px;}

.paymentMethod { background:none; border:none;}
.paymentMethod a { background:url(../images/cards.png) no-repeat; background-size:506px auto; width:53px; height:50px; text-indent:-9999px;}

.nav-tabs.paymentMethod>li.active>a { background-color: rgba(0,0,0,0); border:none; border-bottom:2px solid #cfc6a2; padding-bottom: 5px;}
.nav-tabs.paymentMethod>li { padding-right:50px; background:url(../images/or.png) no-repeat top 10px right 16px; background-size:20px auto;}
.paymentMethod a[href="#creditCard"] 	{background-position:0px 0px; width:312px;}
.paymentMethod a[href="#payPal"] 		{background-position:-325px 0px;}
.paymentMethod a[href="#westerUnion"] 	{background-position:-389px 0px;}
.paymentMethod a[href="#bankCheque"] 	{background-position:-454px 0px;}
.nav-tabs.paymentMethod>li:nth-child(4) { background:none; padding-right:0px;}

.descriptionCheck { font-size:15px; padding-left:15px; height:20px;}

blockquote .small:before, blockquote footer:before, blockquote small:before { content:""}

blockquote { border-left:5px solid #aea488; padding:0px 20px;}
blockquote * { text-align:left !important; padding:0px;}
blockquote p { margin-bottom:5px;}
blockquote p a { color:#0b598a;}
blockquote p a:hover { color:#0b598a;}

.adminMessage { clear:both; min-height:400px;}
.adminMessage blockquote { border:none; background:#f8f8f2; max-width:80%; padding:10px; border-radius: 10px; font-size:15px; float:left;}

.adminMessage blockquote.blockquote-reverse { background:#e9e4d1; float:right;}

.currentClassActions { margin:-15px 0px 12px;}
.currentClassActions p { padding:0px;}

.profiileCourseList { margin-bottom:30px; clear:both; overflow:auto;}
.profiileCourseList h1 { padding:0px 0px 10px;}
.profiileCourseList p { padding:0px 0px 5px;}

.table-striped>tbody>tr:nth-of-type(odd) { background-color:#e4dfc9;}
.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 { border:1px solid #cfc6a2;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { padding: 2px; line-height: 1.42857143; vertical-align: inherit;}

.table-striped>tbody>tr:nth-of-type(odd).currentDaySchedule,
.currentDaySchedule { background:#d5eddc;}
.nextDaySchedule { background:#ffe0b2;}

 
 table { border:1px solid #cfc6a2; width:100%; font-size:10px;}
 table.noBorderTable { border:0px;}
 
 thead { background:#cfc6a2; color:#9a5132; font-size:14px;}
 .reservedBlock { background:#9a5132; color:#FFF;}
 .freeBlock { background:#27a94f; text-align:center; color:#FFF;}
 .freeNotBlock { background:#ff0000; color:#FFF; text-align:center;}
 .notAvailable { background:#cccccc;}
 .completedFree { background:#e99415; text-align:center; color:#F00;}
 .completed { background:#e99415; text-align:center; color:#096;}
 .schedualLabel { display:block; font-size:10px; margin-bottom:0px; color:#FFF; text-wrap:none;}

 .normalActive { background:rgba(255, 255, 255, 0.5); text-align:center; color:#564738;}	
	table  .normalActive a[data-toggle="popover"] {color:#564738;}
 .currentActive { background:#27a94f;}
 .classOnHold { background:#CCC;}
 .completedNeedFeedback {background:#FF0; color:#564738;}
 table  .completedNeedFeedback a[data-toggle="popover"] {color:#564738;}
 .cancelOrNotFeedback { background:#ff0000; color:#FFF; text-align:center;}
 
 div.popover .popover-content { color:#564738 !important;}
 
table a[data-toggle="popover"] { color:#FFF; font-style:normal; font-family:Calibri, Arial;}
table a[data-toggle="popover"].required { color:#F00 !important;}
.timeToStart time { color:#F00; font-size:18px;}

.applicationMenuBar { position:relative; margin-bottom:50px;}
.applicationMenuBar h1 { position:absolute; top:30px; left:40px;}
.applicationMenuBar .navbar {background-color:#cec6a2;}
.applicationMenuBar	.navbar-nav>li>a { color:#564738;}

.applicationMenuBar .breadcrumb { padding:0px; margin:-20px 0px 10px; background:none;}

.dashboardBlock {}
.dashboardBlock .panel {border-color:#cec6a2;}
.dashboardBlock .panel, .dashboardBlock .panel .list-group-item { background-color:rgba(255, 255, 255, 0.0);}
.dashboardBlock .panel>.panel-heading { background:#cec6a2; border-color:#cec6a2;}
.dashboardBlock .panel .panel-title { color:#9a5132; font-weight:bold;}

.feedbackTable, .simpleContentTable { font-size:14px;}
.feedbackTable thead { font-size:14px;}


.table-bordered>tbody>tr>td.doubleBorder,
 .table-bordered>tbody>tr>th.doubleBorder, 
 .table-bordered>tfoot>tr>td.doubleBorder, 
 .table-bordered>tfoot>tr>th.doubleBorder, 
 .table-bordered>thead>tr>td.doubleBorder, 
 .table-bordered>thead>tr>th.doubleBorder 
 { border-left:2px solid #9a5132;}
 
.dailyScheduleTable7 .table>tbody>tr>td,
.dailyScheduleTable7 .table>tbody>tr>th, 
.dailyScheduleTable7 .table>tfoot>tr>td, 
.dailyScheduleTable7 .table>tfoot>tr>th, 
.dailyScheduleTable7 .table>thead>tr>td, 
.dailyScheduleTable7 .table>thead>tr>th
 { padding:0px;}
 
.waitingForSchedule { background:#F00;}
.waitingForScheduleAvailable { background:#0F0;}
.waitingForScheduleOverlap { background:#616161;}


.daysAndAvailibilityFilter { margin-top:-40px; margin-bottom:-60px;}
.daysTimeSelect.daysAndAvailibilityFilter li:nth-last-child(1) label,
.daysTimeSelect.daysAndAvailibilityFilter li:nth-last-child(1) label input[type="checkbox"] + span { width:150px;}
.daysTimeSelect.daysAndAvailibilityFilter li:nth-child(1) label,
.daysTimeSelect.daysAndAvailibilityFilter li:nth-child(1) label input[type="checkbox"] + span { width:150px;}

.badgeMainNav { float:right;}

#accordion .panel {background-color: rgba(255,255,255, 0);}

.pagination>li>a, .pagination>li>span 
{
	background-color: #e4dfc9;
    border: 1px solid #cfc6a2;
	color:#564738;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover
{background:#aea488; border-color:#aea488;}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover
{ background-color:#ede8d5;}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover
{background-color:#cec6a2; color:#9a5132; font-weight:bold;}

.nav-tabs { border-bottom:1px solid #aea488;}