/* only aggreator portal dashboard page */

.resgistration-successfull img {
    display: block;
    width: 100px;
    height: 100px;
    opacity: 0.3;
}

.resgistration-successfull p {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 2
}

.error-message {
    width: 100%;
    margin: 0;
    font-size: 11px;
    color: #bf1111;
    font-weight: 500;
}

.passowrd-info {
    font-size: 11px;
    margin-bottom: 0;
    line-height: 1.7;
    font-weight: 500;
}

.unregistred-signup {
    color: #8c98a4!important;
    cursor: pointer;
}

.cobrand--icon {
    /* position: absolute; */
    left: 25px;
    top: 35px;
}

.left-body-section {
    /* min-height: 600px; */
    background: #111640;
    padding: 15px;
    /* height: calc(100vh - 0vh); */
    /* overflow-y: hidden; */
    padding-bottom: 0;
    margin-bottom: 0;
}

.cobrand--icon img {
    width: 50px;
    height: 50px;
    background: transparent;
    position: inherit;
}

.brand-image {
    padding: 0;
    display: block;
    margin: 0 auto;
    text-align: center;
}

.brand-image img {
    height: 180px;
    width: 140px;
}

.listofinvitites .gridview-booklist {
    margin-bottom: 45px;
}

.listofinvitites .gridview-booklist:hover {
    margin-bottom: 45px;
    margin-top: 0px;
    box-shadow: 0 2px 12px 2px rgba(38, 41, 53, 0.35);
}

.rhs-section-right {
    position: absolute;
    margin: 0;
    pointer-events: none;
    right: 0;
    top: 0;
    width: 32%;
    max-width: 32%;
}

.rhs-section-right .modal-content {
    height: calc(100vh - 0vh);
    border-radius: 0px;
}

.rhs-section-right .modal-body {
    padding: 20px;
}

.rhs-section-right button.close {
    margin: 0;
    padding: 0;
}

.rhs-modal.modal-open .modal {
    overflow-x: hidden;
    overflow-y: hidden;
}

.individual-log {
    margin-bottom: 15px;
    padding: 10px;
    border-bottom: 1px dotted #8c98a4;
    display: block;
    background: #f9f9f9;
}

.media-list .media img {
    width: 35px;
    height: 35px;
    border: 2px solid #e5e7e8;
    border-radius: 50%;
}

.media-list .media {
    /* border-bottom:1px dashed #efefef; */
}

.media-list .media:last-child {
    border-bottom: none;
}

.response-media {
    border-top: 1px dashed #efefef;
    margin-bottom: 15px;
    padding-bottom: 15px;
    margin-left: 50px;
    border-bottom: none;
    padding-top: 10px;
}

.actionbtns {
    margin-top: 10px;
    padding: 0;
    text-align: right;
}

.actionbtns button {
    margin-right: 10px;
}

.media-body .media-body__description {
    font-size: 0.72rem;
    line-height: 1.4;
    margin-bottom: 10px;
}

.activity--logofusers ul {
    padding-left: 0;
    color: #555;
}

.media-body strong {
    font-weight: 500;
    font-size: 13px;
}

.date-modified small {
    font-size: 11px;
}

.rhs-modal {
    background: rgba(0, 0, 0, 0.5);
}

.pannel-boxshadow01 {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
}


/** View Book modal form **/

.book--lgmodal-view {}

@media (min-width: 576px) {
    .book--lgmodal-view .modal-dialog {
        margin: 0px auto;
        height: 100%;
    }
}

.book--lgmodal-view .modal-dialog .modal-content {
    min-width: 1300px;
    max-width: 1300px;
    height: 100%;
    border: none;
    border-radius: 0;
}

.book--lgmodal-view .modal-title {
    line-height: 2.5;
}

.vbtitlearea {
    padding: 10px;
    height: 80px;
}

.book--lgmodal-view .modal--bookheader {
    padding: 0;
    border-bottom: 1px solid #d8d9db;
    border-radius: 0;
    background: #e4e4e4;
}

.book--lgmodal-view .modal--bookbodyarea {
    background-color: #fff;
    min-height: auto;
    max-height: auto;
    padding: 0;
}

.book--lgmodal-view .vborglogo img {
    height: 80px;
}

.vbheaderlist {}

.vbtitleheading {
    margin-bottom: 5px;
    line-height: 1.5;
    font-size: 16px;
    color: #1e2022;
    border-bottom: 1px solid #d4d7dd;
    padding: 10px 20px;
    font-weight: 500;
}

.listcard--section__chapterslist ul {
    padding-left: 0;
    list-style: none;
    padding: 0 0;
}

.view--modemodalform {
    box-shadow: none;
    margin: 0;
    background: transparent;
    border: 1px solid #ccc;
    padding: 50px;
}

.image--viewsection img {
    max-width: 100%;
    padding: 5px 0;
}


/* .rhs--actionicons__icons .fa-close{
font-size: 70px;
font-weight: 300;
color: #eee;
margin-right: -40px;
margin-left: 0;
text-align: left;
} */


/* .modal--bookbodyarea__maincontentsection{
background: #E5E5E5;
} */

.vb-maindetail {
    height: 80px;
    padding: 10px;
}


/* book-story-layout styling */


/* .book-story-layout{

}
@media (min-width: 576px){
.book-story-layout .modal-dialog {
    max-width: 1064px;
    margin: 0 auto;
    height: 100%;
    bottom: 0;
}
}
.book-story-layout .modal--bookheader {
padding: 24px;
}
.book-story-layout .modal-body{
padding: 0;
background: #fff;
}

.storydetail-section{
background: #f4f4f4;
min-height: calc(80vh);
}

.addsections{
background: #fff;
padding: 30px;
margin: 20px 0;
border: 1px dashed #d4d7dd;
padding: 20px;
}
.modal--bookbodyarea{
padding-inline-start: 10px;
}
.addsections ul li{
float: left;
padding: 0 40px;
text-align: center;
text-decoration: none;
}
.addsections ul li a{

}
.cke_top {
border-bottom: 1px solid #f4f4f4!important;
background: #fff!important;
padding: 0!important;
white-space: normal!important;
}
.cke_chrome {
display: block;
border: 1px solid #f4f4f4!important;
padding: 0;
box-shadow: none;
}
.cke_bottom {
padding: 25 ;
position: relative;
border-top: 1px#fff;
display: none;
} */

.rich--texteditorarea .richtexteditor__btns {
    display: none;
}

.rich--texteditorarea:hover .richtexteditor__btns {
    position: absolute;
    top: 5px;
    right: 10px;
    display: block;
}

.rich--texteditorarea:hover .richtexteditor__btns i {
    cursor: pointer;
    color: #aaa;
}

.rich--texteditorarea {
    border: 1px solid #aaaaaa24;
    padding: 15px;
    position: relative;
}

.rich--texteditorarea .insert--linksmedia {
    display: none;
}

.rich--texteditorarea:hover .insert--linksmedia {
    display: block;
}


/* Add story */

.bkpg--outerlayout {
    background: #aacce921;
    display: block;
    position: relative;
    min-height: 500px;
    border: 1px solid #e5e5e5;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.01);
    min-height: calc(100vh - 13vh);
    max-height: calc(100vh - 13vh);
    overflow-y: scroll !important;
    overflow-x: hidden !important;
    padding: 30px 150px;
}

.bkpg--outerlayout .bkpg--outerlayout__innerarea {
    background: transparent;
    min-height: 700px;
    /* box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1); */
    padding: 0;
    display: inline-block;
    position: relative;
    width: 100%;
}

.bkpg--outerlayout .pgno {
    position: absolute;
    top: 60px;
    right: 151px;
    color: #68a4d8;
    font-size: 11px;
}

.chapter--header .form-control {
    border: none;
    text-align: left;
    border: 0px solid transparent;
    font-weight: 500 !important;
    margin-bottom: 0;
    height: 37px !important;
    background: transparent;
    padding: 0;
}

.chapter--header .form-control:focus {
    border: none !important;
    border-bottom: solid 1px #c9c9c9 !important;
    transition: 2s;
}

.chapter--header .form-control::-webkit-input-placeholder {
    font-style: italic;
    font-weight: 500;
    color: #555;
    transition: 1s;
}

.chapter--header .form-control:focus::-webkit-input-placeholder {
    color: #cccccc;
}

.no-contentselected:hover,
.no--sectionchoosed:hover {
    box-shadow: none!important;
}

.section--outerlayout {
    border: none;
    background: #fff !important;
    padding: 0;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.02);
    position: relative;
    margin-bottom: 15px;
    display: inline-block;
}

.section--outerlayout:hover {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}

.section--outerlayout ul {
    padding: 0;
    list-style: none;
}

.one--section ul li {
    width: 100%;
}

.second--section .second--section__listing {
    width: 100%;
    margin-bottom: 0;
}

.second--section .second--section__listing li {
    width: 50%;
    float: left;
    border: 1px dashed #4788c7;
}

.linksmedia--section {
    text-align: center;
}

.linksmedia--section .linksmedia--dropdown {
    padding: 0;
    max-width: 200px;
    min-width: 200px;
    transform: translate3d(250px, -3px, 0px) !important;
}

.linksmedia--section i {
    font-size: 30px;
    color: #5555559e;
}

.linksmedia--section .add-btnlinks {
    background: transparent !important;
    padding: 0;
    border: none;
}

.linksmedia--section .add-btnlinks:hover i {
    color: #555;
    transition: 2s;
}

.linksmedia--section .dropdown-toggle::after {
    display: none;
}

.linksmedia--section .linksmedia--dropdown {
    padding: 0;
    max-width: 230px;
    min-width: 230px;
    transform: translate3d(230px, -3px, 0px) !important;
}

.linksmedia--section .linksmedia--dropdown li {
    float: left;
    width: 50%;
    text-align: center;
    margin: 0;
}

.linksmedia--section .linksmedia--dropdown h5 {
    font-size: 14px;
    font-weight: 400;
    background: #dcddde;
    padding: 5px 15px;
    border-bottom: 1px solid #e1e1e1;
    margin: 0;
}

.linksmedia--section .linksmedia--dropdown li a {
    font-size: 12px;
    color: #555 !important;
}

.linksmedia--section .linksmedia--dropdown li a i {
    font-size: 25px;
    margin-bottom: 5px;
    color: #555;
    cursor: pointer;
}

.linksmedia--section .linksmedia--dropdown li a:hover {
    background: transparent;
}

.linksmedia--section .linksmedia--dropdown li a:hover i {
    color: #68a4d8 !important;
}

.linksmedia--section .linksmedia--dropdown li a label {
    font-size: 12px !important;
    font-style: inherit !important;
}

.section--commonarea li .text-or-imageview {
    position: relative;
    margin: 0;
}

.section--commonarea li .text-or-imageview .only--imageview {
    padding: 0;
    position: relative;
}

.section--commonarea ul {
    margin-bottom: 0;
}

.third--section__listing li {
    width: 33.3%;
    float: left;
    border: 1px dashed #4788c7;
}

.fourth--section__listing li {
    width: 25%;
    float: left;
    border: 1px dashed #4788c7;
}

.chapter--header {
    padding: 0 35px;
    font-size: 14px;
    color: #aaa;
}

.bkpg--outerlayout__innerarea:hover .action--icons {
    display: block;
}

.section--outerlayout:hover .activity--icons {
    display: block;
}

.activity--icons {
    position: absolute;
    right: -25px;
    top: -1px;
    display: none;
}

.activity--icons__listing {
    display: block;
    background: #fff;
    padding: 2px 5px;
    border: 1px solid #ebebeb;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    text-align: center;
}

.bkpg--nolayoutadded {
    padding: 15%;
}

.bkpg--nolayoutadded p {
    font-size: 12px;
}

.bkpg--nolayoutadded img {
    opacity: 0.2;
    cursor: pointer;
}

.bkpg--nolayoutadded img:hover {
    opacity: 1;
    transition: 2s;
}

.no--sectionchoosed {
    border: 1px dashed #4788C7;
    min-height: 150px;
}

.no--sectionchoosed li {
    padding: 10px;
}

.no--sectionchoosed .no--sectionchoosed__choosing img {
    opacity: 0.3;
    cursor: pointer;
}

.no--sectionchoosed .no--sectionchoosed__choosing img:hover {
    opacity: 1;
    transition: 1s;
}

.no--sectionchoosed__choosing {
    text-align: center;
    padding: 24px;
}

.choose--layoutmodal ul {
    padding: 0;
    list-style: none;
    margin: 0;
}

.choose--layoutmodal ul li {
    min-height: 100px;
    border: 1px dashed #4788C7;
    text-align: center;
    padding: 30px;
    transition: 1s;
}

.choose--layoutmodal ul li img {
    width: 45px;
    opacity: 0.3;
    margin: 10px;
    cursor: pointer;
    padding: 5px;
}

.choose--layoutmodal:hover ul li img {
    opacity: 0.5;
}

.choose--layoutmodal:hover {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    background: rgb(254, 254, 254);
}

.choose--layoutmodal ul.one--layout li,
.choose--layoutmodal ul.two--layout li {
    padding: 20px;
}

.two--layout li {
    width: 50%;
    float: left;
}

.third--layout li {
    width: 33.3%;
    float: left;
}

.choose--layoutmodal ul.third--layout li img {
    width: 40px;
    margin: 5px;
}

.fourth--layout li {
    width: 25%;
    float: left;
}

.choose--layoutmodal ul.fourth--layout li img {
    width: 35px;
    margin: 0;
}

.choose--layoutmodal {
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 15px;
    width: 100%;
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
    background: #fff;
}

.btn-selected {
    position: absolute;
    top: 0;
    right: 0;
}

.no-contentselected .one--section ul li img {
    width: 45px;
    opacity: 0.3;
    margin: 10px 15px 0;
    padding: 5px;
    cursor: pointer;
}

.no-contentselected .one--section ul li img:hover {
    opacity: 1;
    transition: 1s;
}

.no-contentselected .one--section ul li {
    padding: 20px;
    width: 100%;
    border: 1px dashed #4788c7;
}

.one--section ul li {
    width: 100%;
    border: 1px dashed #4788c7;
}

.no--sectionchoosed__choosing p,
.no-contentselected p {
    font-size: 13px;
    color: #aaa;
}

.page--footerarea {
    border-top: 1px solid #aaa;
    padding: 10px;
    background: #f7f7f79c;
}

.viewpage--headerarea {
    border-bottom: 1px solid #aaa;
    padding: 10px;
    background: #f7f7f79c;
}

.viewpage--headerarea .chapter--footer {
    padding: 0 25px;
}

.bkpg--maincontent {
    padding: 40px;
    display: inline-block;
}

.page--footerarea .chapter--name,
.page--footerarea .pg--name {
    font-size: 12px;
    color: #aaa;
}

.page--headerarea {
    border-bottom: 1px solid #aaa;
    padding: 3px;
    background: #f7f7f79c;
}

.view--maincontentarea {
    padding: 25px;
}

.media-body__descreply {
    font-size: 11px;
    color: #535353;
    cursor: pointer;
}

@media (min-width: 768px) {
    .compbook .modal-dialog {
        width: 1300px;
        margin: 30px auto;
    }
}

.compbook .modal-content {
    position: relative;
    margin: 30px auto;
    max-width: 1300px;
    min-width: 1300px;
}


/*start edit books  */

.editbooks--outerlayout .modal-dialog {
    width: 1300px;
    margin: 0px auto;
    max-width: 1300px;
}

.editbooks--outerlayout .modal-content {
    position: relative;
    margin: 0px auto;
    max-width: 1300px;
    min-width: 1300px;
}

.editbooks--header .editbooks--header__list ul {
    padding: 0;
    list-style: none;
    display: inline-block;
    width: 100%;
    margin-bottom: 0;
}

.editbooks--header .editbooks--header__list ul li {
    width: 33.3%;
    float: left;
    text-align: center;
    border-right: 1px solid #f1f1f1;
    color: #555;
}

.editbooks--header .editbooks--header__list ul li:last-child {
    border-right: none;
}

.editbooks--header .editbooks--header__list ul li p {
    margin-bottom: 0;
    font-size: 12px;
}

.editbooks--header .editbooks--header__list ul li .icon {
    font-size: 16px
}

.book--title {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    /* display: inline-block; */
}

.editbooks--body .editbooks--body__asideheader {
    background: #fff;
    width: auto;
    position: static;
    top: 0px;
    left: 0px;
    border-right: 1px solid #e6e6e6;
    padding-top: 0px;
    margin: 0;
    min-height: calc(100vh - 11vh);
    max-height: calc(100vh - 11vh);
}

.editbooks--body {
    padding: 0;
    min-height: calc(100vh - 9.7vh);
    max-height: calc(100vh - 9.7vh);
    background: #aacce921;
}

.editbooks--body__listing {
    padding: 0;
    list-style: none;
}

.editbooks--body__listing li {
    padding: 10px;
    color: #999;
}

.editbooks--body__listing li.active {
    border-left: 5px solid #68a4d8;
    background: #f9f9f9;
}

.editbooks--body__listing li a {
    color: #555;
}

.editbooks--body__asideheader .template-heading {
    border: 1px solid #eee;
    border-right: none;
    padding: 5px 0px;
}

.editbooks--body__listing li a .btn-default {
    border: 0;
    padding: 0px 5px;
}

.bkpg--outerlayout {
    display: block;
    position: relative;
    border: 1px solid #e5e5e5;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.01);
    min-height: calc(100vh - 12.5vh);
    max-height: calc(100vh - 12.5vh);
    overflow-y: scroll !important;
    overflow-x: hidden !important;
    padding: 30px 80px;
    width: 100%;
}

.bkpg--pageheader {
    padding: 10px 15px;
    border-bottom: 1px solid #aaa;
}

.bkpg--pagefooter {
    border-top: 1px solid #aaa;
    padding: 10px;
    background: transparent;
    position: absolute;
    bottom: 0;
}

.bkpg--pagefooter .chapter--name,
.bkpg--pagefooter .pg--name {
    font-size: 12px;
    color: #aaa;
}

.no--componentsfound {
    text-align: center;
    padding: 10%;
    opacity: 0.6;
    cursor: default;
}

.no--componentsfound i {
    font-size: 35px;
    cursor: pointer;
}

.no--componentsfound p {
    font-size: 13px;
    font-weight: 500;
    margin: 5px;
}


/* choose component */

.choosecomponent--outerlayout .modal-dialog {
    width: 1000px;
    margin: 10px auto;
    max-width: 1000px;
}

.choosecomponent--outerlayout .modal-content {
    position: relative;
    margin: 0px auto;
    max-width: 1000px;
    min-width: 1000px;
}

.choosecomponent--body {
    padding: 0;
    min-height: calc(100vh - 20vh);
    max-height: calc(100vh - 20vh);
    background: #aacce921;
}

.choosecomponent--body .choosecomponent--body__listing aside ul {
    padding: 0;
    list-style: none;
    background: #fff;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
    margin-bottom: 0;
    min-height: calc(100vh - 20vh);
    max-height: calc(100vh - 20vh);
    overflow-y: scroll;
    overflow-x: hidden;
}

.choosecomponent--body .choosecomponent--body__listing aside ul li {
    padding: 10px 15px;
    border-bottom: 1px solid #eee;
    color: #333;
    font-weight: 500;
}

.complist-container ul {
    list-style-type: none;
    padding-inline-start: 0;
    margin-bottom: 0;
}

.complist-container li {
    display: inline-block;
    width: 33%;
}

.complist-container input[type="checkbox"][id^="cl"] {
    display: none;
}

.complist-container label {
    border: 1px solid #fff;
    padding: 10px;
    display: block;
    position: relative;
    /* margin: 10px; */
    cursor: pointer;
}

.complist-container label:before {
    background-color: white;
    color: white;
    content: " ";
    display: block;
    border-radius: 50%;
    border: 1px solid #53d769;
    position: absolute;
    top: -5px;
    left: -5px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 28px;
    transition-duration: 0.4s;
    transform: scale(0);
    z-index: 1;
}

.complist-container label img {
    height: 105px;
    width: 210px;
    transition-duration: 0.2s;
    transform-origin: 50% 50%;
    margin: 0 auto;
    display: block;
}

.complist-container :checked+label {
    border-color: #ddd;
}

.complist-container :checked+label:before {
    content: "✓";
    background-color: #53d769;
    transform: scale(1);
}

.complist-container :checked+label img {
    transform: scale(0.9);
    box-shadow: 0 0 5px #333;
    z-index: -1;
}

.feedback {
    background-color: #ccc;
    color: white;
    padding: 10px;
    border-radius: 50%;
    border: none;
    margin-bottom: 5px;
}

.feedback button {
    float: none;
}

.layout--div {
    border: 1px solid #aaa;
    height: auto;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    margin-bottom: 15px;
    min-height: 200px;
}

.layout--div .layoutaction--icons {
    float: right;
    color: #444;
    position: absolute;
    top: 10px;
    right: 30px;
}


/* edit component */

.editcomponent--outerlayout .modal-dialog {
    width: 1000px;
    margin: 30px auto;
    max-width: 1000px;
}

.editcomponent--outerlayout .modal-content {
    position: relative;
    margin: 0px auto;
    max-width: 1000px;
    min-width: 1000px;
}

.editcomponent--outerlayout .nav-tabs>li a {
    padding: 10px 30px;
    margin-right: 0;
    min-width: 150px;
    text-align: center;
    border-radius: 0;
    color: #555;
    border-width: 0;
    cursor: pointer;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.5px;
    line-height: 1.7;
}

.editcomponent--outerlayout .nav-tabs>li {
    margin-right: 2px;
    border-right: 1px solid #eee;
    text-align: center;
    display: inline-flex;
}

.editcomponent--outerlayout .nav-tabs>li a i {
    font-size: 20px;
    padding-right: 10px;
}

.editcomponent--outerlayout .tab-content {
    background: #fff;
    padding: 0;
    margin-bottom: 0;
}

.editcomponent--outerlayout .nav-tabs>li.active {
    border-bottom: 3px solid #68a4d8;
}

.editcomponent--outerlayout .nav>li>a>img {
    width: 40px;
    display: block;
    margin: 0 auto;
}

.editcomponent--outerlayout .nav-tabs>li.active>a,
.editcomponent--outerlayout .nav-tabs>li.active>a:focus,
.editcomponent--outerlayout .nav-tabs>li.active>a:hover {
    border: 1px solid #fff;
}

.editcomponent--outerlayout .nav-tabs>li a:hover {
    background: 0 0;
    color: #68a4d8!important;
}

.image--section {
    text-align: center;
    padding: 8%;
    margin: 5% 5%;
    border: 2px dashed #ccc;
    color: #555;
    font-weight: 600;
    cursor: default;
}

.image--section img {
    opacity: 0.2;
    width: 60px;
    margin-bottom: 5px;
}

.image--section small {
    color: #ccc;
    display: inline-block;
    margin-bottom: 3px;
}

.image--section p {
    margin-bottom: 0;
    cursor: pointer;
}

.gallery--section__uploaded ul {
    list-style: none;
    display: inline-block;
    width: 100%;
    padding: 0;
}

.gallery--section__uploaded ul li {
    width: 33%;
    float: left;
    padding: 0;
    margin-right: 0;
}

.gallery--section__uploaded ul li img {
    width: 100%;
    height: 60px;
}

.editcomponent--body {
    min-height: calc(100vh - 30vh);
    max-height: calc(100vh - 30vh);
}

.video--sectionarea .form-control {
    height: 35px;
    border-bottom: none;
    margin-top: 5px;
}

.video--sectionarea .image--section {
    margin: 0% 5% 3%;
}

.video--sectionarea .gallery--section {
    min-height: 260px;
    max-height: 260px;
}

@media print {
    .page-break {
        display: block;
        page-break-before: always;
    }
    size: A4 portrait;
}

@media print {
    body {
        margin: 0;
        padding: 0;
    }
    .A4 {
        box-shadow: none;
        margin: 0;
        width: auto;
        height: auto;
    }
    .noprint {
        display: none;
    }
    .enable-print {
        display: block;
    }
}

#pagezoombtn {
    position: absolute;
    bottom: 20px;
    right: -75px;
}

#pagezoombtn input {
    transform: rotate(-90deg);
    transform-origin: left 0;
}

.images--viewsection .layout--div img {
    width: 100%;
    margin: 0 auto;
}

.action--icons {
    position: absolute;
    right: 0px;
    top: 0;
    margin: 5px;
    cursor: pointer;
}

.action--icons i {
    font-size: 16px;
    color: #555!important;
    padding: 5px;
    border: 1px solid #d5d5d5;
    margin: 0 2px;
    background: #fff;
    border-radius: 3px;
    cursor: pointer;
}

.secondary--navbar {
    padding: 0;
}

.editcomponent--outerlayout .secondary--navbar .nav-tabs>li.active {
    border-bottom: none;
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
}

.editcomponent--outerlayout .secondary--navbar .nav-tabs>li {
    border-right: none;
}

.editcomponent--outerlayout .secondary--navbar .nav-tabs {
    background: transparent;
    border: 1px solid #eee;
}

.image-captionattribute label {
    font-weight: 600;
    font-size: 13px;
    margin-bottom: 0;
    color: #555;
}

.image--uploaded img {
    max-width: 100%;
    max-height: inherit;
    min-height: 250px;
    margin: 0 auto;
    display: block;
    padding: 20px;
}

.gallery--section {
    min-height: calc(100vh - 30vh);
    max-height: calc(100vh - 30vh);
    background: #f1f4f5;
    padding: 15px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    overflow-y: scroll;
    overflow-x: hidden;
    border-left: 1px solid #dfdfdf;
}

.gallery--section__uploaded .complist-container label {
    padding: 10px;
}

.gallery--section__uploaded .complist-container label:before {
    z-index: 1;
}

.gallery--section h5 {
    margin: 0 0 15px;
    font-size: 16px;
    font-weight: 600;
    color: #000;
}

.image--uploaded video {
    padding: 20px;
}

.layout--div {
    padding: 20px;
    width: 100%;
    resize: vertical;
    overflow: auto;
}

.no-imagesdisplay {
    text-align: center;
    opacity: 0.6;
}

.no-imagesdisplay i {
    font-size: 40px;
    margin-bottom: 5px;
}

.section--actionicons {
    position: absolute;
    top: 46%;
    right: -15px;
    background: #fff;
    cursor: pointer;
    display: none;
}

.section--actionicons i.icons {
    font-size: 21px;
    border: 1px solid;
    text-align: center;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    line-height: 1.5;
    cursor: pointer;
    color: #555;
}

.section--bysection:hover .section--actionicons {
    display: block;
}

.bkpg--pageheader .pull-right>.action-dropdownmenu.dropdown-menu {
    right: inherit;
    left: auto;
}

.bkpg--pageheader .untitled--textpg .form-control {
    height: 30px;
    border: none;
    width: 100%;
    padding: 0;
    border-bottom: 1px dotted transparent;
    font-size: 16px;
    color: #000;
    font-weight: 600;
}

.bkpg--pageheader .untitled--textpg .form-control:hover {
    border-bottom: 1px solid #eee;
}

.w-100 {
    width: 100%!important;
}

.w-95 {
    width: 95%!important;
}

.w-90 {
    width: 90%!important;
}

.w-85 {
    width: 85%!important;
}

.w-80 {
    width: 80%!important;
}

.w-75 {
    width: 75%!important;
}

.w-70 {
    width: 70%!important;
}

.w-65 {
    width: 65%!important;
}

.w-60 {
    width: 60%!important;
}

.w-55 {
    width: 55%!important;
}

.w-50 {
    width: 50%!important;
}

.w-45 {
    width: 45%!important;
}

.w-40 {
    width: 40%!important;
}

.w-35 {
    width: 35%!important;
}

.w-30 {
    width: 30%!important;
}

.w-25 {
    width: 25%!important;
}

.w-20 {
    width: 20%!important;
}

.w-15 {
    width: 15%!important;
}

.w-10 {
    width: 10%!important;
}

.w-5 {
    width: 5%!important;
}

.table--contentarea table {
    border: 1px solid black;
    table-layout: fixed;
    width: 100%;
}

.table--contentarea td {
    border: 1px solid #c1c1c1;
    width: 100px;
    overflow: hidden;
}

.sectionouterarea:hover {
    box-shadow: rgba(0, 0, 0, 0.3) 0 2px 3px 0;
    transition: 0.5s;
}

.sectionouterarea {
    position: relative;
    width: 100%;
    display: block;
    padding: 15px;
    margin-bottom: 15px;
    border: 1px solid#fafafa;
    /* box-shadow: rgba(0, 0, 0, 0.3) 0 2px 3px 0; */
}

.sectionouterarea--actionicons {
    position: absolute;
    top: -10px;
    right: -14px;
    width: 25px;
    height: 25px;
    background: #555;
    text-align: center;
    border-radius: 50%;
    line-height: -9.5;
    color: #fff;
    border: 1px solid;
    box-shadow: 0 0 4px black;
    cursor: pointer;
    display: none;
}

.sectionouterarea:hover .sectionouterarea--actionicons {
    display: block;
}

.selectionBox {
    width: 100%;
    position: relative;
}

.selectionBox:hover .innerrow-settings {
    display: block;
}

.innerrow-settings {
    position: absolute;
    right: -5px;
    top: -5px;
    cursor: pointer;
    display: none;
    z-index: 99;
}

.innerrow-settings i {
    padding: 3px 5px;
    border: 1px solid #bcbaba;
    border-radius: 2px;
    margin-right: 3px;
    color: #999;
    cursor: pointer;
    background-color: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}

.no-recordsfound {
    text-align: center;
    display: block;
    padding: 15px;
    /* opacity: 0.3; */
    color: #264959;
}

.no-recordsfound i {
    font-size: 30px;
    opacity: 0.16;
}

.no-recordsfound p {
    font-size: 12px;
}

.table--contentarea table td {
    padding: 10px;
    vertical-align: top;
}

.caption--text {
    text-align: center;
    display: block;
    font-weight: 600;
    letter-spacing: 0.2px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.sectionouterarea--actionicons i {
    padding: 0px 10px;
    font-size: 15px;
}

.bkpg--outerlayout__innerarea .bkpg--pageheader span .icons {
    color: #555;
    padding: 10px 5px 10px 10px;
    cursor: pointer;
}

.bkpg--pageheader .untitled--textpg .form-control::-webkit-input-placeholder {
    color: #333;
}

.untitled--textpg {
    position: relative;
    display: inline-block;
    width: 80%;
    font-weight: 500;
}

.book--lgmodal-view .modal-dialog {
    max-width: 1300px;
}

.sectionouterarea .sectionouterarea--actionicons .dropdown-toggle::after,
.bkpg--pageheader .dropdown-toggle::after {
    display: none;
}


/* home page */

.label--notification {
    font-size: 10px;
    background: #e58e13;
    width: 15px;
    height: 15px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    line-height: 1.7;
    color: #fff;
    position: absolute;
    right: 2px;
    top: 2px;
}

.org--name {
    font-size: 13px;
    font-weight: 400;
    color: #555;
}

.created--on__closing {
    font-size: 11px;
    font-weight: 400;
    color: #999;
}

.book--carddetails .btn-xs {
    font-size: 11px;
    font-weight: 400;
    padding: 5px 10px;
    text-align: right;
    float: right;
    margin: 5px 0;
}

.gridview-booklist .card-book-description {
    padding: 0 5px;
}

.book-title {
    padding: 5px 10px 0 0;
    position: relative;
    margin-bottom: 0!important;
}

.notification__section {
    min-height: auto;
    max-height: 520px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.book-title {
    margin-top: 0;
}

.error-message {
    width: 100%;
    margin: 0;
    font-size: 11px;
    color: #bf1111;
    font-weight: 500;
}

.passowrd-info {
    font-size: 11px;
    margin-bottom: 0;
    line-height: 1.7;
    font-weight: 500;
}

.unregistred-signup {
    color: #8c98a4!important;
    cursor: pointer;
}

.w-50 {
    width: 50%!important;
}


/* admin */

.heading--title h3 {
    color: #fff;
    font-weight: 300;
    font-size: 27px;
    text-align: center;
    line-height: 1.4;
    margin-bottom: 30px;
}

.heading--description p {
    color: #fff;
    font-weight: 100;
    font-size: 12px;
}

.login-language--options {
    position: absolute;
    top: 0;
    right: 30px;
}

.login-language--options .dropdown-menu {
    padding: 0;
}

.login-language--options .dropdown-menu>li>a {
    display: block;
    padding: 10px 10px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.login-language--options .form-control {
    height: 30px;
    font-size: 11px;
    width: 100%;
    font-weight: 600;
}

.login-language--options label {
    font-size: 11px;
}

.welcome-caption {
    color: #111640 !important;
    font-weight: 400 !important;
    margin-bottom: 5px !important;
    line-height: 1.5;
    font-family: inherit;
    margin-top: 10px;
    font-size: 22px;
    text-transform: uppercase;
}

.settings-compicon {
    display: block;
    float: left;
    text-align: center;
    margin: 0 auto;
    border-radius: 5px;
    margin-right: 3px!important;
    border: 1px solid #ececec;
    height: 35px;
    width: 35px;
    background: #fff;
    cursor: pointer;
    padding: 5px;
}

.settings-compicon i {
    color: #888;
    font-size: 18px;
    padding: 0!important;
}

.sectionouterarea--actionicons {
    position: absolute;
    top: 2px;
    right: 3px;
    width: 90px;
}

.ntfybadge.alert-iconsolysettings {
    position: absolute;
    top: -5px;
    right: 47px;
    font-size: 16px;
    font-weight: 700;
    color: #3bd6ba;
    padding: 0!important;
}

.tcmodal .tc--descript {
    padding: 10px;
}

.tcmodal .tc-btn {
    width: 70px;
    padding: 7px;
    cursor: pointer;
}

.privacymodal .tc--descript {
    padding: 10px;
}

.privacymodal .tc-btn {
    width: 70px;
    padding: 7px;
    cursor: pointer;
}

.faqsmodal .tc--descript {
    padding: 10px;
}

.faqsmodal .tc-btn {
    width: 70px;
    padding: 7px;
    cursor: pointer;
}

.tc--information {
    width: 800px;
    margin: 20px auto;
}

.tcmodal .tnc--descript {
    overflow: auto;
    position: relative;
    min-height: 500px;
    padding: 20px;
    max-height: 500px;
    overflow-y: scroll !important;
    overflow-x: hidden !important;
}

.tcmodal .headline--tc {
    padding: 10px 15px;
}

.passwd-visible {
    position: absolute;
    right: 0;
    top: 0;
    border: 0;
    height: 36px;
}

.faqsection .modal-footer {
    padding: 10px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

.tnc-section .modal-footer {
    padding: 10px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

svg {
    width: 100%!important;
    height: 100%!important;
}

.loggedinuserinfo .itemimage-thumb {
    width: 55px;
    height: 50px;
    border-radius: 50%;
    padding-right: 10px;
}
.loggedinuserinfo .itemtitle {
    font-size: 14px;
    color: #1e2022;
    font-weight: 400;
    padding-left: 0px;
    margin: 0; 
    cursor: pointer;
}
.loggedinuserinfo .itemdesc {
    font-size: 11px;
    color: #8c98a4;
    font-weight: 300;
    padding-left: 0px;
}
.loggedinuserinfo .getloggedout{
    font-size: 11px;
    text-decoration: underline;
    color: #ef6262;
}
.padding-8{
    padding: 10%  0;
}