*{
    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;
}

.left{
    float:left;
}

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

.right{
    float: right;
}

.middle{

}


/****************************************************/
/************* Some Media Quries ******************/
/*************************************************/

@media only screen and (max-width: 5120px) and (min-width: 2880px)  {

}


@media only screen and (max-width: 1920px) and (min-width: 1080px)  {

}

@media only screen and (max-width: 1366px) and (min-width: 768px)  {


}

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


}



/*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";
}


.gray-font-12MM{
    color: #775128;
    font: 500 12px "Montserrat Medium";
}
.font-14MM{
    font-size: 14px;
    font-family: "Montserrat Medium";
}





/*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: 70%;
}

@media only screen and (max-width: 1920px) and (min-width: 1080px)  {
    .navbar-brand img  {
        width: 80%;
        margin-top: -10px;
    }
    .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-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-wrapper{
    position: relative;
    width: 100%;
    height: 100%;
    /*min-height: 700px;*/
    border: 1px solid #78500c;
    /*min-width: 339px;*/
    border-radius: 4px;
    background-color: white;

}



.chat-panel-header{
    position: relative;
    background-color: #ffce7a;
    width: 100%;
    border-bottom: 1px 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-schedule-btn{
     border-right:1px solid #78500c;
     border-left:1px solid #78500c;
 }

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

/* Chat Body Starts */
.chat-panel-body{
    position: relative;
    /*border-bottom: 2px solid #78500c;*/
}

.chat-panel-list-btn-list{
    display: none;
    position: absolute;
    margin: 57px 0 0 163px;
    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{
    float: right;
    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: 1px 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;

    border-bottom: 2px solid #78500c;

}


.chat-panel-messages-heading{
    padding: 0 0 10px 0;
    border-bottom: 1px 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: 426px;
    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;
}

/*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: #9a6d1f;
    border-radius: 5px;
    padding: 5px 10px;
    color: white;
}

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

.chat-panel-messages-body span{
    color: black;
    font-family: "Montserrat Medium";
}

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

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

/*Right Side TIme*/
.chat-panel-messages-right span{

    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: 43px;
    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: 1px solid #78500c;
    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 img{
    /*vertical-align: middle;*/
    border-style: none;
     vertical-align: -.125em;
}

.tools-toogle{
    color: black;
    padding: 12px 12px;
    margin: 0;
    background-color: transparent;
    border: none;
}

.tools-toogle-gray{
    color: white;
    padding: 12px 12px;
    margin: 0;
    background-color: #78500c;
    border: none;
}

.tools-toogle:hover{
    /*color: white !important;*/
    /*background-color:#78500c;*/
    cursor: pointer;
}

/*.tools-toogle:focus{*/
/*    color: white !important;*/
/*    background-color:#78500c;*/
/*}*/

.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;
    padding: 10px 0 ;
    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 160px;
}

.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-saveJourney{
    background-color: #e6e6e6;
    height: 8%;
    padding: 8px 20px;
    border-bottom: 1px solid #78500c;
}

.wab-content{
    position: relative;
    text-align: center;
    padding: 50% 0;
}

.wab-content p{
    color: #bbbbbb;
    font: 600 20px "Montserrat SemiBold";
}

.was-body{

}

.was-body input {
    color: black;
    cursor: text;
    font: 400 14px "Montserrat Regular";
    padding: 1px 2px;
    padding-left: 4px;
    border-radius: 6px;
    border: 1px solid rgba(1,1,1,0.5);
    height: 31px;
}

.was-body span{
    color: #78500c;
    font: 400 12px "Montserrat SemiBold";
}

.was-body span:hover{
    cursor: pointer;
}


/* Work Area Body Starts */
.work-area-body{
    position: relative;
    height: calc(100% - 150px);
    padding: 0 10px;
}

.workarea-left{
    float: left;
    width: 27px;
}

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

.workarea-right{
    float: right;
    opacity: 0.2;
    text-align: right;
}

.workarea-right:before, .workarea-right:after{
    content: "";
    clear: both;
    display: table;
}

.row-hover:before, .row-hover:after{
    content: "";
    clear: both;
    display: table;
}


.workarea-middle{
    float: left;
}
.workarea-middle:after{
    content: "";
    clear: both;
    display: table;
}

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

.work-area-pdf{
    position: relative;
    height: 160px;
    border-bottom: 1px solid #78500c;;
}

.wap-body{
    position: relative;
    min-height: 130px;
    overflow-y: auto;
    height: 150px;
    padding: 10px 0;
}

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

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

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



.work-area-pdf-content{
    color: #85622c;
    /*width: calc(100% - 10px);*/
    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-mp3{
    position: relative;
    height: 25%;
    overflow-y: auto;
    padding: 5px 0;
    margin: 5px 0;
    border-bottom: 1px solid #78500c;;

}

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

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






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

.work-area-content{
    position: relative;
    height: 65%;
    overflow-y: auto;
    overflow-x: unset;
    padding: 10px 0;
}

/* 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*/

.pSalms{
    position: relative;
}

.work-area-psalms{
    position: relative;
    padding-bottom: 15px;
    float: left;
    width: calc(100% - 0px);
}

.pHeading{
    font:550 12px "Montserrat Medium";
    color: black;
}

.pURL{
    font: 500 12px "Montserrat Regular";
    color: #78500c;

}

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




.workarea-psalms-details{
    padding-top: 0;
}

/*.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% - 110px);
    /*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;
}

.row-hover:hover{
    background-color: #f2f2f2;
    cursor: pointer;
}











/*********************************************************************************/
/********************* Personal Verse Favs Panel ********************************/
/******************************************************************************/
.personal-favs-wrapper{
    position: relative;
    width: 100%;
    height: 100%;
    border: 2px solid #78500c;
    /*min-width: 400px;*/
    border-radius: 4px;
    background-color: white;
}

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

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

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

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

.personal-favs-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 0 10px 5px;
    font-size: 16px;
    font-family: "Montserrat SemiBold";
    color: #ffd278;
    float: left;
    left: 0;
}

.personal-favs-favorite-list-left span{
    font-family: "Montserrat Medium";
    font-size: 16px;
    color: white;
}

.personal-favs-favorite-list-right{
    float: right;
    padding: 22px 10px;
}

.personal-favs-favorite-list-right span{
    font-family: "Montserrat Medium";
    font-size: 16px;
    color: white;
}

.addToTopic{
    /*color: #78500c;*/
    cursor: pointer;
    /*border-left:1px solid #78500c;*/
    /*padding-left: 5px;*/
}

/* Personal Verse Favs Body Starts */
.personal-favs-body{
    position: relative;
    padding: 0 10px;
    height: 570px;
    overflow-y: auto;
    /*border-bottom: 2px solid #78500c;*/
}

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

/* Personal Fav Searchbar */
.personal-favs-searchbar{
    position: relative;
    border: 1px solid #fece79;
    border-radius: 4px;
    background-color:#fece79;
    width: 100%;
    margin: 10px 0;
}



.personal-favs-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{
    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;
}



.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;
}



.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-time{
    width: 65px;
    position: relative;
    font: 500 14px "Montserrat Bold";
    color: #5f2e00;
}

.personal-favs-time h5{
    font-size: 12px;
    color: #78500c;
}

.trashIcon{
    display: none;
    opacity: 0.2;
}

.trashIcon:hover{
    cursor: pointer;
    opacity: 1;
}

.personal-favs-paragraph{
    position: relative;
    font: 500 14px "Montserrat Regular";
    color: black;
    /*text-align: justify;*/
    width: calc(100% - 80px);
}

.personal-favs-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;
}




.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;
}

/*Trash Show or Hide*/
.hide{
    opacity: 0;
    background-color: rgba(255,255,255,0.5);
}

/*.personal-favs-topics-body a:hover .hide{*/
/*    opacity: 1;*/
/*}*/


.personal-favs-topics a:hover .hide {
    opacity: 1;
    display: block !important;
    background-color: rgba(1,1,1,0.5);
}

.personal-favs-topics a:hover {
    background-color: rgba(255,255,255,0.5);
}



/*****************************************************/
/***************** 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-wholePanel{
    /*height: 630px;*/
}

#pdf-body-top{
    position: relative;
    height: 114px;

}

.pdf-search{
    border-bottom:1px solid #78500c;
    padding: 0 10px;
}

/* Pdf Searchbar */
.pdf-searchbar{
    position: relative;
    border: 1px solid #fece79;
    border-radius: 4px;
    background-color:#fece79;
    width: 100%;
    margin: 10px 0;
}



.pdf-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;
}

.pdf-searchbar i{
    position: relative;
    font-size: 16px;
    padding: 0 10px;
    cursor: pointer;
}

.pdf-buttons{
    width: 100%;
    text-align: center;
    padding: 10px;
    border-bottom: 1px solid #78500c;
}


.oldTestament{
    background-color: #ffce79;
    padding: 10px 15px;
    border: 1px solid #ac6d00;
    border-radius: 8px;
}

.oldTestament h5{
    font-size: 13px;
    padding: 0;
    margin: 0;
}

.newTestament{
    background-color: #78500c;
    padding: 10px 15px;
    border: 1px solid #422c06;
    border-radius: 8px;
}

.newTestament h5{
    color: white;
    font-size: 13px;
    padding: 0;
    margin: 0;
}

.newTestamentClrChange{
    background-color: #9f9583;
    padding: 10px 15px;
    border: 1px solid #422c06;
    border-radius: 8px;
}

.newTestamentClrChange h5{
    color: white;
    font-size: 13px;
    padding: 0;
    margin: 0;
}

.pdf-newTestament{
    position: relative;
    width: 100%;
    height: auto;
}

.pdf-newTestament header{
    font: 600 11px "Montserrat Bold";
    color: black;
    padding: 10px;
}

.row button{
    font: 500 11px "Montserrat SemiBold";
}

.pdf-single-book{
    background-color: white;
    width: 11%;
    height: 27px;
    border: 1px solid #ac6d00;
    color: black;
    text-align: center;
    margin: 0;
    padding: 0;
}

.pdf-single-book-selected{
    background-color: #9f9583;
    width: 11%;
    height: 27px;
    border: 1px solid #ac6d00;
    color: white;
    text-align: center;
    margin: 0;
    padding: 0;
}

.pdf-single-book:hover{
    background-color: #9f9583;
}


.pdf-single-book:focus{
    background-color: #ffce79;
}

.row {
    margin-right: 0;
    padding-bottom: 0;
    margin-left: 0;
}

.pdf-newTestament-chapters header{
    font: 600 11px "Montserrat Bold";
    color: black;
    padding: 10px;
}

.pdf-newTestament-chapters header span i:hover{
    cursor: pointer;
}

#pdf-newTestament{
    display: none;
}

#pdf-newTestament-chapters{
    display: none;
}

#pdf-panel-body{
    /*display: none;*/
}

/* PDF Body Starts */
.pdf-panel-body{
    position: relative;
    padding: 0 10px;
    overflow-y: auto;
    height: 53%;
}


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



.pdf-contents{
    position: relative;
    padding: 10px 0 0 0;
    border-bottom: 1px solid #78500c;
}

.pdf-left:before{
    content: "";
    clear: both;
    display: table;
}
.pdf-left{
    float: left;
    width: 30px;
    text-align: center;
}

.pdf-left i{
    vertical-align: sub;
}

.pdf-left p{
    font: 500 9px "Montserrat Medium";
    color: black;
    margin-top: 5px;
    padding: 2px;
    background-color: #ffce79;
}

.pdf-left p:hover{
    cursor: pointer;
}

.pdf-add{
    display: none;
}

.pdf-add-panel{
    background-color: #ffd690;
    width: 149px;
    height: 100px;
    z-index: 200;
    position: absolute;
    margin: 40px;
    border-radius: 10px;
    display: none;
}

.pdf-add-panel header{
    font: 600 14px "Montserrat SemiBold";
    color: black;
    padding: 10px 0 0 10px;
}

.pdf-add-panel section a{
    font: 500 12px "Montserrat Medium";
    color: black !important;
    padding-left: 10px;
    display: block;
    padding-top: 10px;
}

.pdf-add-panel section a:hover{
    background-color: rgba(255,255,255,0.3);
}

.pdf-add-panel header span i img{
    float: right;
    padding-right: 10px;
}

.pdf-add-panel header span i img:hover{
    cursor: pointer;
}

.pdf-right{
    padding-left: 35px;
    line-height: 18px;
}






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

.cross-reference-wrapper{
    position: relative;
    height: 100%;
    border: 1px solid #78500c;
    border-radius: 4px;
    background-color: white;
}



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



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



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



.cross-reference-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{
    padding: 0 10px ;
}



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



/* Cross Reference Body Starts */

.cross-reference-body{

    position: relative;
    padding: 0 10px;
    overflow-y: auto;
    height: 92.6%;

}

/* fancy scroll */
.cross-reference-body::-webkit-scrollbar {
    width: 5px;
}

.cross-reference-body::-webkit-scrollbar-thumb {
    background: #78500c;
}

.cross-reference-body::-webkit-scrollbar-track {
    background: #ffce7a;
}

/* Handle on hover */
.cross-reference-body::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* fancy scroll end*/



.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: 5px;
    width: 60px;
}



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

.CR-tableLeft i{
    text-align: center;
    font-size: 15px;
    padding:0 10px;
    opacity: 0.5;
}

.CR-tableLeft i:hover{
    opacity: 1;
    cursor: pointer;
}



.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{
}



.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;
    border: 1px solid #78500c;
    border-radius: 4px;
    height: 100%;
    background-color: white;

}

.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 {
    position: relative;
    padding: 10px 5px;
    font-size: 16px;
    font-family: "Montserrat SemiBold";
    color: black;
    float: right;
    right:0 ;
}

.journey-sub-header-right,.journey-sub2-header-right{
    position: relative;
    padding: 0 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;
    height: 82.85%;
    overflow-y: auto;

}

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



.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;
    width: calc(100% - 50px);

}

.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;
}

#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;
    border-bottom: 1px solid black;
}

.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;
}


.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, #pdf-body .ot, #mp3-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, #pdf-body .nt, #mp3-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,
#pdf-body .nt:hover, #pdf-body .ot:hover, #pdf-body .nt.active, #pdf-body .ot.active,
#mp3-body .nt:hover, #mp3-body .ot:hover, #mp3-body .nt.active, #mp3-body .ot.active {
    background-color: #a49683;
    color: #fff;
}
#bible-body .buttons,#pdf-body .buttons,#mp3-body .buttons {
    margin-right: 0;
    padding: 10px;
    border-bottom: 1px solid #898989;
    padding-top: 0;
}
#bible-body,#pdf-body,#mp3-body {
    padding: 10px 0;
    height: 100%;
}
.bible-searchbar-wrapper,.pdf-searchbar-wrapper,.mp3-searchbar-wrapper {
    padding: 0px 10px;
    border-bottom: 1px solid #898989;
}
#bible-body .table-responsive,#pdf-body .table-responsive,#mp3-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% - 30px);
    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;
}
#pdf-body .testament, #pdf-body .chapter, #pdf-body .pdf-verse,
#mp3-body .testament, #mp3-body .chapter, #mp3-body .mp3-verse {
    display:none;
}
#bible-body .testament h5, #bible-body .chapter h5,
#pdf-body .testament h5, #pdf-body .chapter h5,
#mp3-body .testament h5, #mp3-body .chapter h5 {
    color: #000;
    font-weight: bold;
}
#bible-body .testament,#bible-body .chapter,
#pdf-body .testament,#pdf-body .chapter,
#mp3-body .testament,#mp3-body .chapter {
    padding: 10px;
}
#bible-body .testament table, #bible-body .chapter table,
#pdf-body .testament table, #pdf-body .chapter table,
#mp3-body .testament table, #mp3-body .chapter table {
    width: 100%;
    border: 1px solid #000;
}
#bible-body .testament table td, #bible-body .chapter table td,
#pdf-body .testament table td, #pdf-body .chapter table td,
#mp3-body .testament table td, #mp3-body .chapter table td {
    border: 1px solid #000;
    text-align: center;
    color: #000;
}
#bible-body .chapter i, #pdf-body .chapter i, #mp3-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;
    font-size: 12px;
}
#bible-body .bible-verse .actionDiv .cr {
    background: #78500c;
    color: #fff;
    padding: 3px 4px;
    border-radius: 3px;
    font-size: 12px;
}
#bible-body .bible-verse .actionDiv .add, #pdf-body .pdf-verse .actionDiv .add, #mp3-body .mp3-verse .actionDiv .add {
    background: #ffce79;
    color: #000;
    padding: 3px 4px;
    border-radius: 3px;
    font-size: 12px;
}
#bible-body .testament table td.active, #bible-body .chapter table td.active,
#pdf-body .testament table td.active, #pdf-body .chapter table td.active,
#mp3-body .testament table td.active, #mp3-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;
}


.work-area-dot-menu, .fav-dot-menu, .journey-sub-dot-menu, .bible-navigation-dot-menu,.pdf-dot-menu,.mp3-dot-menu {
    font-size: 22px;
    line-height: 2;
    display: inline-block;
    position: relative;
    color: #78500c;
    padding: 0 10px;
    margin: 0;
    height: 45px;
}
.work-area-dot-menu i, .fav-dot-menu i, .journey-sub-dot-menu i, .bible-navigation-dot-menu i, .pdf-dot-menu i, .mp3-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, .pdf-dot-menu:hover, .mp3-dot-menu:hover {
    color: #fff;
    background: #78500c;
}

.cr-trash{
    display: none;
}




#calendar-panel-body {
//padding: 10px 10px;
    height: calc(100% - 50px);
    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;
}
/******************************************************************/
/******************** Work Area Notes Panel *********************/
/***************************************************************/
.work-area-notes-wrapper{
    position: relative;
    width: auto;
    height: calc(100% - 19px);
    border: 1px solid #78500c;
    border-radius: 4px;
    background-color: white;

}

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

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

.work-area-notes-header-left{

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

}

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

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

}


/* Work Area Notes Body Starts */
.work-area-notes-body{
    position: relative;
    height: 84.042%;
    padding: 0 10px;
    /*border-bottom: 2px solid #78500c;*/
}


/* Paragraph Styles */
.class1 {
    text-align: center;
    color: red;
}

.class2 {
    font-weight: 300;
    font-size: 16px;
}


#textarea {
    -moz-appearance: textfield-multiline;
    -webkit-appearance: textarea;
    border: 1px solid gray;
    font: medium -moz-fixed;
    font: -webkit-small-control;

}
/*Summer notes*/
.note-editor .note-editing-area {
    position: relative;
    background: white;
    border: 1px solid #ffce79;
}

.note-toolbar {
    padding: 10px 5px;
    color: #333;
    background-color: #f6c775;
    border: none;
    border-color: unset;
    border-radius: 2px;
}

.note-editor.note-airframe, .note-editor.note-frame {
    border: none;
    padding-top: 10px;
}

.note-view, .note-insert{
    display: none;
}

.note-btn {
    display: inline-block;
    font-weight: 400;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    /* background-image: none; */
    /* background: red; */
    white-space: nowrap;
    outline: 0;
    color: #333;
    background-color: transparent;
    border: none;
    padding: 5px 7px;
    font-size: 10px;
    line-height: 1.4;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.note-editor.note-airframe .note-editing-area, .note-editor.note-frame .note-editing-area {
    overflow: hidden;
    margin: 10px 0 0 0;
}


.note-btn.active, .note-btn.focus, .note-btn:active, .note-btn:focus, .note-btn:hover {
    color: #333;
    text-decoration: none;
     border: none;
    background-color: #ebebeb;
    outline: 0;
    border-radius: 1px;
}

.user-notes-wrapper{
    float: left;
    width: 45%;


}

.user-notes-wrapper::before{
    content: "";
    clear: both;
    display: table;
}

.save-notes-date-wrapper{
    float: right;
    border-left: 1px solid #78500c;
    height: 28px;
    /*width: 54%;*/
    text-align: right;

}

.notes-list-wrapper{
    margin-top: 10px;
    height: 44.32%;
    overflow-y: auto;
}


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


.user-notes-wrapper input{
    width: 48%;
    border: 1px solid #000;
    padding: 4px 9px;
    color: #6d511b;
    font-family: 'Montserrat Regular';
    border-radius: 5px;
}

#wan-userId{
    font-weight: 600;
}

/*Buttons*/

.wan-utb{
    position: relative;
    width: 100%;
    /*background: antiquewhite;*/
    height: 40px;
    padding: 1%;
}

.save-notes-date-wrapper button{
    background: #78500c;
    color: #fff;
    border: none;
    padding: 5px;
    border-radius: 5px;
    margin-left: 5px;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
    font-family: 'Montserrat Medium';
}



#save-notes{
    background: #ffd58c;
    color: black;
    border: none;
    padding: 5px 10px;
    font-weight: bold;
    border-radius: 5px;
}

.save-notes-date-wrapper a{
    font-size: 20px;
    font-weight: bold;
    color: #000;
    /*border-left: 1px solid #78500c;*/
    padding: 5px;
}



.title h4{
    color: #000;
    display: inline-block;
    margin-right: 10px;
}

.action-buttons{
    display: inline;
    float: right;
}

.action-buttons i{
    color: #000;
    font-size: 21px;
    margin-left: 7px;
    padding: 6px 8px;
}

.action-buttons i:hover{
    background: #fece79;
}

/*body*/

.notes{
    padding: 20px 0;
}

/*Drop Down*/
.dropbtn {
    background-color: black;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #ffd690;
    min-width: 160px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    z-index: 1;
    border-radius: 10px;
}

.dropdown-content a {
    color: black;
    font: 500 14px "Montserrat Medium";
    text-align: left;
    padding: 6px 5px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #ffe9c4;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: black;}




/******************* new changes *****************/
.nav-md .main{
    margin-left: 230px;
    z-index: 0;
}

.nav-sm .main{
    margin-left: 70px;
    z-index: 0;
}
.navbar-nav {
    float: right;
    margin: 0;
    height: 100px;
}
.navbar li{
    padding: 9px 6px;
}
.user_box h5{
    margin: 0 0 15px;
}
.navbar .dropdown-menu{
    top: 100px;
}
.navbar .dropdown-menu {
    background-color: #ffce7a !important;
    margin-top: 0;
    border: 1px solid #D9DEE4;
    right: 0;
    left: 0;
    width: 190px  !important;
}
@media only screen and (max-width: 1366px) and (min-width: 768px){
    .navbar-brand img {
        width: auto;
        height: 100%;
        margin-top: 0;
    }
}
.navbar-brand {
    padding: 0 15px;
    height: 100px;
}

/******************* end new changes *****************/

/*Changes in Grid items*/
.widget {
    min-width: 100%;
     max-width: unset;
    height: 100%;
}

.grid-stack-item .grid-stack-item-content, .grid-stack-item .placeholder-content {
    background-color: transparent;
}
.widget-profile .widget-content{
    padding: 0;
    height: calc(100% - 20px);
}
.pdf-panel-body{
    /*height: calc(100% - 48px);*/
}
.widget.scroll-panel .widget-content{
    padding: 0;
    position: relative;
    height: 100%;
}
.personal-favs-wrapper{
    height: calc(100% - 0px);
}
.personal-favs-body{
    height: calc(100% - 114px);
}

.widget-half-server-status .widget-content{
    padding: 0;
    position: relative;
    height: 100%;
}
.chat-panel-messages {
    position: relative;
    margin: 0 10px;
    padding: 5px 0;
    border-bottom: 1px solid #78500c;
}
.widget-analytics .widget-content {
    padding: 0;
    height: calc(100% - 20px);
}
.chat-panel-body{
    height: calc(100% - 44px);
}
.chat-panel-text-area{
    /*height: 20%;*/
}
.chat-panel-text-area-body{
    height: 100%;
    position: relative;
}
.chat-panel-text-area-body textarea{
    height: 100%;
}
.chat-panel-messages{
    padding: 5px 0;
    height: calc(80% - 61px);
}
.chat-panel-messages-body {
    height: calc(100% - 34px);
}


/* fancy scroll */
.chat-panel-messages-body::-webkit-scrollbar {
    width: 5px;
}
.chat-panel-messages-body::-webkit-scrollbar-thumb {
    background: #78500c;
}
.chat-panel-messages-body::-webkit-scrollbar-track {
    background: #ffce7a;
}
/* Handle on hover */
.chat-panel-messages-body::-webkit-scrollbar-thumb:hover {
    background: #555;
}
/* fancy scroll end*/

.work-area-pdf{
    height: 24%;
}
.wap-body{
    height: 100%;
}
/* drag */

/*Drag icon disable*/
.fa-w-16{
    display: none;
    font-size: inherit;
    height: 1em;
    overflow: visible;
    vertical-align: -.125em;
}



/*******************************************************************************/
/*********************************** Schedule ********************************/
/****************************************************************************/

.chat-schedule-panel-wrapper{
    position: relative;
    width: 549px;
    height: 435px;
    /*min-height: 700px;*/
    border: 1px solid #78500c;
    /*min-width: 339px;*/
    border-radius: 4px;
    background-color: white;
}


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


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

.chat-schedule-header img{
    /*vertical-align: middle;*/
    border-style: none;
    vertical-align: -.125em;
}


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

}

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

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


/* Work Area Body Starts */
.chat-schedule-body{
    position: relative;
    height: calc(100% - 60px);
    /*min-height: 418px;*/
    padding: 0 10px;
    /*border-bottom: 2px solid #78500c;*/
}


.datepicker-calendar{
    border-right: 1px solid black;
    /*width: 50%;*/
}

.schedule-left{
    float: left;
    width: 50%;
}

/**/

.schedule-right{
    /*border: 1px solid black;*/
    padding-left: 20px;
    width: 50%;
    display: inline-block;
}
.schedule-right h3{
    font: 500 14px "Montserrat Bold";
    color: #797979;
    text-align: center;
}

select {
    width: 120px;
    height: 29px;
    color: #78500c;
    display: inline-block;
    background-color: white;
    margin-bottom: 10px;
    font: 500 14px "Montserrat Italic";
    border: 1px solid #78500c;
    border-radius: 4px;
}

label {
    /*display: block;*/
    margin-bottom: 2px;
}

.scheduleSubmitButton{
    padding-left: 20px;
}

.scheduleSubmitButton input{
    padding: 3px;
    font: 500 14px "Montserrat Medium";
    width: 90px;
    background-color: #ffce79;
    border: 1px solid #78500c;
    border-radius: 4px;
}

#scheduleInputName, #scheduleInputEmail{
    height: 30px;
    padding: 5px;
    font: 500 14px "Montserrat Medium";
    border: 1px solid #78500c;
    border-radius: 4px;
}

.schedule-time input{
    height: 30px;
    padding: 5px;
    font: 500 14px "Montserrat Medium";
    border: 1px solid #78500c;
    border-radius: 4px;
}

.timeline::before, .timeline::after {
     content: unset;
     display: unset;
     width: unset;
     height: unset;
     top: unset;
    position: unset;
    background: unset;
    left: 0;

}

button, input, optgroup, select, textarea {
    /*margin: 0;*/
    line-height: inherit;
    font: 400 14px "Montserrat Italic";
    color: #78500c;
}

.dayMonthYear {
    padding: 20px 0 0 0;
    font: 500 14px "Montserrat Medium";
    color: #797979;
}

.selectedTime{
    padding: 2px 0 10px 0;
    font: 500 20px "Montserrat Medium";
    color: #797979;
}


#pdf-panel-grid {
    height: 195px;
}

.pdf-newTestament-chapters, .pdf-panel-body {
    display: none;
}

.Tselected {
    display: block !important;
}


/********************************************************************************************/
/**********************************   Calendar   *******************************************/
/********************************************************************************************/


.calendar-panel-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    /*min-height: 700px;*/
    border: 1px solid #78500c;
    /*min-width: 339px;*/
    border-radius: 4px;
    background-color: white;

}


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

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

.calendar-header-left {

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

}

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

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

}


/* Work Area Body Starts */
.calendar-body {
    position: relative;
    height: calc(100% - 64px);
    /*min-height: 418px;*/
    padding: 0 10px;
    border-bottom: 1px solid #78500c;
}

.calendar-right-labels .form-group label {
    color: #78500c;
    font: 500 14px "Montserrat Medium";
    width: 70px;
}

.calendar-right-labels .form-group input {
    color: #78500c;
    font: 500 14px "Montserrat Medium";
    padding: 2px;
    width: 65%;
    border: 1px solid #78500c;
}

#calendar-schedule-btn {
    border-right: 1px solid #78500c;
    padding: 6px;
}

#calendar-schedule-btn:hover {
    border: 1px solid #78500c;
    background: rgba(255, 255, 255, 0.3);
}


/*********************************************************************/
/************************* Calendar Schedule ***********************/
/*********************************************************************/

.calendar-schedule-panel-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    /*min-height: 700px;*/
    border: 1px solid #78500c;
    /*min-width: 339px;*/
    border-radius: 4px;
    background-color: white;

}


.calendar-schedule-header {
    position: relative;
    background-color: #ffce7a;
    width: 100%;
    border-bottom: 1px solid #78500c;
}

.calendar-schedule-header:after {
    content: "";
    clear: both;
    display: table;
}

.calendar-schedule-header-left {

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

}

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

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

}


/* Work Area Body Starts */
.calendar-schedule-body {
    position: relative;
    background: white;
    height: calc(100% - 64px);
    padding: 0 10px;
    border-bottom: 1px solid #78500c;
}

.calendar-body-data {
    padding: 20px;
}

.calendar-body-data select {
    width: 20px;
}

#calendar-month {
    width: 100px;
    font: 500 14px "Montserrat Medium";
    color: black;
}

#calendar-day {
    width: 50px;
    font: 500 14px "Montserrat Medium";
    color: black;
}

#calendar-hour {
    width: 100px;
    font: 500 14px "Montserrat Medium";
    color: black;
}

#calendar-schedule-email {
    font: 500 14px "Montserrat Medium";
    width: 44%;
    margin-left: 2%;
    color: black;

    font-style: italic;
    border: 1px solid #78500c;
    padding: 2px;
    border-radius: 4px;
    height: 29px;
}

#cal-sch-submit{
    background-color: #ffd68f;
    color: black;
    font:600 14px "Montserrat Medium";
    width:156px;
    height: 40px;
    margin-left: 34%;
    border: none;
    border-radius: 4px;
}

.chat-schedule-form{

}



/*********************/
/* Chat History Panel */
/********************/


.chat-history-wrapper{
    position: relative;
    /*min-width: 330px;*/
    min-height: 380px;
    border: 2px solid #78500c;
    /*min-width: 400px;*/
    border-radius: 4px;
    background-color: white;

}

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

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

.chat-history-header-left{

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

}

#chat-history-header-user{
    color:#78500c;
    font: 500 16px 'Montserrat SemiBold';

}

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

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

}



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

/* chat-history Body Starts */
.chat-history-body{
    position: relative;
    padding: 0 10px;
    min-width: 33%;
    height: 630px;
    /*border-bottom: 2px solid #78500c;*/
}

.chb-lr{
    position: relative;
    height: 52.38%;
    border-bottom: 1px solid #78500c;

}


/*  Searchbar */
.chat-history-search{
    position: relative;
    border: 1px solid #fece79;
    border-radius: 4px;
    background-color:#fece79;
    width: 100%;
    margin: 10px 0;
}



.chat-history-search input {
    position: relative;
    color:#8c8c8c;
    background-color: white;
    font: 400 14px "Montserrat Medium";
    padding: 10px 4px;
    width: calc(100% - 50px);
    border: 0;
}

.chat-history-search i{
    position: relative;
    font-size: 16px;
    padding: 0 10px;
    cursor: pointer;
}

.chat-history-left{
    position: relative;
    padding: 0 0 10px 0;
    width: 51%;
    float: left;
    height: 100%;

}

.chl-body{
    position: relative;
    height: 100%;
    padding-right: 8px;
    border-right: 1px solid #78500c;
}

.chat-history-left h3{
    font: 500 14px "Montserrat Medium";
    color: black;
}

.chat-history-left h3 span{
    font: 400 12px "Montserrat Regular";
}

#chat-history-number{
    font: 400 18px "Montserrat Regular";
    font-style: italic;
    color: #a2a3a4;
}

.chat-history-right{
    position: relative;
    width: 47%;
    margin-left: 53%;
}

.chl-months{
    position: relative;
    width: 100%;
    height: 89.75%;
    overflow-y: auto;
}

.chlm-single{
    width: 50%;
    height: 46px;

}

.chlm-single h3{
    margin-bottom: 0;
    font: 500 14px "Montserrat Medium";
    color: #78500c;
}

.chb-user-time{
    border-bottom: 1px solid #78500c;
    height: 7.93%;
}

.chbut-left:before{
    content: "";
    clear: both;
    display: table;
}
.chbut-left{
    position: relative;
    padding: 10px 10px;
    font-size: 16px;
     /*width: 51%;*/
    font-family: "Montserrat SemiBold";
    color: black;
     float: left;
    /*left: 0;*/
}



.chbut-right{
    position: relative;
    padding: 10px 5px;
    font-size: 16px;
    font-family: "Montserrat SemiBold";
    float: right;
    color: black;
    /*right: 0;*/
}


#chb-msg-btn{
    background: none;
    padding: 3px;
    border: 1px solid #8d8d8d;
    border-radius: 4px;
}

#chb-user{
    font: 500 14px "Montserrat Medium";
    color: black;
    padding-right: 10px;
}

.chb-time{
    font: 500 14px "Montserrat Medium";
    color: #919090;
}

.chb-conversation{
    height: 30.15%;
}

.chb-conversation p{
    font: 400 12px "Montserrat Regular";
    color: black;
}

/*******************************************************/
/****************** Chat Queue Panel*****************/
/**************************************************/

.chat-queue-panel-wrapper{
    position: relative;
    border: 1px solid #78500c;
    border-radius: 4px;
    background-color: white;

}

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

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

.chat-queue-header-left{

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

}


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

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

}



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


.cqb-head{
    position: relative;
    padding: 0 10px;
    height: 56px;
    border-bottom: 1px solid #78500c;

}

.chat-queue-body{
    position: relative;
    padding: 0 10px;
    min-width: 33%;
    height: 340px;
    overflow-y: auto;
    /*border-bottom: 2px solid #78500c;*/
}



.cqb-head-body{
    padding-top: 10px;
    position: relative;
    width: 100%;

}

.cqb-head button{
    font: 500 14px "Montserrat Medium";
    width: 139px;
    height: 33px;
    background-color: transparent;
    border: 1px solid #78500c;
    border-radius: 4px;
}

.cqb-head-body button:focus{
    background-color: #ffd080;
}

.font-14MB-brown{
    font-size: 14px;
    font-family: 'Montserrat Bold';
    color: #78500c;
}

.chat-queue-list{
    padding-top: 10px;
}


.cqb-head span{
    font: 500 14px "Montserrat Medium";
    color: black;
}

.cqb-left{
    position: relative;
    float: left;
    width: 70%;
}

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

.cqb-right{
    position: relative;
    float: right;
    width: 30%;
    text-align: right;
}

.cqb-left h5{
    margin-bottom: 0;
}

.cqb-left p{
    font: 400 12px "Montserrat Medium";
    color: #a6a6a6;
}

.cqb-right h6{
    font: 400 12px "Montserrat Medium";
    color: #78500c;
}

.chat-queue-list .row {
    border-bottom: 1px solid #78500c;
    padding: 5px 0;
    height: 60px;
}

.cql-sub{
    position: absolute;
    background-color: #ffd690;
    width: 190px;
    height: 120px;
    z-index: 20;
    margin-top: 47px;
    margin-left: 36px;
    border-radius: 10px;
    padding: 10px;
    color: black;
}

.cql-sub h5{
    font: 600 14px "Montserrat SemiBold";
}

.cql-sub p{
    font: 400 12px "Montserrat Medium";
}

.chat-queue-list .row:hover{
    cursor: pointer;
}


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

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

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

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

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


.bible-header-right a,.pdf-header-right a.mp3-header-right a{
    padding: 0 10px ;
}

.bible-searchbar,.chat-history-searchbar,.filter-searchbar, .pdf-searchbar, .mp3-searchbar {
    position: relative;
    border: 1px solid #fece79;
    border-radius: 4px;
    background-color:#fece79;
    width: 100%;
    margin: 10px 0;
}


.bible-searchbar input, .chat-history-searchbar input, .filter-searchbar input, .pdf-searchbar input, .mp3-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;

}

.bible-searchbar i, .chat-history-searchbar i, .filter-searchbar i, .pdf-searchbar i, .mp3-searchbar i{

    position: relative;

    font-size: 16px;

    padding: 0 10px;

    cursor: pointer;

}

#bible-body,#pdf-body,#mp3-body {
    padding: 10px 0;
    height: 100%;
}
.bible-searchbar-wrapper,.pdf-searchbar-wrapper,.mp3-searchbar-wrapper {
    padding: 0px 10px;
    border-bottom: 1px solid #898989;
}
#bible-body .table-responsive,#pdf-body .table-responsive,#mp3-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% - 30px);
    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;
}
#pdf-body .testament, #pdf-body .chapter, #pdf-body .pdf-verse,
#mp3-body .testament, #mp3-body .chapter, #mp3-body .mp3-verse {
    display:none;
}
#bible-body .testament h5, #bible-body .chapter h5,
#pdf-body .testament h5, #pdf-body .chapter h5,
#mp3-body .testament h5, #mp3-body .chapter h5 {
    color: #000;
    font-weight: bold;
}
#bible-body .testament,#bible-body .chapter,
#pdf-body .testament,#pdf-body .chapter,
#mp3-body .testament,#mp3-body .chapter {
    padding: 10px;
}
#bible-body .testament table, #bible-body .chapter table,
#pdf-body .testament table, #pdf-body .chapter table,
#mp3-body .testament table, #mp3-body .chapter table {
    width: 100%;
    border: 1px solid #000;
}
#bible-body .testament table td, #bible-body .chapter table td,
#pdf-body .testament table td, #pdf-body .chapter table td,
#mp3-body .testament table td, #mp3-body .chapter table td {
    border: 1px solid #000;
    text-align: center;
    color: #000;
}
#bible-body .chapter i, #pdf-body .chapter i, #mp3-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;
    font-size: 12px;
}
#bible-body .bible-verse .actionDiv .cr {
    background: #78500c;
    color: #fff;
    padding: 3px 4px;
    border-radius: 3px;
    font-size: 12px;
}
#bible-body .bible-verse .actionDiv .add, #pdf-body .pdf-verse .actionDiv .add, #mp3-body .mp3-verse .actionDiv .add {
    background: #ffce79;
    color: #000;
    padding: 3px 4px;
    border-radius: 3px;
    font-size: 12px;
}
#bible-body .testament table td.active, #bible-body .chapter table td.active,
#pdf-body .testament table td.active, #pdf-body .chapter table td.active,
#mp3-body .testament table td.active, #mp3-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;
    font-size: 12px;
}
#strong-verses-body .actionDiv .add {
    background: #ffce79;
    color: #000;
    padding: 3px 4px;
    border-radius: 3px;
    font-size: 12px;
}
#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;
}