body { 
	color:black;	
	background-color: #ccccff;
	scrollbar-color: #282E33 #7E7F80;
}
.blockContent, #firstContent
{
	/* scrollbar-color: #F5F5F5 #F5F5F5; */
	scrollbar-color: rgba(245, 245, 245, 0.1) rgba(245, 245, 245, 0.1);
}	
.bg-border-top,	.border-bot, .xcontent{ 
	background-color:#F5F5F5;
}
#content .breadcrumbs .settingsUser, #content .breadcrumbs .settingsUser a {
	color: #00137F;
}
input[type='text'],input[type='number'],input[type='date'],input[type='time'], textarea, select, option{
	border: 1px solid #ced4da;
	color: inherit;
	/* background: inherit; */
	background: #fff;
}
table.table tr th,table.table tr td{
	border-top: 1px solid #9FD468;
	vertical-align: middle;
}
table.border tr th,table.border tr td{
	border: 1px solid gray;
	vertical-align: middle;
}
table.borderb tr th,table.borderb tr td{
	border: 1px solid #bed8f8;
	vertical-align: middle;
}
table.table tr.no_border td,table.border tr.no_border td,table tr.no_border td{
	border-bottom: 1px solid #F5F5F5 ;
	border-right: 1px solid #F5F5F5 ;
	border-left: 1px solid #F5F5F5 ;
}
.bor{
	border: 1px solid gray;
	background: rgba(255, 255, 255, 1);
	color: black;
}
.bor a, a .bor {
  color: black;
}
.bor:hover{
	color: #009900;
}
#footer,#footer a,#footer .colorblue{
	color: #465e61;    
}
.colorblue{
	color: #00137F;
}
.colorred{
	color: red;
}
.colorgreen	{
	color: green;
}
.colorblack	{
	color: black;
}
.time_activ, .surat_activ{
	color: #ffffff;
	background-color: #606060;
}
/* ------------------link---------------------- */
a, a:not([href]):not([tabindex]){	
	color:#49658a; 
}
a:hover, a:not([href]):not([tabindex]):hover {
   color: #8673a1;
}
h3{
	color: #7F7CBA;
}
h4{
	color: #00137F;
}
.datetime{
	color: #7F7CBA;
}
.quotes.hadith{
	color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}
.quotes.bible
{
	color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}
.quotes.quote
{
	color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
}
.quotes.ayat
{
	color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
.button_schedule{
    background-color: #EFEFEF;
    border: 3px solid #EFEFEF;
    box-shadow: 0 1px 0 gray,
 		0 2px 0 #c9c9c9,
 		0 3px 0 #bbb,
 		0 4px 0 #b9b9b9,
 		0 5px 0 #aaa,
 		0 6px 1px rgba(0,0,0,.1),
 		0 0 5px rgba(0,0,0,.1),
 		0 1px 3px rgba(0,0,0,.3),
 		0 3px 5px rgba(0,0,0,.2),
 		0 5px 10px rgba(0,0,0,.25),
 		0 10px 10px rgba(0,0,0,.2),
 		0 20px 20px rgba(0,0,0,.15);
}
a span.button_schedule {
	color: gray;
}
span.button_schedule:hover{
	box-shadow: 0 1px 0 #009900,
 		0 2px 0 #c9c9c9,
 		0 3px 0 #bbb,
 		0 4px 0 #b9b9b9,
 		0 5px 0 #009900,
 		0 6px 1px rgba(0,0,0,.1),
 		0 0 5px rgba(0,0,0,.1),
 		0 1px 3px rgba(0,0,0,.3),
 		0 3px 5px rgba(0,0,0,.2),
 		0 5px 10px rgba(0,0,0,.25),
 		0 10px 10px rgba(0,0,0,.2),
 		0 20px 20px rgba(0,0,0,.15);
     
}
a span.button_schedule:hover {
	color: #009900;
}
hr{
	border-top: 1px solid black;
}
.headBlock{
	background: #F5F5F5;
}
.blockType{
	border: 1px solid #00137F;
}
div.button, button.button {
    color: #00137F;
    background-color: #ccccff;
    border-color: #ccccff;
}
.text{
	color: black;
}
path{
	stroke: black;
}
.fillblack{
	fill:black;
}
.fillwhite{
	fill: #EFEFEF;
}
svg.strokewhite path, path.strokewhite{
	stroke:#EFEFEF;
}
.fillblue{
	fill: #00137F;
}
svg.strokeblue path, path.strokeblue{
	stroke: #00137F;
}
.alert.alert-info
{
	color: #d1ecf1;
    background-color: #0c5460;
    border-color: #bee5eb;
}

@media (max-width: 1350px){
	
}