*{
    padding: 0;
    margin: 0;

}
a:hover, a:focus {
    background: none;
    cursor: pointer;
}
.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
    color: #fff;
    background: none;
}

body {
    background: #F7F7F7;
}

/*User Account Icon*/
#user-auth  {

    background: #000;
    width: 44px;
}


/*******
/*Fonts Included*/
@font-face {
    src: url("../fonts/Montserrat/Montserrat-Medium.ttf");
    font-family: "Montserrat Medium";
}

@font-face {
    src: url("../fonts/Montserrat/Montserrat-Bold.ttf");
    font-family: "Montserrat Bold";
}

@font-face {
    src: url("../fonts/Montserrat/Montserrat-Regular.ttf");
    font-family: "Montserrat Regular";
}


@font-face {
    src: url("../fonts/Montserrat/Montserrat-SemiBold.ttf");
    font-family: "Montserrat SemiBold";
}

@font-face {
    src: url("../fonts/Montserrat/Montserrat-Bold.ttf");
    font-family: "Montserrat Bold";
}

@font-face {
    src: url("../fonts/Montserrat/Montserrat-Italic.ttf");
    font-family: "Montserrat Italic";
}


/*Headings Modified*/
h1{

}

h2{

}

h3{
    font-family: "Montserrat Regular";
    font-size: 16px;
    text-transform: inherit;
}

h4{
    font-family: "Montserrat SemiBold";
    font-size: 16px;
    text-transform: inherit;
}

h5{
    font-family: "Montserrat Medium";
    font-size: 14px;
    text-transform: inherit;
}

h6{
    font-family: "Montserrat Regular";
    font-size: 12px;
    text-transform: inherit;
}

p{

}



/*********************/
/* Body  */
/********************/
.body{
    background: unset;
}





/*********************/
/* Navbar  */
/********************/
.bg-dark {
    background-color: #343a40!important;
    height: 100px;
}

.user_wrap{
    position:relative;
}

#date_time{
    border-left: 1px solid #ffd58d;
    border-right: 1px solid #ffd58d;
    color: white;
    padding: 0 18px;
}

body nav ul li{
    position: relative;
    float: left;
    color: white;
    font-size: 20px;
    margin: 0;
}

.navbar .dropdown-menu{
    top: 117px;
    background-color: #ffce79;
    box-shadow: 1px 1px 2px lightgrey;
}

.dropdown-divider {
    border-top: 1px solid #000;
}






/*********************/
/* Logo Navbar  */
/********************/
.navbar-brand img {
    width: 100%;
}

@media only screen and (max-width: 1920px) and (min-width: 1080px)  {
    .navbar-brand img  {
        width: 100%;
    }
    .bg-dark {
        height: 100px;
    }

}

@media only screen and (max-width: 1366px) and (min-width: 768px)  {
    .navbar-brand img  {
        width: 80%;
    }
    .bg-dark {
        height: 100px;
    }

}

@media only screen and (max-width: 600px) and (min-width: 300px)  {
    .navbar-brand img  {
        width: 60%;
    }
    .bg-dark {
        height: 100px;
    }

}

/*********************/
/* Menu Toggle  */
/********************/
#menu_toggle a i{

}

.nav-link:focus, .nav-link:hover {
    text-decoration: none;
    background: none;
}

.nav-md ul.nav.child_menu li:before{
    background: unset;
    bottom: unset;
    content: unset;
    height: 0;
    left: 0;
    margin-top: 0;
    position: unset;
    right: unset;
    width: unset;
    z-index: 0;
    border-radius: unset;
}

.nav.side-menu>li.current-page, .nav.side-menu>li.active {
    border-right: unset;
}

.nav_menu {
    float: left;
    background: unset;
    border-bottom: unset;
    margin-bottom: 10px;
    width: 100%;
    position: relative;
}


/*********************/
/**** Side Bar *****/
/******************/
.left_col {
    background: white;
    width: 100%;
    box-shadow: 0px 0.1px 6px #ccc9c9;
}

.menu_section>ul {
    margin-top: 0;
    display: block;
}

.nav.side-menu>li>a, .nav.child_menu>li>a {
    color: black;
    font-weight: 500;
    font-family: "Montserrat Medium";
    font-size: 14px;
}

/*Nav Panel Items*/
.custom-control-label {
    cursor: pointer;
    position: relative;
    margin-bottom: 0;
    vertical-align: center;
    font-family:"Montserrat Regular";
    font-size: 14px;
    font-weight: 400;
    color: black;
    line-height: 25px;

}
.main_menu span.fa{
    color: #000;
}

.nav-sm .col-md-3.left_col .sidebar_item_title{
    display: none;
}
.nav-md .col-md-3.left_col .sidebar_item_title{
    display: unset;
}

/*Nav Panel Items Left side*/
.nav-md ul.nav.child_menu li:after {
    border-left: unset;
    bottom: 0;
    content: "";
    left: 27px;
    position: absolute;
    top: 0; }

.nav.child_menu li {
    padding: 5px 0 5px 36px;

}

.nav.side-menu>li {
    cursor: unset;
}

/*active*/
.nav.side-menu>li.active>a {
    text-shadow: unset;
    background: #cee6f2;
    /* background: linear-gradient(#334556, #2C4257),#2A3F54; */
    -webkit-box-shadow: rgba(0,0,0,0.25) 0 1px 0, inset rgba(255,255,255,0.16) 0 1px 0;
    box-shadow: rgba(0,0,0,0.25) 0 1px 0, inset rgba(255,255,255,0.16) 0 1px 0;
    color: black;
    margin: 0;
}

.nav.side-menu>li>a:hover, .nav>li>a:focus {
    text-decoration: #cee6f2;;
    background: skyblue;
    cursor: pointer;
}


.nav.side-menu>li>a:hover {
    color: black !important;
    cursor: pointer;
}

/*********************/
/**** Main Page *****/
/******************/


.show {
    display: block;
}

.hidden{
    display: none;
}


/*********************/
/* Chat Box */
/********************/

#chat-panel-grid {
	//min-width: 359px;
	//min-height: 356px;
}
.chat-panel-wrapper{
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 356px;
    border: 2px solid #78500c;
    min-width: 339px;
    border-radius: 4px;
    background-color: white;

}

.chat-panel-header{
    position: relative;
    background-color: #ffce7a;
    width: 100%;
    border-bottom: 2px solid #78500c;
}

.chat-panel-header:after{
    content: "";
    clear: both;
    display: table;
}

.chat-panel-header-left{

    position: relative;
    padding: 10px 10px ;
    font-size: 16px;
    font-family: "Montserrat SemiBold";
    color: black;
    float: left;
    left: 0;

}

.chat-panel-header-right{
    position: relative;
    padding: 10px 10px ;
    font-size: 16px;
    font-family: "Montserrat SemiBold";
    color: black;
    float: right;
    right:0 ;
}

.chat-panel-header-right a{
    padding: 0 10px ;

}

#chat-panel-collapse-btn{
    border-right:1px solid #78500c;
    border-left:1px solid #78500c;
}

/* Chat Body Starts */
.chat-panel-body{
    position: relative;
	height: calc(100% - 212px);
    /*border-bottom: 2px solid #78500c;*/
}

.chat-panel-list-btn-list{
    display: none;
    position: absolute;
    margin: 15px 0 0 25px;
    border-radius: 10px;
    background: #ffce7a;
    z-index: 200;
    min-width: 268px;
    min-height: 300px;
    padding:0 10px;
}

.chat-list-header{
    position: relative;
    padding: 10px 0;
}
.chat-list-header i{
    margin-left: 120px;
    cursor: pointer;
}

.chat-list-items{
    font:550 12px "Montserrat Regular";
}

.custom-checkbox-chatpanel label{
    padding-left: 10px;
    cursor: pointer;
}

.chat-panel-list-btn-list button{
    margin-top: 10px;
    background-color: #78500c;
    font:600 14px "Montserrat SemiBold";
    color: white;
    min-width: 100px;
    min-height: 24px;
    border-radius: 4px;
}

.chat-panel-text-area{
    position: relative;
    min-height: 100px;
    margin: 0 10px;
    padding: 10px 0;
    border-bottom: 2px solid #78500c;
    font-family: "Montserrat Regular";
    font-size: 14px;

}

.chat-panel-text-area-body textarea{
    position: relative;
    width: 100%;
    min-height: 90px;
    background-color: transparent;
    border: 1px solid #ffce79;
    border-radius: 5px;
}


/* Chat Panel Messages Start*/
.chat-panel-messages{
    position: relative;
    margin: 0 10px;
    padding: 10px 0;
	height: 100%;
    border-bottom: 2px solid #78500c;

}


.chat-panel-messages-heading{
    padding: 0 0 10px 0;
    border-bottom: 2px solid #78500c;
    color: #78500c;
    font-family: "Montserrat Medium";
    font-size: 14px;
    font-weight: 500;


}

.chat-panel-messages-heading span{
    color: black;
}


.chat-panel-messages-body{
    overflow-y: auto;
    height: calc(100% - 34px);
    position: relative;
    display: grid;
    padding-top: 10px;
    padding-bottom: 10px;
}

/*Floating Problems Solving*/
.chat-panel-messages-body:after{
    content: "";
    clear: both;
    display: table;
}


.chat-panel-messages-left{
    position: relative;
    margin-right: 100px;
	display: inline-block;
}

/*Left side Time*/
.chat-panel-messages-leff span{
    display: block;
    text-align: left;
    font-family: "Montserrat Medium";
    font-size: 12px;
}

.chat-panel-header-left-body{
    background-color: #79500c;
    border-radius: 5px;
    padding: 5px 10px;
    color: white;
}

.chat-panel-header-left-body p{
    margin-bottom: 0;
    font-family: "Montserrat Regular";
    font-size: 12px;
}

.chat-panel-messages-right{
    position: relative;
    float: right;
    margin-left: 100px;
}

.chat-panel-messages-right p{
    font-family: "Montserrat Regular";
    font-size: 12px;
    color: black;
    background-color: #ffd68f;
    border-radius: 5px;
    padding: 5px 10px;
    margin-bottom: 0;
}

/*Right Side TIme*/
.chat-panel-messages-right span{
    font-family: "Montserrat Medium";
    font-size: 12px;
    display: block;
    text-align: right;
}

.chat-panel-send{
    position: relative;
    padding: 5px 10px;
    margin: 10px 10px;
    border: 1px solid #ffce79;
    border-radius: 20px;
}

.chat-panel-send input{
    position: relative;
    color: black;
    text-align: start;
    background-color: transparent;
    cursor: text;
    font: 400 14px "Montserrat Italic";
    padding: 1px 2px;
    border: 0;

    width: calc(100% - 30px);

}










/**** **********************
   3- Navbar
 ***************************/

.navbar.navbar-inverse.navbar-fixed-top .nav .user_wrap{
    position:relative;
}
.user_box {
    display: inline-block;
    color: white;
    vertical-align: middle;
}

.user_box h3,
.user_box h5{
    color:white;
    font-weight: 600;
}
.user_box h5{
    color:#ffd58d;
    line-height: 16px;
}
.navbar li h3{
    line-height: 21px;
    margin-bottom: 0px;

}
.navbar li i {
    font-size: 24px;
    color: #ffd58d !important;
    padding-top: 18px;
}
.navbar li{
    font-size: 24px;
    color:#ffd58d !important;
    padding: 35px 6px;
}
#date_time{
    border-left: 1px solid #ffd58d;
    border-right: 1px solid #ffd58d;
    color: white;
    line-height: 30px;
    margin-top: 10px;
    font-family: "Montserrat SemiBold";
    font-size: 16px;
    font-weight: 600;
    width: 260px;
    padding: 4px 18px 4px 18px;
    text-align: center;
}
#date_time .line-gold{
    color:#ffd58d !important;
}
.nav #user-auth{
    width: 44px;
}




/*notification bill dot*/
#red-dot{
    background-color: red;
    border-radius: 50px;
    height: 8px;
    width: 8px;
    z-index: 200;
    position: absolute;
    top: 60px;
    right: 15px;
    display: block;
}

.dropdown-toggle::after {
    display: none;

}

.nav.side-menu>li>a {
    margin-bottom: 0px;
}

/*chat enable and disable*/
.enable{
    display: block;
}
.disable{
    display: none;
}

#panel_chatbox{
}


.dropdown-menu a {
    cursor: pointer;
    font-size: 14px;
    font-family: "Montserrat Regular";
    font-weight: 600;
}



/*********************/
/* Work Area Panel */
/********************/

.work-area-wrapper{
    position: relative;
    width: auto;
    height: 100%;
    border: 2px solid #78500c;
    /*min-width: 400px;*/
    border-radius: 4px;
    background-color: white;

}

.work-area-header{
    position: relative;
    background-color: #ffce7a;
    width: 100%;
    border-bottom: 2px solid #78500c;
}

.work-area-header:after{
    content: "";
    clear: both;
    display: table;
}

.work-area-header-left{

    position: relative;
    padding: 10px 10px ;
    font-size: 16px;
    font-family: "Montserrat SemiBold";
    color: black;
    float: left;
    left: 0;

}

.work-area-header-right{
    position: relative;
    font-size: 16px;
    font-family: "Montserrat SemiBold";
    color: black;
    float: right;
    right:0 ;
}

.work-area-header-right a{
    padding: 0 10px ;

}


#workarea-header-list{
    border-left: 1px solid #78500c;
    border-right: 1px solid #78500c;
    padding: 0 10px;
    color: black;
}

.workarea-header-list{
    display: none;
    position: absolute;
    width: 228px;
    height: 84px;
    background: #ffd690;
    border-radius: 10px;
    z-index: 200;
    padding: 10px 10px;
    margin: 16px 0 0 68px;
}

.workarea-list-head:before{
    content: "";
    clear: both;
    display: table;
}


.workarea-list-head h5{
    font: 600 14px "Montserrat SemiBold";
    color: black;
    /*float: left;*/
}



.workarea-list-head h5 i{
    float: right;
}

.workarea-list-head h5 i:hover{
    cursor: pointer;
}

.workarea-list-body{
    position: relative;

}

.workarea-list-body span{
    font: 500 12px "Montserrat Medium";
    color: black;

}

.workarea-list-body span:hover{
    background-color: #ffe9c4;
    cursor: pointer;
    padding: 7px 2px;
}

#work-area-collapse-btn{
    border-right:1px solid #78500c;
    border-left:1px solid #78500c;
}

/* Work Area Body Starts */
.work-area-body{
    position: relative;

    height: calc(100% - 45px);
    min-height: 418px;
    /*border-bottom: 2px solid #78500c;*/
}

.workarea-left{
    width: 40px;
}

.workarea-right{

}

.work-area-pdf{
    position: relative;
    min-height: 148px;
    overflow-y: auto;
    height: 30%;
    padding: 10px 10px 0 10px;
}

.work-area-pdf i:after{
    content: "";
    clear: both;
    display: table;
}

.work-area-pdf i{
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    font-size: 30px;
    padding: 0 10px 10px 0;
    color: black;
}



.work-area-pdf-content{
    color: #85622c;
    margin: 2px 0;
    font-size: 12px;
    font-family: "Montserrat Medium";
}

.work-area-body h4{
    font: 600 14px "Montserrat SemiBold";
    color: black;
}

.work-area-pdf-content p{
    color: black;
}

.work-area-hr{
    position: relative;
    border: 1px solid #78500c;
}

.work-area-mp3{
    position: relative;
    height: 30%;
    padding: 0 10px;

}

.work-area-mp3-content{
    position: relative;
    font-family: "Montserrat Medium";
    font-size: 12px;
    color: #78500c;
    padding-bottom: 15px;
}

.workarea-left:before{
    content: "";
    clear: both;
    display: table;
}



.work-area-mp3 span:hover{
    cursor: pointer;
}

.work-area-content{
    position: relative;
    min-height: 150px;
    overflow-y: auto;
    height: calc(40% - 35px);
    padding: 0 10px;
}

/* fancy scroll */
.work-area-content::-webkit-scrollbar {
    width: 5px;
}
.work-area-content::-webkit-scrollbar-thumb {
    background: #78500c;
}
.work-area-content::-webkit-scrollbar-track {
    background: #ffce7a;
}
/* Handle on hover */
.work-area-content::-webkit-scrollbar-thumb:hover {
    background: #555;
}
/* fancy scroll end*/

.work-area-psalms{
    position: relative;
    font: 500 12px "Montserrat Medium";
    color: black;
    padding-bottom: 15px;
    float: left;
    width: calc(100% - 20px);
}

.work-area-psalms:hover{
    cursor: pointer;
}



.work-area-psalms span{
    position: relative;
    font: 500 12px "Montserrat Regular";
    color: #78500c;

}

.workarea-psalms-details{
    padding-top: 20px;
}

/*.workarea-psalms-left:before{*/
/*    content: '';*/
/*    clear: both;*/
/*    display: table;*/
/*}*/

.workarea-psalms-left{
    /*float: left;*/
    width: 70px;
    font:500 12px "Montserrat Medium";
    color: #78500c;
}

/*.workarea-psalms-middle:before{*/
/*    content: '';*/
/*    clear: both;*/
/*    display: table;*/
/*}*/

.workarea-psalms-middle{
    width: calc(100% - 85px);
    /*float: right;*/
    font: 500 12px "Montserrat Regular";
    color: #010101;
}

.workarea-psalms-right{
    opacity: 0.2;
}

.workarea-psalms-right:hover{
    opacity: 1;
}


.workarea-psalms-details .row{
    padding: 0 0 15px 10px;
}











/*********************/
/* Personal Verse Favs Panel */
/********************/






.personal-favs-wrapper,.bible-wrapper{
    position: relative;
    width: 100%;
    height: 100%;
    border: 2px solid #78500c;
    min-width: 308px;
    border-radius: 4px;
    background-color: white;
}

#personal-favs-grid {
    min-width: 328px;
}


.personal-favs-header,.bible-header{
    position: relative;
    background-color: #ffce7a;
    width: 100%;
    border-bottom: 2px solid #78500c;
}



.personal-favs-header:after,.bible-header:after{
    content: "";
    clear: both;
    display: table;
}



.personal-favs-header-left, .bible-header-left{
    position: relative;
    padding: 10px 10px ;
    font-size: 16px;
    font-family: "Montserrat SemiBold";
    color: black;
    float: left;
    left: 0;
}



.personal-favs-header-right,.bible-header-right{
    position: relative;
    padding: 0 10px ;
    font-size: 16px;
    font-family: "Montserrat SemiBold";
    color: black;
    float: right;
    right:0 ;
}



.personal-favs-header-right a,.bible-header-right a{
    padding: 0 10px ;
}



#personal-favs-collapse-btn{
    border-right:1px solid #78500c;
    border-left:1px solid #78500c;
}



.personal-favs-favorite-list:after{
    content: "";
    clear: both;
    display: table;
}



.personal-favs-favorite-list{

    position: relative;

    background: #6b6b6b;

    width: 100%;



}



.personal-favs-favorite-list-left{

    position: relative;

    padding: 10px 10px ;

    font-size: 16px;

    font-family: "Montserrat SemiBold";

    color: #ffd278;

    float: left;

    left: 0;
	width: 100%;

}



.personal-favs-favorite-list-left span{

    font-family: "Montserrat Medium";

    font-size: 16px;

    color: white;

}



/* Personal Verse Favs Body Starts */

.personal-favs-body{

    position: relative;

    padding: 0 10px;

    height: calc(100% - 115px);

    overflow-y: auto;

    /*border-bottom: 2px solid #78500c;*/

}



/* Personal Fav Searchbar */

.personal-favs-searchbar, .bible-searchbar,.chat-history-searchbar {

    position: relative;

    border: 1px solid #fece79;

    border-radius: 4px;

    background-color:#fece79;

    width: 100%;

    margin: 10px 0;



}



.personal-favs-searchbar input, .bible-searchbar input, .chat-history-searchbar input {

    position: relative;

    /*color: -internal-light-dark(black, white);*/

    background-color: white;

    font: 400 14px "Montserrat Regular";

    padding: 10px 4px;

    width: calc(100% - 50px);

    border: 0;

}



.personal-favs-searchbar i, .bible-searchbar i, .chat-history-searchbar i{

    position: relative;

    font-size: 16px;

    padding: 0 10px;

    cursor: pointer;

}



/*Personal Fav Slider*/

.personal-favs-slider-buttons{

    float: right;

}





/* revious button */

.prev {

    cursor: pointer;

    padding-right: 16px;

    color: white;

    font-weight: bold;

    font-size: 20px;

    transition: 0.6s ease;

    border-radius: 0 3px 3px 0;

    user-select: none;

}



/* Next button */

.next {

    cursor: pointer;

    color: white;

    font-weight: bold;

    font-size: 20px;

    transition: 0.6s ease;

    border-radius: 0 3px 3px 0;

    user-select: none;

}



/* Number text (1/3 etc) */

.numbertext {

    color: #818182;

    font-size: 12px;

    padding: 0;

    left: 0;

    position: relative;

    top: 0;

}





/* On smaller screens, decrease text size */

@media only screen and (max-width: 300px) {

    .prev, .next,.text {font-size: 11px}

}



.personal-favs-body-heading-contents{

    position: relative;

    padding-bottom: 10px;

}



.personalFavsHeading{

    font: 500 20px "Montserrat Medium";

    padding-right: 5px;

    color: #000000;

}



.addToVerse{

    font:400 10px 'Montserrat Medium';

    color: #f19900;

    padding-right: 5px;

    cursor: pointer;

}



.addToTopic{
    font: 400 10px 'Montserrat Medium';
    color: #78500c;
    cursor: pointer;
    padding-left: 5px;
    float: right;
    padding-top: 15px;
}



.personal-favs-body-header{

    position: relative;

    padding: 10px 0 ;

    border-bottom: 1px solid #7f5a31;

}



/*Perosnal Favs Related Terms*/

.personal-favs-related-terms{

    position: relative;

    overflow-x: auto;

}



.personal-favs-related-terms h6{

    font-family: 'Montserrat Medium';

    color: #6e6e6e;

    width: max-content;



}











/* Personal Favs Counter */

.personal-favs-count{

    position: relative;

    padding: 10px 0;

    border-bottom: 1px solid #7f5a31;

}



.personal-favs-count-header{

    position: relative;

}





.personal-favs-count-time{

    border-right: 1px solid #ffce79;

    font:500 16px "Montserrat Medium";

    padding-right: 10px;

    color: #000000;

}



.personal-favs-count-number{

    font:500 16px "Montserrat Medium";

    padding-left: 10px;

    color: #000000;

}



.personal-favs-count-buttons{

    position: relative;

    padding: 10px 0;



}



.oldTreatments{

    background-color: #ffce79;

    padding: 10px 15px;

    border: 1px solid #ac6d00;

    border-radius: 8px;

}



.oldTreatments h5{

    font-size: 13px;

    padding: 0;

    margin: 0;

}



.newTreatments{

    background-color: #78500c;

    padding: 10px 15px;

    border: 1px solid #422c06;

    border-radius: 8px;

}



.newTreatments h5{

    color: white;

    font-size: 13px;

    padding: 0;

    margin: 0;

}



.personal-favs-count-books{

    position: relative;

}



.personal-favs-single-book{

    background-color: white;

    width: 50px;

    height: 35px;

    border: 1px solid #ac6d00;

    border-radius: 8px;

    padding: 10px 5px;

}



.personal-favs-single-book:hover{

    background-color: #ffce79;

}



.personal-favs-single-book:focus{

    background-color: #ffce79;

}



.personal-favs-single-book h5{

    font-size: 11px;

    padding: 0;

    margin: 0;

}







/* Personal Favs Table */

.personal-favs-contents{

    position: relative;

    padding: 10px;

}



.personal-favs-table-time{

    width: 80px;

    position: relative;

    padding: 2px 0;

    font: 500 14px "Montserrat Bold";

    color: #5f2e00;

    text-align: left;

    vertical-align: top;

}



.personal-favs-table-time h5{

    font-size: 12px;

}


.personal-favs-table-time button {
    border: 0;
    background: none;
}

.personal-favs-table-time button i {
    font-size: 20px;
    color: #969696;
    padding-right: 0;
}

.personal-favs-table-time button i:hover {
	color: #000;
}




.personal-favs-table-paragraph{

    position: relative;

    padding: 0 0 20px 10px;

    font: 500 14px "Montserrat Regular";

    color: black;

    text-align: justify;



}



.personal-favs-table-paragraph a:hover{

    cursor: pointer;

}



/****************************/

/** Personal Favs Topics **/

/*************************/



.personalFavsDropbtn{

    padding: 16px;

    font-size: 16px;

    border: none;

    cursor: pointer;

}



.personalFavsDropbtn:hover, .personalFavsDropbtn:focus {

    background-color: #ffce79;;

    color: black;

}



.personal-favs-topics {

    display: none;

    position: absolute;

    background-color: #f1f1f1;

    min-width: 160px;

    overflow: auto;

    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);

    z-index: 1;

    left: 100%;

}







.personal-favs-topics a {

    width: 100%;

    color: black;

    padding: 5px 0;

    text-decoration: none;

    display: block;

}





/*Trash icon of Topics*/

.personal-favs-topics-body i{

    float: right;

}

/*Trash Show or Hide*/

.hide{

    opacity: 0;

    background-color: rgba(255,255,255,0.5);

}





.personal-favs-topics a:hover .hide  {

    opacity: 1;



}



/* a:hover, a:focus {

    text-decoration: none;

    background-color: rgba(255,255,255,0.5);

} */







.show {display: block;}





.personal-favs-topics{

    min-width:268px;

    height: 549px;

    padding: 10px 0;

    background-color: #ffce7a;

}



.personal-favs-topics-header{

    padding: 0 5px;

}



.personal-favs-topics-header:after{

    content: "";

    clear: both;

    display: table;

}



.personal-favs-topics-header h5{

    font-family: "Montserrat SemiBold";

    float: left;



}

.personal-favs-topics-header i{

    font-size: 14px;

    float: right;

    padding: 5px 0 5px 2px;



}



.personal-favs-topics-body{

    padding: 0 5px;

}









/*********************/
/* PDF's  Panel */
/********************/



.pdf-panel-wrapper{

    position: relative;

    min-width: 350px;
    height: 100%;
    width: 100%;
    min-height: 380px;

    border: 2px solid #78500c;

    border-radius: 4px;

    background-color: white;



}



.pdf-panel-header{

    position: relative;

    background-color: #ffce7a;

    width: 100%;

    border-bottom: 2px solid #78500c;

}



.pdf-panel-header:after{

    content: "";

    clear: both;

    display: table;

}



.pdf-panel-header-left{



    position: relative;

    padding: 10px 10px ;

    font-size: 16px;

    font-family: "Montserrat SemiBold";

    color: black;

    float: left;

    left: 0;



}



.pdf-panel-header-right{

    position: relative;

    padding: 10px 10px ;

    font-size: 16px;

    font-family: "Montserrat SemiBold";

    color: black;

    float: right;

    right:0 ;

}



.pdf-panel-header-right a{

    padding: 0 10px ;



}



.pdf-panel-collapse-btn{

    border-right:1px solid #78500c;

    border-left:1px solid #78500c;

}



/* PDF Body Starts */

.pdf-panel-body{

    position: relative;

    padding: 0 10px;

    overflow-y: auto;

    height: 331px;

}



.pdf-panel-pdf{

    position: relative;

    padding: 10px 0 0 0;

}



.pdf-panel-pdf i:after{

    content: "";

    clear: both;

    display: table;

}



.pdf-panel-pdf i{

    float: left;

    height: 40px;

    font-size: 30px;

    padding: 5px 10px 10px 0 ;

}



.pdf-panel-pdf-content{

    color: #85622c;

    margin: 2px 0;

    font-size: 14px;

    font-family: "Montserrat Medium";

}



.pdf-panel-pdf-content p{

    color: black;

}


/*****************************/
/** Cross Reference Panel **/
/*************************/

.cross-reference-wrapper, .strong-verses-wrapper {
    position: relative;
    min-width: 345px;
    height: 100%;
    width: 100%;
    border: 2px solid #78500c;
    border-radius: 4px;
    background-color: white;
}



.cross-reference-header, .strong-verses-header{
    position: relative;
    background-color: #ffce7a;
    width: 100%;
    border-bottom: 2px solid #78500c;
}



.cross-reference-header:after,.strong-verses-header:after{
    content: "";
    clear: both;
    display: table;
}



.cross-reference-header-left, .strong-verses-header-left{
    position: relative;
    padding: 10px 10px ;
    font-size: 16px;
    font-family: "Montserrat SemiBold";
    color: black;
    float: left;
    left: 0;
}



.cross-reference-header-right, .strong-verses-header-right{
    position: relative;
    padding: 10px 10px ;
    font-size: 16px;
    font-family: "Montserrat SemiBold";
    color: black;
    float: right;
    right:0 ;
}



.cross-reference-header-right a,.strong-verses-header-right a{
    padding: 0 10px ;
}



.cross-reference-collapse-btn{
    border-right:1px solid #78500c;
    border-left:1px solid #78500c;
}



/* Cross Reference Body Starts */

.cross-reference-body{

 

}



.CR-heading{
    position: relative;
    padding-top: 20px;
}



.CR-heading h5{
    color: black;
    padding: 0;
    margin: 0;
}

.CR-heading hr{
    margin: 0 0 20px 0;
    background-color: #78500c;
}



.CR-tableLeft{
    vertical-align: top;
    padding-top: 1px;
    width: 60px;
	padding-bottom: 10px;
}



.CR-tableLeft h5{
    font-size: 12px;
    color: #78500c;
    font-weight: 600;
}



.CR-tableLeft button{
    width: 35px;
    border: 0;
    background-color: #ffce79;
    border-radius: 2px;
}



.CR-tableLeft button span{
    font: 600 9px "Montserrat Medium";
    text-align: center;
    Color:#010101;
}



.CR-tableRight {
    vertical-align: top;
	padding-bottom: 10px;
}


.CR-tableRight p{
    font: 500 12px "Montserrat Regular";
    color: black;
    padding: 0 5px ;
    text-align: justify;
}





/*********************/
/* Journey Panel */
/********************/


.journey-wrapper,.journey-sub-wrapper,.journey-sub2-wrapper{
    position: relative;
    //min-width: 330px;
    //min-height: 380px;
    border: 2px solid #78500c;
    /*min-width: 400px;*/
    border-radius: 4px;
    background-color: white;
	height: 100%;

}

.journey-header,.journey-sub-header,.journey-sub2-header{
    position: relative;
    background-color: #ffce7a;
    width: 100%;
    border-bottom: 2px solid #78500c;
}

.journey-header:after,.journey-sub-header:after,.journey-sub2-header:after{
    content: "";
    clear: both;
    display: table;
}

.journey-header-left,.journey-sub-header-left,.journey-sub2-header-left{

    position: relative;
    padding: 10px 10px ;
    font-size: 16px;
    font-family: "Montserrat SemiBold";
    color: black;
    float: left;
    left: 0;

}

#journey-head-user{
    color:#78500c;
    font: 500 16px 'Montserrat SemiBold';
    padding-left: 5px;
    border-left: 1px solid #78500c;
}

.journey-header-right,.journey-sub-header-right,.journey-sub2-header-right{
    position: relative;
    padding: 10px 10px ;
    font-size: 16px;
    font-family: "Montserrat SemiBold";
    color: black;
    float: right;
    right:0 ;
}

.journey-header-right a{
    padding: 0 10px ;

}



#journey-collapse-btn{
    border-right:1px solid #78500c;
    border-left:1px solid #78500c;
}

/* journey Body Starts */
.journey-body, .journey-sub-body, .journey-sub2-body{
    position: relative;
    padding: 0 10px;
    //min-width: 33%;
    //height: 300px;
    overflow-y: auto;
    /*border-bottom: 2px solid #78500c;*/
}

.jb-header{
    margin: 10px 0;
}


.jb-header span{
    font: 600 18px "Montserrat Regular";
    color: black;
}

.jb-header input{
    background-color: #eaeaea;
    padding: 5px 3px;
    border: 1px solid #ffce79;
    border-radius: 6px;

}

.jb-header span img{
    padding-left: 10px;
    opacity: 0.2;
}

.jb-header span img:hover{
    opacity: 1;
    cursor: pointer;
}

.jb-action{
    color: #78500c;
    font: 600 12px "Montserrat SemiBold";
    padding-bottom: 15px;
}

#jb-rename{
    padding-right: 10px;
    border-right: 1px solid #78500c;
}

#jb-rename:hover{
    cursor: pointer;
}

#jb-duplicate{
    padding-left: 5px;
	padding-right: 5px;
}

#jb-duplicate:hover{
    cursor: pointer;
}

.jb-table{
    border: 1px solid #78500c;
}

#jb-table{
    position: relative;
    width: 100%;
    border-color: #78500c;
}

#jb-table thead{
    background-color: #ffce79;
    font: 600 12px "Montserrat SemiBold";
    color: #78500c;
}

.tb-center{
    text-align: center;
}

#jb-table tbody tr{
    border-bottom: 1px solid;
    border-color:#78500c ;
}

#jb-table tbody tr td{
    text-align: center;
    font: 500 12px "Montserrat Regular";
    color: black;
    padding: 5px 0;
}

#jb-table tbody tr:hover{
    background-color: #dbdbdb;
    cursor: pointer;
}

.selected{
    background-color: #ffd386;
    cursor: pointer;
}


/*********************/
/* Chat Queue Box */
/********************/

#chat-queue-panel-grid {
	min-width: 359px;
}
#chat-queue-panel-grid.grid-stack-item[data-gs-height="2"] {
    //height: 105px;
}
.chat-queue-panel-wrapper,.chat-schedule-panel-wrapper,.chat-history-panel-wrapper,.calendar-panel-wrapper,.schedule-panel-wrapper {
    position: relative;
    width: 100%;
    border: 2px solid #78500c;
    min-width: 339px;
    border-radius: 4px;
    background-color: white;
	height: 100%;

}
.chat-queue-panel-header, .chat-schedule-panel-header, .chat-history-panel-header, .calendar-panel-header, .schedule-panel-header{
    position: relative;
    background-color: #ffce7a;
    width: 100%;
    border-bottom: 2px solid #78500c;
}

.chat-queue-panel-header:after,.chat-schedule-panel-header:after,.chat-history-panel-header:after,.calendar-panel-header:after,.schedule-panel-header:after{
    content: "";
    clear: both;
    display: table;
}

.chat-queue-panel-header-left,.chat-schedule-panel-header-left, .chat-history-panel-header-left, .calendar-panel-header-left, .schedule-panel-header-left{
    position: relative;
    padding: 10px 10px ;
    font-size: 16px;
    font-family: "Montserrat SemiBold";
    color: black;
    float: left;
    left: 0;

}

.chat-queue-panel-header-right,.chat-schedule-panel-header-right,.chat-history-panel-header-right,.calendar-panel-header-right,.schedule-panel-header-right{
    position: relative;
    padding: 10px 10px ;
    font-size: 16px;
    font-family: "Montserrat SemiBold";
    color: black;
    float: right;
    right:0 ;
}

.chat-queue-panel-header-right a,.chat-schedule-panel-header-right a,.chat-history-panel-header-right a,.calendar-panel-header-right a,.schedule-panel-header-right a{
    padding: 0 10px ;

}

#chat-queue-panel-collapse-btn,#chat-schedule-panel-collapse-btn,#chat-history-panel-collapse-btn,#calendar-panel-collapse-btn {
    border-right: 1px solid #78500c;
    border-left: 1px solid #78500c;
}

#chat-queue-panel-body {
    padding: 10px 0;
	height: calc(100% - 45px);
	padding-bottom: 0;
}
#chat-schedule-panel-body {
    padding: 10px 0;
    height: calc(100% - 45px);
    padding-bottom: 0;
}
#chat-history-panel-body {
    padding: 10px 10px;
    height: calc(100% - 45px);
    padding-bottom: 0;
	overflow-y: auto;
}
#calendar-panel-body {
    //padding: 10px 10px;
    height: calc(100% - 45px);
    padding-bottom: 0;
	overflow-y: auto;
}
#schedule-panel-body {
    padding: 10px 10px;
    height: calc(100% - 45px);
    padding-bottom: 0;
	overflow-y: auto;
}
.inQueue-wrapper {
    width: 50%;
    float: left;
    text-align: center;
}
.inQueue {
    background-color: #ffffff;
    padding: 10px 30px;
    border: 1px solid #ac6d00;
    border-radius: 8px;
    margin-bottom: 0;
    margin-right: 0;
}
.inQueue:hover, .inQueue.active {
    background-color: #ffce79;
}
.inQueue h5 {
    font-size: 13px;
    padding: 0;
    margin: 0;
}
.inQueue span {
    color: #78500c;
    font-weight: bold;
}

.ActiveLabel-wrapper {
    width: 50%;
    float: left;
    text-align: center;
    border-left: 1px solid #ffce79;
    margin-top: 4px;
    padding-top: 4px;
}
.ActiveLabel {
    border: none;
    background: none;
    margin-bottom: 0;
	cursor: initial !important;
}
.ActiveLabel span {
    color: #78500c;
    font-weight: bold;
}
.body-header-wrapper {
    display: inline-block;
    width: 100%;
	padding-bottom: 5px;
}

.chat-queue-data .title-wrapper .name h5 {
    color: #3f3f3f;
    font-weight: bold;
	margin-bottom: 0;
}
.chat-queue-data .title-wrapper .time h6 {
	color: #78500c;
	margin-bottom: 0;
	font-weight: bold;
}
.chat-queue-data .title-wrapper {
    display: inline-block;
    width: 100%;
}
.chat-queue-data .title-wrapper .name {
    float: left;
    width: calc(100% - 110px);
}
.chat-queue-data .title-wrapper .time {
    width: 110px;
    float: left;
	text-align: right;
}
.chat-queue-data .description h6 {
    color: #b1b1b1;
	margin-bottom: 0;
}
.chat-queue-data {
    border-bottom: 1px solid #78500c;
	position: relative;
    padding: 15px 0;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all 1s;
}
.chat-queue {
	border-top: 1px solid #78500c;
	padding: 0 10px;
	height: calc(100% - 47px);
    overflow: auto;
	display: none;
}

.chat-queue-data:hover {
	cursor: pointer;
}
.chat-queue-data .full-detail {
    visibility: hidden;
    background: #ffd690;
    left: 25%;
    margin: 2px 25px;
    width: 67%;
    position: absolute;
    text-decoration: none;
    border-radius: 5px;
    padding: 10px 10px;
	opacity: 0;
	z-index: 1;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all 0.5s;
    top: 0;
}
.chat-queue-data:hover .full-detail {
	visibility: visible;
    opacity: 1;
    width: 67%;
    top: 60%;
}
.chat-queue-data .full-detail::before {
    content: '';
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #ffd690;
    position: absolute;
    top: -8px;
    left: 40px;
}
.chat-queue-data .full-detail h6 {
    font-weight: bold;
    color: #010101;
}
.chat-queue-data .full-detail span {
    color: #010101;
}

.work-area-dot-menu, .fav-dot-menu, .journey-sub-dot-menu, .bible-navigation-dot-menu {
	font-size: 22px;
    line-height: 2;
    display: inline-block;
    position: relative;
    color: #78500c;
    padding: 0px 10px;
    margin: 0;
    height: 45px;
}
.work-area-dot-menu i, .fav-dot-menu i, .journey-sub-dot-menu i, .bible-navigation-dot-menu i {
	position: relative;
    top: 4px;
}
.work-area-dot-menu:hover,.fav-dot-menu:hover,.journey-sub-dot-menu:hover, #bible-body .bible-navigation-dot-menu:hover {
    color: #fff;
    background: #78500c;
}
.save-journey {
    padding: 10px 10px;
    background: #e6e6e6;
}
.save-journey input {
    width: calc(100% - 116px);
    border-radius: 6px;
    border: 1px solid #939393;
    padding: 6px 9px;
    font-size: 16px;
}
.save-journey h5 {
	display: inline-block;
    width: 94px;
    cursor: pointer;
    color: #78500c;
    font-weight: bold;
    margin-left: 12px;
}
.work-area-body-wrapper {
    height: calc(100% - 59px);
    overflow-y: auto;
}

#work-area-grid .garbage {
    display: none;
}
.work-area-pdf-content > div:hover, #work-area-mp3-contents > div:hover, #work-area-psalms-contents > div > div:hover {
    background: #ececec;
	cursor: pointer;
}

#work-area-grid .garbage i {
    font-size: 20px;
	color: #969696;
	padding-right: 0;
}
#work-area-grid .garbage i:hover {
    font-size: 20px;
	color: #000;
}
#cross-reference-body .arrows-wrapper i,#strong-verses-body .arrows-wrapper i {
    font-size: 22px;
    color: #000;
    font-weight: bold;
}
#cross-reference-body .arrows-wrapper, #strong-verses-body .arrows-wrapper {
    width: calc(100% - 25px);
    display: inline-block;
}
#cross-reference-body .action-wrapper .cross-reference-dot-menu,#strong-verses-body .action-wrapper .strong-verses-dot-menu {
    color: #78500c;
    font-size: 22px;
    padding: 0 10px;
    margin: 0;
    line-height: 0;
    padding-bottom: 7px;
	float: right;
}
#cross-reference-body .action-wrapper .cross-reference-dot-menu i,#strong-verses-body .action-wrapper .strong-verses-dot-menu i {
	position: relative;
    top: 4px;
}
#cross-reference-body .arrows-wrapper,#strong-verses-body .arrows-wrapper {
	display: inline-block;
    width: calc(100% - 25px);
    font-size: 20px;
}
#cross-reference-body .arrows-wrapper i.fa-angle-right,#strong-verses-body .arrows-wrapper i.fa-angle-right {
    margin-left: 15;
}
#cross-reference-body  .action-wrapper,#strong-verses-body  .action-wrapper {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #898989;
	padding-left: 10px;
}
#cross-reference-body .action-wrapper .cross-reference-dot-menu:hover,#strong-verses-body .action-wrapper .strong-verses-dot-menu:hover {
    background: #78500c;
    color: #fff;
}
.cross-reference-body-inner,.strong-verses-body-inner {
    padding: 0 10px;
    overflow-y: auto;
    height: calc(100% - 76px);
}
.cross-reference-body,.strong-verses-body {
    height: 100%;
}
.workarea-header-list {
    display: none;
    position: absolute;
    width: 228px;
    height: 84px;
    background: #ffd690;
    border-radius: 10px;
    z-index: 200;
    padding: 10px 10px;
    margin: 16px 0 0 68px;
}
.cross-reference-action-list,.bible-verse-action-list,.strong-verses-action-list {
    display: none;
    position: absolute;
    background: #ffd690;
    border-radius: 10px;
    z-index: 200;
    padding: 10px 10px;
    margin: 1px 0 0 20px;
	width: 155px;
}
.cross-reference-action-list-head h5 i, .bible-verse-action-list-head h5 i, .strong-verses-action-list-head h5 i {
    float: right;
	cursor: pointer;
}
.cross-reference-action-list-body span, .bible-verse-action-list-body span, .strong-verses-action-list-body span {
    font: 500 12px "Montserrat Medium";
    color: black;
    width: 100%;
    display: inline-block;
    padding: 5px 10px;
	cursor: pointer;
}
button:focus {
	outline: none;
}
.schedule-calender {
    display: inline-block;
    float: left;
    width: 50%;
    padding: 0 10px;
    height: 100%;
    overflow-y: auto;
	padding-top: 10px;
}
.schedule-appointment {
    display: inline-block;
    width: 50%;
    padding: 0px 10px;
    border-left: 1px solid #78500b;
	height: 100%;
    overflow-y: auto;
	padding-top: 10px;
}
.appointment .left {
    width: 50%;
    padding-right: 10px;
}
.appointment .right {
    width: 50%;
    float: left;
    text-align: center;
    margin-top: 22px;
}
select#month, select#day {
    border: 1px solid #78500c;
    padding: 3px 8px;
    border-radius: 4px;
    margin-bottom: 7px;
    width: 100%;
    color: #78500c;
}
select#time, select#ampm {
    width: calc(50% - 5px);
	border: 1px solid #78500c;
    padding: 3px 2px;
    border-radius: 4px;
    margin-bottom: 7px;
    color: #78500c;
}
select#time {
    margin-right: 6px;
}
.appointment .left .time {
    display: inline-block;
    width: 100%;
}
.confirm {
    padding: 7px 10px;
    border: 1px solid #ac6d00;
    border-radius: 8px;
    margin-bottom: 0;
    margin-right: 0;
    background: #ffce7a;
    font-weight: bold;
    width: 100%;
    max-width: 105px;
    font-size: 14px;
}
.appointment {
    display: inline-block;
}
.final-appointment .time {
    font-weight: bold;
    margin-top: 0px;
}
.name-block {
    display: inline-block;
}
.name-block label, .email-block label {
    width: 100%;
}
.name-block input, .email-block input {
	border: 1px solid #78500c;
    padding: 3px 2px;
    border-radius: 4px;
    margin-bottom: 7px;
    color: #78500c;
}
.ui-icon-gripsmall-diagonal-se {
    text-indent: unset;
	background-image: none;
}

.schedule-appointment h5 i {
    color: #ffce79;
    margin-right: 4px;
}
.schedule-appointment h5 {
    margin-bottom: 8px;
}
.cross-reference-action-list-body span:hover, .bible-verse-action-list-body span:hover, .strong-verses-action-list-body span:hover {
    background: #ffe9c4;
}
.schedule-calender .mark {
    background: none;
    margin-top: 10px;
}
.schedule-calender .mark h5 {
    color: #000;
}
.schedule-calender .mark h5 span {
    line-height: 0;
    clear: both;
    display: inline-block;
    width: 13px;
    height: 13px;
    position: relative;
    top: 1px;
	margin-right: 7px;
}
.schedule-calender .mark .appointment span {
    background: #79500c;
}
.schedule-calender .mark .current span {
    border: 1px solid #ffce7a;
}
.schedule-calender .mark .chat-1 span {
    background: #ffce7a;
}
.schedule-calender .highlight a{
  background-color: #79510c !important;
  color: #ffffff !important;
}
.schedule-calender .highlight-chat a{
  background-color: #fdcd78 !important;
}
.personal-favs-topics a:hover {
    background: #ffe9c4;
}
.cross-reference-action-list-head h5, .bible-verse-action-list-head h5, .strong-verses-action-list-head h5 {
    font-weight: bolder;
    font-size: 15px;
    color: #000;
}
.journey-sub-header-right {
    padding: 0 10px;
}
#journey-sub-body, #journey-sub2-body {
    padding: 10px 10px;
    height: calc(100% - 47px);
}
#journey-sub-body button[type="submit"], #journey-sub2-body button[type="submit"], #bible-body button[type="submit"] {
    background-color: transparent;
	width: auto;
	display: none;
}
#journey-sub-body button[type="submit"] i,#journey-sub2-body button[type="submit"] i,#bible-body button[type="submit"] i {
	font-size: 20px;
    color: #969696;
    padding-right: 0;
}
#journey-sub-body button[type="submit"] i:hover, #journey-sub2-body button[type="submit"] i:hover, #bible-body button[type="submit"] i:hover {
	color: #000;
}
#journey-sub2-body .CR-tableLeft {
    //width: auto;
    padding-right: 7px;
}
#journey-sub2-body .CR-tableLeft i {
    font-size: 25px;
    color: #78500c;
}
#journey-sub2-body button[type="submit"] {
    position: relative;
    top: -3px;
    margin-right: 9px;
}
#journey-sub2-grid {
    min-width: 273px;
}
#journey-sub-grid {
    min-width: 320px;
}
#jb-wa {
    padding-left: 10px;
    border-left: 1px solid #78500c;
	cursor:pointer;
}
.bible-header-right {
    padding: 10px 10px;
}
#bible-body .ot {
    background-color: #ffce79;
    padding: 10px 30px;
    border: 1px solid #ac6d00;
    border-radius: 8px;
    margin-bottom: 0;
    width: calc(50% - 5px);
    float: left;
    margin-right: 5px;
}
#bible-body .nt {
    background-color: #ffce79;
    padding: 10px 30px;
    border: 1px solid #ac6d00;
    border-radius: 8px;
    margin-bottom: 0;
    margin-right: 0;
    width: calc(50% - 5px);
    margin-left: 5px;
}
#bible-body .nt:hover, #bible-body .ot:hover, #bible-body .nt.active, #bible-body .ot.active {
    background-color: #a49683;
    color: #fff;
}
#bible-body .buttons {
    margin-right: 0;
    padding: 10px;
    border-bottom: 1px solid #898989;
    padding-top: 0;
}
#bible-body {
    padding: 10px 0;
	height: 100%;
}
.bible-searchbar-wrapper {
    padding: 0px 10px;
	border-bottom: 1px solid #898989;
}
#bible-body .table-responsive {
    padding: 10px;
}
#bible-body .navigation i {
    display: inline-block;
    color: #000;
    font-weight: bold;
    font-size: 24px;
	margin-left: 6%;
    margin-right: 6%;
}
#bible-body .navigation h6 {
    display: inline-block;
    margin: 0;
    position: relative;
    top: 0px;
    font-size: 18px;
    color: #000;
    margin-left: 7%;
    margin-right: 7%;
    font-family: "Montserrat Bold";
}
#bible-body .navigation {
    width: calc(100% - 29px);
    display: inline-block;
	text-align: center;
}
#bible-body .navigation-wrapper {
    border-bottom: 1px solid #898989;
}
#bible-body .bible-navigation-dot-menu {
    background: #ffce79;
    position: relative;
    right: -1px;
}
#bible-body .testament, #bible-body .chapter, #bible-body .bible-verse, #bible-body .bible-verse .actionDiv, #strong-verses-body .actionDiv {
	display:none;
}
#bible-body .testament h5, #bible-body .chapter h5 {
    color: #000;
    font-weight: bold;
}
#bible-body .testament,#bible-body .chapter {
    padding: 10px;
}
#bible-body .testament table, #bible-body .chapter table {
    width: 100%;
    border: 1px solid #000;
}
#bible-body .testament table td, #bible-body .chapter table td {
    border: 1px solid #000;
	text-align: center;
	color: #000;
}
#bible-body .chapter i{
    color: #000;
    font-weight: bold;
    font-size: 15px;
    margin-right: 4px;
}
#bible-body .bible-verse .actionDiv .s {
    background: #f19900;
    color: #fff;
    padding: 3px 4px;
    border-radius: 3px;
}
#bible-body .bible-verse .actionDiv .cr {
    background: #78500c;
    color: #fff;
    padding: 3px 4px;
    border-radius: 3px;
}
#bible-body .bible-verse .actionDiv .add {
    background: #ffce79;
    color: #000;
    padding: 3px 4px;
    border-radius: 3px;
}
#bible-body .testament table td.active, #bible-body .chapter table td.active {
    background: #a49683;
    color: #fff;
}
#bible-body .navigation i.double {
    margin: 0;
}
.bible-verse .strong td {
    color: #000;
	font-size: 14px;
	font-weight: bold;
	padding: 15px 7px;
}
.bible-verse .strong table {
    width: 100%;
}
.bible-verse .strong {
	display: none;
    border-top: 1px solid #78500c;
}
.bible-verse .strong tr+tr {
    border-bottom: 1px solid #cccccc;
}
.bible-verse .strong .title td {
	padding-top: 0;
    padding-bottom: 0;
    font-size: 19px;
}
.bible-verse .strong tr+tr td+td {
    color: #78500c;
}
.transaltion {
	display: none;
    padding: 10px;
	border-bottom: 1px solid #898989;
}
.transaltion h6 {
    color: #000;
}
.usage {
	display: none;
    padding: 10px;
	border-bottom: 1px solid #898989;
}
.usage h6 {
    color: #000;
    font-weight: bold;
    font-size: 14px;
}
.transaltion label {
    color: #000;
}
.usage label {
    color: #000;
}
.transaltion label span {
    color: #78500c;
}

#strong-verses-body .actionDiv .cr {
    background: #78500c;
    color: #fff;
    padding: 3px 4px;
    border-radius: 3px;
}
#strong-verses-body .actionDiv .add {
    background: #ffce79;
    color: #000;
    padding: 3px 4px;
    border-radius: 3px;
}
#strong-verses-body .arrows-wrapper {
    position: relative;
}

#strong-verses-body .arrows-wrapper h5 {
    color: #000;
    font-weight: bold;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 6px;
}
.strong-verses-body-inner {
    padding-top: 10px;
}
.chat-history-panel-header-left span + img {
    border-left: 1px solid #000;
    padding-left: 10px;
    margin-left: 6px;
}
#chat-history-panel-body .conversion h6 {
    color: #000;
    font-size: 14px;
    font-weight: bold;
}
#chat-history-panel-body .conversion span.total {
    font-weight: normal;
}
#chat-history-panel-body .conversion span.date {
    font-style: italic;
    color: #a5a5a5;
    font-size: 16px;
}
#chat-history-panel-body .conversion table {
    width: 100%;
    margin-top: 19px;
    overflow-y: auto;
}
#chat-history-panel-body .conversion table td span {
    line-height: 1;
    font-weight: bold;
    font-size: 15px;
    display: block;
    margin-bottom: 6px;
    color: #79500c;
}
#chat-history-panel-body .conversion table td {
	color: #000;
}
#chat-history-panel-body .conversion {
    width: 50%;
    border-right: 1px solid #78500c;
    padding-right: 10px;
	display: inline-block;
	float: left;
    padding-top: 9px;
}
#chat-history-panel-body .search {
    width: calc(50% - 4px);
    display: inline-block;
    padding-left: 10px;
}
#chat-history-panel-body .notes .title {
    border-top: 1px solid #79500c;
    border-bottom: 1px solid #79500c;
    padding-top: 5px;
    padding-bottom: 5px;
}
#chat-history-panel-body .notes .title h5 {
    display: inline-block;
	margin-bottom: 0;
}
#chat-history-panel-body .notes .title > span {
    float: right;
    margin-top: 4px;
    font-size: 16px;
}
#chat-history-panel-body .notes .title h5 span {
    color: #000;
    position: relative;
    top: 3px;
    margin-left: 4px;
    margin-right: 7px;
}
#chat-history-panel-body .notes {
    margin-top: 20px;
	display: inline-block;
}
#chat-history-panel-body .notes .title h5 span + img {
    border: 1px solid #ddd;
    padding: 5px;
    border-radius: 5px;
}
#chat-history-panel-body .notes h6 {
    color: #000;
    font-weight: bold;
    font-size: 14px;
    margin-top: 8px;
}
#chat-history-panel-body .notes span.name {
    color: #79500c;
    font-weight: bold;
    display: block;
}
#chat-history-panel-body .notes span.date {
    color: #000;
    font-weight: bold;
}
#chat-history-panel-body .notes p {
    color: #000;
    margin-top: 5px;
}
#calendar-panel-body .schedule-appointment h5 {
    color: #000;
    font-weight: bold;
}
#calendar-panel-body .schedule-appointment h5 span {
    color: #79500c;
}
#calendar-panel-body .schedule-appointment table td {
    color: #79500c;
    font-weight: bold;
    padding: 6px 4px;
}
#calendar-panel-body .schedule-appointment table td input[type="text"] {
    border: 1px solid #78500c;
    border-radius: 3px;
    padding: 4px 1px;
}
select#month1, select#day1, select#time1 {
    border: 1px solid #78500c;
    padding: 6px 11px;
    border-radius: 4px;
    margin-bottom: 7px;
    color: #78500c;
}
#schedule-panel-body input[type="text"] {
    border: 1px solid #78500c;
    border-radius: 3px;
    padding: 5px 7px;
}
#calendar-panel-body .schedule-appointment table td input[type="text"].filled {
    background: #ffd68f;
    color: #79500c;
}
#calendar-panel-body .schedule-appointment table td input[type="text"].filled.red {
    background: #fb4a34;
    color: #fff;
}
#calendar-panel-body .soon {
	display: none;
    background: #fb4a34;
    color: #fff;
    font-size: 16px;
    padding: 4px 6px;
    margin-bottom: 10px;
}
#chat-history-panel-body .notes .chat-panel-header-left-body p, #chat-history-panel-body .notes .chat-panel-header-left-body h6 {
	color: #fff;
}
#chat-history-panel-body .notes .chat-panel-messages-body h5 {
    color: #000;
    font-weight: bold;
}
#chat-history-panel-body .notes .chat-panel-messages-body {
	display: none;
    border-top: 1px solid #79500c;
}
#chat-history-panel-body .notes .live-chat:hover {
    background: #ffd68f;
}
.bible-verse .strong.enable {
    display: table-row;
}
#bible-body .bible-verse {
    height: calc(100% - 97px);
    overflow-y: auto;
    overflow-x: hidden;
}
.bible-verse .strong tr.selectedStrong td {
    color: #007aff;
    font-size: 16px;
}
#strong-verses-body .strong-verses-body-inner span.red {
    color: #ff0000;
    display: inline-block;
    line-height: 0 !important;
}
.bible-verse .strong tr+tr td:hover {
    color: #007aff;
}