@import url('https://fonts.googleapis.com/css?family=Raleway');
@import url(//fonts.googleapis.com/earlyaccess/notonaskharabic.css);


/* Attention, do not edit this file directly, please use the stylesheet editor in admin.
Any changes made here will be overwritten*/

body.body {
font-family:'Raleway', sans-serif;
text-align:left;
margin:0px;
padding:0px;
}
* {
outline:none;
}
.updating input[type="text"] {
background:#008000;
}
#header {
background:linear-gradient(#333,#000);
color:#fff;
height:40px;
}
.section {
padding:5px 20px;
}
ul#nav {
margin:0px;
padding:0px;
list-style:none;
}
ul#nav li {
float:left;
padding:10px;
cursor:pointer;
}
ul#nav li:hover, ul#nav li.active {
background:linear-gradient(#cc0000,#000);
}
ul.chapter_list {
list-style:square;
}
ul.chapter_list li:hover {
cursor:pointer;
color:#e31d38;
}
input[type="text"],input[type="password"] {
width:400px;
padding:3px 5px;
border-radius:3px;
border:1px solid #ccc;
margin:2px 0;
max-width:95%;
}
textarea {
font-family:'Raleway', sans-serif;
}
input[type="button"],button {
border:0px;
cursor:pointer;
background:linear-gradient(#e31d38,#820000);
color:#fff;
padding:3px 20px;
border-radius:3px;
}
input.large {
font-size:1.4em;
}
input[type="button"]:hover,button:hover {
background:linear-gradient(#e31d38,#000);
}
a#signout {
display:block;
float:right;
padding:10px 20px 10px 30px;
color:#fff;
text-decoration:none;
background-image:url(logout.png);
background-repeat:no-repeat;
background-position:left 50%;
background-size:auto 50%;
}
.copy_block {
padding:10px;
margin:0px -10px;
}
.copy_block:nth-child(odd) {
background:#fafafa;
}
form#login {
width:400px;
margin:5% auto;
text-align:left;
}
form#login img {
width:350px;
}
.ui-tabs-panel h3 {
color:#820000;
border-bottom:2px solid #820000;
}
#section_verses a.reference {
display:inline-block;
margin:5px;
width:200px;
}
ul.next_list {
list-style:none;
}
ul.next_list li:hover {
background:#ccc;
cursor:pointer;
}
ul.next_list li {
display:block;
width:200px;
padding:10px;
background:#fafafa;
border-radius:5px;
margin-bottom:2px;
}
table.listing tbody tr:nth-child(even) {
background-color:#fafafa;
}
.user_list li {
list-style:none;
}
select#language_id {
float:right;
padding:7px;
font-size:20px;
background:#ad0c0c;
color:#fff;
}
#xra_form textarea,#xra_form textarea:not(:focus) {
width:180px;
height:32px;
border:0px;
overflow:hidden;
}
#xra_form textarea:focus {
width:400px;
height:100px;
overflow:scroll;
}
#new_notification {
width:800px;
display:block;
}
#new_notification label {
display:block;
padding:0;
margin:0 0 5px;
}
#new_notification input[type="text"],#new_notification textarea,#new_notification select {
width:100%;
background:#fff;
border:1px solid #ccc;
border-radius:4px;
min-height:34px;
font-size:18px;
line-height:32px;
max-width:100%;
padding:0 8px;
}
.inputError {
border-color:red !important;
}
#notificationsList {
padding-top:30px;
}
#notificationsList .notification {
padding:10px;
border-radius:10px;
}
#notificationsList .notification:nth-child(odd) {
background-color:#eee;
}
.notification .not_info {
display:inline-block;
margin-right:2%;
vertical-align:top;
width:31.33%;
}
.notification .not_info input[type="text"] {
width:200px;
display:block;
min-height:34px;
font-size:18px;
line-height:32px;
padding:0 8px;
}
.notification .locales {
height:200px;
overflow-y:scroll;
background-color:#fff;
border:1px solid #ccc;
width:100%;
}
.notification .all {
float:right;
}
ul#nav li a {
color:#fff;
text-decoration:none;
}
.block_item {
box-shadow:0 4px 8px 0 rgba(0,0,0,0.2);
transition:0.3s;
}
#bible_reading_plan_main #new_plan {
border:2px solid black;
border-radius:10px;
background:#ddd;
padding:10px;
display:flex;
flex-direction:column;
max-width:600px;
justify-content:flex-start;
margin-bottom:30px;
}
#bible_reading_plan_main #new_plan label {
padding:10px 0;
}
#bible_reading_plan_main #new_plan select {
font-size:20px;
padding:7px;
border-radius:5px;
background:white;
}
#bible_reading_plan_main #new_plan input[type="text"] {
padding:7px;
font-size:20px;
border-radius:5px;
}
#bible_reading_plan_main #new_plan input[type="button"] {
width:320px;
}
#plansList .bible-reading-plan {
border-bottom:2px solid black;
padding:30px;
}
#plansList .bible-reading-plan:nth-child(odd) {
background:#ddd;
}
#plansList .plan_days {
display:grid;
margin:0;
padding:0;
list-style:none;
grid-template-columns:repeat(10,1fr);
grid-template-rows:repeat(10,1fr);
grid-column-gap:0px;
grid-row-gap:0px;
max-height:200px;
overflow-y:scroll;
}
#plansList .plan_days > li {
padding:5px;
margin:5px;
border-radius:5px;
}
#plansList .plan_days > li:nth-child(odd) {
background:#ccc;
}
#plansList .plan_days > li:nth-child(even) {
background:#aaa;
}
#plansList .plan_days > li h6 {
display:flex;
justify-content:space-between;
flex-direction:row;
margin:0;
padding:0;
}
#plansList .plan_days > li button {
background:none !important;
padding:0 !important;
}
#plansList .plan_verses {
margin:0;
padding:5px 20px;
}

@media (min-width: 1600px) {

}

@media (min-width: 1200px) and (max-width: 1599px) {

}

@media (min-width: 980px) and (max-width: 1199px) {
ul#nav li {
padding:10px;
}

}

@media (min-width: 768px) and (max-width: 979px) {
ul#nav li {
padding:10px;
}

}

@media (max-width: 767px) {
ul#nav li {
padding:10px;
}

}

@media (max-width: 480px) {

}